Tagged articles
16 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
Bilibili Tech
Bilibili Tech
Nov 11, 2022 · Backend Development

Optimizing a Rust STUN Server with Multi‑Threading, SO_REUSEPORT, and Linux recvmmsg/sendmmsg

The article shows how to transform a single‑threaded Rust STUN server into a high‑performance, multi‑core service by using Linux’s SO_REUSEPORT to bind multiple threads, assigning each to a NIC queue, and employing batch syscalls recvmmsg/sendmmsg, achieving over a million packets per second with significantly lower CPU usage.

LinuxNetworkingRust
0 likes · 15 min read
Optimizing a Rust STUN Server with Multi‑Threading, SO_REUSEPORT, and Linux recvmmsg/sendmmsg
MaGe Linux Operations
MaGe Linux Operations
May 10, 2022 · Fundamentals

How Does NAT Traversal Really Work? A Deep Dive into Modern Techniques

This article explains the challenges of connecting two devices behind NAT and firewalls, explores the underlying principles of NAT, STUN, ICE, and related protocols, and presents practical strategies—including port mapping, relay fallback, and IPv6 considerations—to achieve reliable peer‑to‑peer communication.

ICENATSTUN
0 likes · 55 min read
How Does NAT Traversal Really Work? A Deep Dive into Modern Techniques
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