Tagged articles

11 articles

Page 1 of 1

Feb 7, 2025 · Frontend Development

Building a WebRTC Video Call System: Signaling, Direct Connection, and Selective Forwarding

The article explains how to build a WebRTC video‑call system using standard APIs, detailing signaling via SDP exchange, direct peer connections, the transition to a selective‑forwarding server that forwards streams efficiently, and employing a data channel for RPC‑based room and stream management across web, Android, iOS, and Windows clients.

SDPSelective ForwardingSignaling

0 likes · 16 min read

Building a WebRTC Video Call System: Signaling, Direct Connection, and Selective Forwarding

Full-Stack Cultivation Path

Sep 9, 2024 · Frontend Development

WebRTC Deep Dive: How Front‑End Developers Build Real‑Time Communication

This article explains WebRTC fundamentals, the PeerConnection API, signaling, ICE, STUN/TURN servers, the full P2P call flow, and provides a Node.js WebSocket signaling server example for front‑end developers building real‑time communication.

Node.jsPeerConnectionSTUN

0 likes · 15 min read

WebRTC Deep Dive: How Front‑End Developers Build Real‑Time Communication

大转转FE

Sep 6, 2024 · Frontend Development

WebRTC Deep Dive: Core Concepts, Connection Flow, and a Simple Signaling Server

This article explores WebRTC’s fundamental architecture, detailing PeerConnection terminology, core methods and events, various connection strategies—including local network, STUN, and TURN—and walks through the complete signaling and ICE exchange process, culminating in a step‑by‑step Node.js WebSocket signaling server implementation with full code examples.

Node.jsPeerConnectionSTUN

0 likes · 16 min read

WebRTC Deep Dive: Core Concepts, Connection Flow, and a Simple Signaling Server

Rare Earth Juejin Tech Community

Aug 20, 2023 · Frontend Development

WebRTC Quick‑Start Tutorial for Beginners: Concepts, Architecture, and Code Walkthrough

This article provides a comprehensive beginner‑friendly guide to WebRTC, covering its definition, development history, application scenarios, core components, signaling server setup with Node.js and Socket.io, media negotiation, ICE candidate handling, STUN/TURN traversal, and complete code examples for building one‑to‑one real‑time audio/video communication.

ICESTUNSignaling

0 likes · 20 min read

WebRTC Quick‑Start Tutorial for Beginners: Concepts, Architecture, and Code Walkthrough

TikTok Frontend Technology Team

Nov 30, 2022 · Frontend Development

What Is WebRTC? Overview, Architecture, Signaling, and Demo Implementation

This article explains WebRTC as a cross‑platform, low‑latency real‑time communication technology, covering its definition, three‑layer architecture, JavaScript APIs, signaling process, NAT traversal mechanisms, a complete demo code example, and a practical Douyin business use case.

JavaScript APISignalingWebRTC

0 likes · 17 min read

What Is WebRTC? Overview, Architecture, Signaling, and Demo Implementation

Tencent IMWeb Frontend Team

Jul 1, 2021 · Frontend Development

Mastering WebRTC Media Negotiation: From SDP Basics to Front‑End Code

This article explains how WebRTC peers negotiate media capabilities using SDP, covering the signaling process, the offer/answer exchange, front‑end code examples, and a detailed breakdown of SDP syntax and its role in establishing audio‑video connections.

Media NegotiationRTCPeerConnectionSDP

0 likes · 10 min read

Mastering WebRTC Media Negotiation: From SDP Basics to Front‑End Code

NetEase Smart Enterprise Tech+

Mar 4, 2021 · Backend Development

How Signaling Powers Real‑Time Audio/Video: Inside NERTC’s Network Library

This article explains the concept and role of signaling in real‑time audio/video, describes the single‑PeerConnection architecture using WebSocket, details the handshake, keep‑alive and reconnection mechanisms, and outlines NERTC’s modular network library design for robust communication under weak network conditions.

Network LibrarySignalingWebRTC

0 likes · 13 min read

How Signaling Powers Real‑Time Audio/Video: Inside NERTC’s Network Library

WeDoctor Frontend Technology

Nov 17, 2020 · Frontend Development

Mastering WebRTC: Build Real-Time Video Calls with STUN, TURN, and Signaling

This article explains WebRTC fundamentals, its architecture, signaling, ICE, STUN/TURN mechanisms, and provides step‑by‑step guidance to build a peer‑to‑peer video chat using JavaScript APIs, Koa and Socket.io, including coturn server setup and essential code snippets.

STUNSignalingTURN

0 likes · 18 min read

Mastering WebRTC: Build Real-Time Video Calls with STUN, TURN, and Signaling

360 Smart Cloud

Jan 10, 2020 · Fundamentals

Introduction to SIP Protocol: Architecture, Message Structure, Transactions, and Open‑Source Stacks

This article provides a comprehensive overview of the Session Initiation Protocol (SIP), covering its role in multimedia session signaling, stack placement, core network entities, message formats, transaction handling, related RFCs, and a brief comparison of popular open‑source SIP stacks.

NetworkingRFC3261SIP

0 likes · 12 min read

Introduction to SIP Protocol: Architecture, Message Structure, Transactions, and Open‑Source Stacks

Tencent IMWeb Frontend Team

Dec 21, 2019 · Frontend Development

Master WebRTC: From Basics to Real‑Time Video Calls in the Browser

This comprehensive guide explains what WebRTC is, its architecture, key APIs such as getUserMedia, RTCPeerConnection and RTCDataChannel, ICE and signaling mechanisms, provides full demo code, and outlines current browser support and a learning roadmap for real‑time audio‑video communication.

ICESignalingWebRTC

0 likes · 13 min read

Master WebRTC: From Basics to Real‑Time Video Calls in the Browser

QQ Music Frontend Team

Jul 1, 2018 · Frontend Development

Unlock Real-Time Browser Communication: A Deep Dive into WebRTC and Its Core APIs

This article explains WebRTC—its definition, features, advantages, drawbacks, architecture diagrams, core APIs, demo code analysis, browser compatibility, and how to build a simple Node.js signaling server for peer‑to‑peer audio, video, and data communication.

Browser APIsData ChannelsSignaling

0 likes · 10 min read

Unlock Real-Time Browser Communication: A Deep Dive into WebRTC and Its Core APIs