Tagged articles
12 articles
Page 1 of 1
大转转FE
大转转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
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
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Dec 29, 2021 · Frontend Development

Master WebRTC: Build P2P Video Calls with Vue, Node.js, and TURN

This tutorial explains WebRTC fundamentals, signaling via WebSocket, NAT traversal with STUN/TURN, peer‑to‑peer connection flow, media capture, screen sharing, recording, and deployment tips, providing complete Vue and Node.js code examples for building robust 1‑to‑1 and multi‑user video applications.

P2PSTUNTURN
0 likes · 30 min read
Master WebRTC: Build P2P Video Calls with Vue, Node.js, and TURN
ByteFE
ByteFE
Sep 23, 2021 · Frontend Development

Building a 1‑to‑1 WebRTC Real‑Time Audio/Video Call in the Browser

This article explains how to create a browser‑based 1‑to‑1 real‑time audio/video communication application using WebRTC APIs, covering media capture, SDP and ICE handling, signaling with socket.io, peer‑to‑peer connection setup, data channels, and NAT traversal techniques.

JavaScriptRTCPeerConnectionSTUN
0 likes · 15 min read
Building a 1‑to‑1 WebRTC Real‑Time Audio/Video Call in the Browser
KooFE Frontend Team
KooFE Frontend Team
Aug 2, 2021 · Frontend Development

Mastering WebRTC: Media Streams, Peer Connections, and Data Channels Explained

This article provides a comprehensive overview of WebRTC, covering its core components MediaStream, RTCPeerConnection, and RTCDataChannel, the processes of media and network negotiation, NAT traversal techniques, signaling, and practical code examples for building real‑time communication applications.

MediaStreamRTCDataChannelRTCPeerConnection
0 likes · 14 min read
Mastering WebRTC: Media Streams, Peer Connections, and Data Channels Explained
High Availability Architecture
High Availability Architecture
Jul 10, 2020 · Frontend Development

Understanding WebRTC: Architecture, Protocols, APIs, and Security

WebRTC is a Google‑originated technology that enables real‑time audio, video, and data transmission across browsers, mobile platforms, and IoT devices, and this article explains its popularity, P2P connection process, signaling, NAT/ICE mechanisms, STUN/TURN servers, VP9 codec, JavaScript APIs, and security measures.

MediaStreamP2PSTUN
0 likes · 12 min read
Understanding WebRTC: Architecture, Protocols, APIs, and Security