Tag

Signaling

1 views collected around this technical thread.

Bilibili Tech
Bilibili Tech
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.

Data ChannelFrontend DevelopmentSDP
0 likes · 16 min read
Building a WebRTC Video Call System: Signaling, Direct Connection, and Selective Forwarding
Rare Earth Juejin Tech Community
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.

Browser APIICEReal-Time Communication
0 likes · 20 min read
WebRTC Quick‑Start Tutorial for Beginners: Concepts, Architecture, and Code Walkthrough
TikTok Frontend Technology Team
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.

DemoJavaScript APINAT traversal
0 likes · 17 min read
What Is WebRTC? Overview, Architecture, Signaling, and Demo Implementation
Tencent IMWeb Frontend Team
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.

Frontend DevelopmentMedia NegotiationRTCPeerConnection
0 likes · 10 min read
Mastering WebRTC Media Negotiation: From SDP Basics to Front‑End Code
WeDoctor Frontend Technology
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.

Real-Time CommunicationSTUNSignaling
0 likes · 18 min read
Mastering WebRTC: Build Real-Time Video Calls with STUN, TURN, and Signaling
Tencent IMWeb Frontend Team
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.

Frontend DevelopmentICEPeer-to-Peer
0 likes · 13 min read
Master WebRTC: From Basics to Real‑Time Video Calls in the Browser
QQ Music Frontend Team
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 ChannelsReal-Time Communication
0 likes · 10 min read
Unlock Real-Time Browser Communication: A Deep Dive into WebRTC and Its Core APIs