TURN | BestHub

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

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.

Node.jsP2PSTUN

0 likes · 30 min read

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

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.

JavaScriptRTCPeerConnectionReal-time Communication

0 likes · 15 min read

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

Tencent IMWeb Frontend Team

Aug 19, 2021 · Fundamentals

Mastering NAT Traversal: How ICE, STUN, and TURN Enable WebRTC Connections

This article explains how WebRTC uses ICE, along with STUN and TURN protocols, to overcome NAT obstacles, detailing NAT types, detection procedures, candidate gathering, and connection flow to achieve reliable peer‑to‑peer real‑time communication.

ICENAT traversalReal-time Communication

0 likes · 13 min read

Mastering NAT Traversal: How ICE, STUN, and TURN Enable WebRTC Connections

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

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.

JavaScriptReal-time CommunicationSTUN

0 likes · 18 min read

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

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.

MediaStreamP2PReal-time Communication

0 likes · 12 min read

Understanding WebRTC: Architecture, Protocols, APIs, and Security

Tencent IMWeb Frontend Team

Aug 27, 2017 · Frontend Development

Master WebRTC: Build Real‑Time Browser Video Calls from Scratch

This article explains WebRTC fundamentals, including its core JavaScript APIs, device compatibility, the STUN/TURN/ICE process for establishing peer-to-peer connections, SDP negotiation, and provides a complete code example for building a simple browser‑based video chat application.

Browser APIsICEJavaScript

0 likes · 7 min read

Master WebRTC: Build Real‑Time Browser Video Calls from Scratch