Tagged articles
164 articles
Page 1 of 2
Weekly Large Model Application
Weekly Large Model Application
May 6, 2026 · Cloud Native

How OpenAI Scales Low-Latency Voice AI with WebRTC: Architecture Deep Dive

The article dissects OpenAI's engineering approach to delivering low‑latency voice AI at scale, explaining why WebRTC was chosen, how a Relay + Transceiver split solves Kubernetes integration challenges, the use of ICE ufrag for deterministic routing, and how global relay and implementation choices reduce perceived latency.

KubernetesLow latencyOpenAI
0 likes · 9 min read
How OpenAI Scales Low-Latency Voice AI with WebRTC: Architecture Deep Dive
Code Wrench
Code Wrench
Mar 8, 2026 · Artificial Intelligence

How to Build Low‑Latency AI‑Powered Video Calls with Go and WebRTC

This article breaks down the latency challenges of combining AI with WebRTC, compares edge and cloud processing architectures, and provides a detailed Go‑based implementation—including RTP interception, AI model integration, real‑time translation pipelines, and performance optimizations—for ultra‑responsive video conferencing.

AIEdge ComputingGo
0 likes · 7 min read
How to Build Low‑Latency AI‑Powered Video Calls with Go and WebRTC
Code Wrench
Code Wrench
Mar 6, 2026 · Backend Development

Why WebRTC Latency Isn’t About the API: Go, ICE, DTLS, and Scaling

This article breaks down the true bottlenecks of low‑latency WebRTC systems—network models, congestion control, memory layout, and concurrency scheduling—by examining the protocol stack, Go runtime, ICE state machine, DTLS/SRTP security, RTP/RTCP feedback, and practical high‑concurrency tuning strategies.

GoLow latencyReal-time Media
0 likes · 10 min read
Why WebRTC Latency Isn’t About the API: Go, ICE, DTLS, and Scaling
High Availability Architecture
High Availability Architecture
Dec 5, 2025 · Frontend Development

Mastering Real-Time Web Communication: WebSocket, SSE, WebRTC & Polling Explained

This comprehensive guide explores the core concepts, protocols, implementation steps, and typical use cases of WebSocket, Server‑Sent Events, WebRTC, and traditional polling, comparing their strengths and weaknesses to help developers choose the right real‑time communication technique for web applications.

PollingSSEWeb Development
0 likes · 21 min read
Mastering Real-Time Web Communication: WebSocket, SSE, WebRTC & Polling Explained
Open Source Tech Hub
Open Source Tech Hub
Nov 27, 2025 · Frontend Development

Choosing the Right Real‑Time Communication Tech for Web Apps: WebSocket, SSE, WebRTC & Polling

This article explains the core concepts, protocols, handshake processes, data framing, connection management, and typical use‑cases of WebSocket, Server‑Sent Events, WebRTC, and traditional polling, then compares their strengths, weaknesses, and suitability for different web scenarios to guide developers in selecting the most appropriate real‑time communication technology.

SSEWeb DevelopmentWebRTC
0 likes · 20 min read
Choosing the Right Real‑Time Communication Tech for Web Apps: WebSocket, SSE, WebRTC & Polling
Instant Consumer Technology Team
Instant Consumer Technology Team
Oct 31, 2025 · Cloud Computing

How WebRTC Enables Millisecond‑Level Dual‑Direction Streaming in Cloud‑Based Mobile Testing

This article explains how a cloud testing platform leverages WebRTC to achieve sub‑200 ms bidirectional video transmission, enabling ultra‑low‑latency screen casting and remote camera feed replacement for mobile devices, and details the architecture, optimizations, performance gains, and future enhancements.

Mobile AutomationWebRTCcloud testing
0 likes · 20 min read
How WebRTC Enables Millisecond‑Level Dual‑Direction Streaming in Cloud‑Based Mobile Testing
Dunmao Tech Hub
Dunmao Tech Hub
Oct 30, 2025 · Frontend Development

How to Build a WebRTC Voice Call App with PeerJS: Step‑by‑Step Guide

This guide walks through setting up a PeerJS‑based P2P voice call system, covering browser compatibility, Node environment preparation, installing and running the peerjs‑server (via npm or Docker), initializing the Peer object, handling connections, making and receiving calls, and customizing Peer IDs, with full code snippets and screenshots.

JavaScriptNode.jsP2P
0 likes · 8 min read
How to Build a WebRTC Voice Call App with PeerJS: Step‑by‑Step Guide
JD Tech Talk
JD Tech Talk
Oct 28, 2025 · Frontend Development

Choosing the Right Real‑Time Communication Tech: WebSocket, SSE, or WebRTC

This article explains the core concepts, working principles, advantages, drawbacks, and typical use cases of WebSocket, Server‑Sent Events, and WebRTC, and provides a detailed comparison to help developers select the most suitable real‑time communication technology for their web applications.

SSEWebRTCWebSocket
0 likes · 19 min read
Choosing the Right Real‑Time Communication Tech: WebSocket, SSE, or WebRTC
php Courses
php Courses
Jun 10, 2025 · Backend Development

Build Real-Time Video Chat with PHP and WebRTC: Step-by-Step Guide

This tutorial walks you through creating a real-time video chat web app using PHP on the server side and WebRTC in the browser, covering environment setup, server code, client implementation, and how to run the application.

WebRTCWebSocketreal-time communication
0 likes · 6 min read
Build Real-Time Video Chat with PHP and WebRTC: Step-by-Step Guide
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.

SDPSelective ForwardingSignaling
0 likes · 16 min read
Building a WebRTC Video Call System: Signaling, Direct Connection, and Selective Forwarding
360 Zhihui Cloud Developer
360 Zhihui Cloud Developer
Dec 11, 2024 · Backend Development

How Simulcast Boosts WebRTC Video Quality and Scales Large Conferences

This article explains the Simulcast standard in WebRTC, compares it with transcoding and SVC, describes how an SFU rewrites RTP headers for seamless layer switching, outlines congestion detection using TWCC, and presents automated bandwidth allocation strategies to optimize video quality and reduce bandwidth in large‑scale meetings.

SFUSimulcastVideo Streaming
0 likes · 15 min read
How Simulcast Boosts WebRTC Video Quality and Scales Large Conferences
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Nov 29, 2024 · Frontend Development

WebRTC Audio‑Video Synchronization: Principles, Standards, and Implementation Details (Part 1)

The article explains WebRTC audio‑video synchronization by detailing the ITU‑R BT.1359‑1 standard, describing a synchronizer that computes target delays from desired and packet‑pair delays, applying bounded adjustments via sliding‑average filtering, and outlining a hardware method for measuring resulting latency.

Audio-Video SyncNTPRTP
0 likes · 11 min read
WebRTC Audio‑Video Synchronization: Principles, Standards, and Implementation Details (Part 1)
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Nov 22, 2024 · Fundamentals

How RTP and NTP Timestamps Enable Precise Audio‑Video Sync in WebRTC

This article explains the structure and generation of RTP timestamps for audio and video, the role of NTP timestamps as a common time base, how RTP and NTP are correlated through Sender Reports and linear regression, and the calculations used to achieve accurate audio‑video synchronization and target delay management in WebRTC.

Audio-Video SyncNTPRTP
0 likes · 18 min read
How RTP and NTP Timestamps Enable Precise Audio‑Video Sync in WebRTC
大转转FE
大转转FE
Sep 13, 2024 · Frontend Development

Building 1v1 and Multi‑Party WebRTC Calls: From Demo to Architecture

This article walks through creating a basic 1v1 WebRTC audio‑video demo with Vue, then expands to detailed code explanations for call setup, media handling, data channels, and explores multi‑party architectures (Mesh, SFU, MCU), discussing their trade‑offs, deployment challenges, and practical solutions for production environments.

MCUSFUVideo Call
0 likes · 19 min read
Building 1v1 and Multi‑Party WebRTC Calls: From Demo to Architecture
大转转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
大转转FE
大转转FE
Aug 30, 2024 · Frontend Development

Mastering WebRTC: Essential Front‑End APIs and Real‑Time Communication Basics

This article provides a comprehensive front‑end guide to WebRTC, covering its core concepts, differences from WebSocket, browser compatibility, typical use cases, advantages and drawbacks, and detailed usage of key APIs such as getUserMedia, getDisplayMedia, RTCPeerConnection, and RTCDataChannel with practical code examples.

APIRTCPeerConnectionWebRTC
0 likes · 15 min read
Mastering WebRTC: Essential Front‑End APIs and Real‑Time Communication Basics
360 Smart Cloud
360 Smart Cloud
Jun 3, 2024 · Backend Development

Design and Performance Analysis of a Cascaded SFU Architecture for Video Conferencing (VCS)

The article presents a technical overview of a WebRTC‑based video conferencing system that employs a single‑SFU architecture, identifies scalability and latency challenges in large‑scale and global deployments, and proposes a cascaded SFU solution with detailed signaling, buffer management, and performance evaluation demonstrating improved load balancing and extensibility.

Backend DevelopmentCascaded ArchitectureSFU
0 likes · 12 min read
Design and Performance Analysis of a Cascaded SFU Architecture for Video Conferencing (VCS)
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 28, 2024 · Frontend Development

Implementing WebRTC Media Capture, Recording, and Real‑Time Speech Recognition in Web Applications

This article provides a comprehensive guide on using WebRTC, getUserMedia, and MediaRecorder to capture camera and microphone streams, perform screen capture, visualize audio, handle device and network checks, convert media formats, and integrate real‑time speech‑to‑text services, while sharing practical pitfalls and solutions.

AudioVisualizationMediaRecorderVideoCapture
0 likes · 22 min read
Implementing WebRTC Media Capture, Recording, and Real‑Time Speech Recognition in Web Applications
HelloTech
HelloTech
Mar 7, 2024 · Frontend Development

Implementation of Driver Authentication Video Capture Using WebRTC and RecordRTC

The project implements a cross‑platform driver authentication video capture module by using WebRTC to access rear‑facing cameras, RecordRTC to record a five‑second clip with custom constraints, and uploading the resulting Blob to Alibaba Cloud OSS for OCR, ensuring consistent functionality across native apps, mini‑programs, and external H5 pages.

Front-endH5JavaScript
0 likes · 10 min read
Implementation of Driver Authentication Video Capture Using WebRTC and RecordRTC
Open Source Tech Hub
Open Source Tech Hub
Mar 6, 2024 · Frontend Development

How to Record and Play Back Screen Sharing with WebRTC and Vue

This tutorial shows how to capture, record, and replay a shared screen using WebRTC's getDisplayMedia and MediaRecorder APIs within a Vue 3 front‑end, providing a live demo link, screenshots, and complete source code for index.html and main.js.

MediaRecorderScreen SharingVideo Recording
0 likes · 4 min read
How to Record and Play Back Screen Sharing with WebRTC and Vue
Open Source Tech Hub
Open Source Tech Hub
Mar 6, 2024 · Frontend Development

Understanding WebRTC: Architecture, Core Components, and Protocol Stack

This article explains WebRTC’s real‑time communication technology, covering its browser‑based peer‑to‑peer architecture, supported platforms, internal layers, core audio/video engines, transport protocols, and the full protocol stack that enables secure, low‑latency media and data exchange.

Browser APIsP2P NetworkingTransport Protocols
0 likes · 6 min read
Understanding WebRTC: Architecture, Core Components, and Protocol Stack
Bilibili Tech
Bilibili Tech
Jan 2, 2024 · Frontend Development

WebRTC Testing and Quality Assurance for Live Streaming

Bilibili’s senior test engineer outlines a comprehensive WebRTC quality‑assurance strategy that validates client SDK modules, signaling and media servers, conducts functional, regression and weak‑network testing, monitors performance metrics on both client and server, and correlates QoS data with user‑centric QoE indicators to ensure seamless live‑streaming experiences.

WebRTCnetwork simulation
0 likes · 17 min read
WebRTC Testing and Quality Assurance for Live Streaming
360 Smart Cloud
360 Smart Cloud
Nov 21, 2023 · Frontend Development

WebRTC MediaStream and RTCPeerConnection API Overview and Usage

This article provides a comprehensive overview of WebRTC's MediaStream and RTCPeerConnection APIs, explaining core concepts such as tracks, sources, sinks, device enumeration, media constraints, bitrate and resolution settings, compatibility considerations, screen sharing, content hints, and the step‑by‑step workflow for establishing a peer‑to‑peer connection in the browser.

Browser APIsJavaScriptMediaStream
0 likes · 15 min read
WebRTC MediaStream and RTCPeerConnection API Overview and Usage
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 31, 2023 · Frontend Development

User Behavior Recording Techniques: Video, Screenshot, and DOM Snapshot (rrweb) Comparison and Implementation

This article examines various user behavior recording methods—including WebRTC video capture, canvas-based screenshot recording, and DOM snapshot recording with rrweb—detailing their technical implementations, advantages, limitations, and suitable application scenarios for product analysis, debugging, and automated testing.

VueWebRTCfrontend
0 likes · 28 min read
User Behavior Recording Techniques: Video, Screenshot, and DOM Snapshot (rrweb) Comparison and Implementation
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
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Jul 21, 2023 · Frontend Development

Audio Architecture and Quality Optimization in WebRTC: Devices, 3A Processing, Codec, NetEQ and Scenario‑Based Solutions

The article explains WebRTC’s audio pipeline—from device capture through hardware or software 3A (AEC, ANS, AGC), Opus codec selection, and NetEQ jitter‑buffer handling—detailing how device specifics and scenario‑based configurations (live streaming, meetings, education, watch‑together) affect quality and why pure‑software 3A is emerging as the preferred future solution.

3AAudio ProcessingNetEQ
0 likes · 29 min read
Audio Architecture and Quality Optimization in WebRTC: Devices, 3A Processing, Codec, NetEQ and Scenario‑Based Solutions
MoonWebTeam
MoonWebTeam
Jun 8, 2023 · Game Development

How WebRTC Powers Cloud Gaming: A Deep Dive into Real-Time Game Streaming

Explore the fundamentals of cloud gaming and discover how WebRTC's real-time audio‑video, NAT traversal, and data channel technologies enable low‑latency game streaming across devices, with detailed architecture, protocols, and code examples for developers.

Game DevelopmentReal-time StreamingWebRTC
0 likes · 36 min read
How WebRTC Powers Cloud Gaming: A Deep Dive into Real-Time Game Streaming
360 Tech Engineering
360 Tech Engineering
Jun 6, 2023 · Frontend Development

WebRTC MediaStream and RTCPeerConnection API Overview and Usage Guide

This article provides a comprehensive overview of WebRTC’s MediaStream and RTCPeerConnection APIs, covering concepts such as sources, sinks, tracks, device enumeration, media constraints, resolution and bitrate settings, compatibility issues, screen sharing, content hints, and step‑by‑step connection establishment for real‑time communication in browsers.

Browser APIsJavaScriptMediaStream
0 likes · 13 min read
WebRTC MediaStream and RTCPeerConnection API Overview and Usage Guide
php Courses
php Courses
Jun 4, 2023 · Backend Development

Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole

This tutorial demonstrates how to combine Swoole's high‑performance PHP WebSocket server with WebRTC's browser‑based real‑time audio/video capabilities, covering server setup, client media capture, video segmentation with FFmpeg, and complete code examples to build a functional live‑streaming application.

JavaScriptPHPSwoole
0 likes · 6 min read
Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole
php Courses
php Courses
Apr 21, 2023 · Backend Development

Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole

This article demonstrates how to combine Swoole's high‑performance WebSocket server with WebRTC to create a real‑time audio/video live streaming application, covering server setup, client media capture, video segmenting with FFmpeg, and providing complete code examples for each step.

JavaScriptPHPSwoole
0 likes · 6 min read
Building a Real-Time Audio/Video Live Streaming Project with WebRTC and Swoole
Qunar Tech Salon
Qunar Tech Salon
Mar 31, 2023 · Mobile Development

Design and Implementation of a Cross‑Platform Network Phone Service for an Online Travel Platform

This article details the motivation, architecture, and iterative development of a network‑phone solution that combines native and React Native components for mobile apps and a WebRTC‑based web client, aiming to improve customer‑service efficiency, reduce costs, and enhance user experience across multiple channels.

React NativeWebRTCcustomer-service
0 likes · 14 min read
Design and Implementation of a Cross‑Platform Network Phone Service for an Online Travel Platform
Bilibili Tech
Bilibili Tech
Jan 13, 2023 · Cloud Computing

Design and Implementation of Bilibili's Low‑Latency Cloud Gaming Platform Using WebRTC

Bilibili built a cross‑platform cloud‑gaming service that leverages WebRTC with tuned jitter buffers, unordered data channels, adaptive input‑report rates, and a custom kernel driver to deliver sub‑100 ms latency, dynamic bitrate control, and haptic feedback, overcoming typical latency, stutter, and flexibility limitations of existing solutions.

Low latencyWebRTCadaptive bitrate
0 likes · 14 min read
Design and Implementation of Bilibili's Low‑Latency Cloud Gaming Platform Using WebRTC
ByteFE
ByteFE
Dec 16, 2022 · Frontend Development

Curated Technical Insights: Vite 4 Release, Overdesign Pitfalls, Node.js Automation, React Native Monorepo, Chrome Memory/Energy Modes, First Principles Thinking, WebRTC Face Recognition, JavaScript Best Practices, and Web Workers

This newsletter presents a collection of technical articles covering the Vite 4 release, the dangers of over‑design, building Node.js automation workflows, React Native monorepo practices, Chrome's memory and energy saver modes, first‑principles thinking for engineers, WebRTC face‑recognition implementation, JavaScript best practices, and an overview of Web Workers.

JavaScriptNode.jsReact Native
0 likes · 8 min read
Curated Technical Insights: Vite 4 Release, Overdesign Pitfalls, Node.js Automation, React Native Monorepo, Chrome Memory/Energy Modes, First Principles Thinking, WebRTC Face Recognition, JavaScript Best Practices, and Web Workers
Bitu Technology
Bitu Technology
Dec 2, 2022 · Backend Development

Elixir Meetup Highlights: Legacy System Migration, WebRTC Development, and Distributed Virtual Players

The seventh Tubi‑sponsored Elixir Meetup featured three expert talks covering the migration of an Express.js/MongoDB legacy system to Elixir/PostgreSQL, building a WebRTC audio chat application with Elixir, and creating a distributed virtual‑player platform using Elixir’s powerful clustering and actor model capabilities.

ElixirWebRTCactor-model
0 likes · 7 min read
Elixir Meetup Highlights: Legacy System Migration, WebRTC Development, and Distributed Virtual Players
ELab Team
ELab Team
Nov 25, 2022 · Artificial Intelligence

How to Build a Real‑Time Virtual Avatar with CNN and face‑api.js

This tutorial explains how to create a simple virtual avatar system by combining convolutional neural networks, the face‑api.js library, and WebRTC, covering CNN fundamentals, face detection, landmark extraction, model selection, and rendering techniques with code examples.

CNNFace DetectionJavaScript
0 likes · 13 min read
How to Build a Real‑Time Virtual Avatar with CNN and face‑api.js
Bilibili Tech
Bilibili Tech
Nov 11, 2022 · Backend Development

Real-Time Audio/Video System Architecture and Key Technologies Based on WebRTC

The article surveys the evolution of live streaming toward low‑latency, interactive scenarios and details WebRTC‑based real‑time audio/video system design, covering RTP/UDP transport, FEC and ARQ loss recovery, congestion control, jitter buffering, echo cancellation, edge‑node path optimization, and a multi‑layer architecture with signaling, routing, mixing services for scalable, high‑availability PK deployments.

Low latencyMedia ServerReal-time Streaming
0 likes · 16 min read
Real-Time Audio/Video System Architecture and Key Technologies Based on WebRTC
Bilibili Tech
Bilibili Tech
Nov 8, 2022 · Frontend Development

Design and Implementation of Bilibili's Self‑Developed Live Streaming P2P System Using WebRTC

Bilibili designed a self‑built live‑streaming P2P system that uses WebRTC DataChannels and a Tracker‑mediated handshake to exchange 60 KB MessagePack‑encoded HLS segment blocks among viewers, employing a free‑market task allocation to balance seeding and consumption, thereby significantly cutting CDN bandwidth costs.

BrowserLive videoMessagePack
0 likes · 16 min read
Design and Implementation of Bilibili's Self‑Developed Live Streaming P2P System Using WebRTC
Bilibili Tech
Bilibili Tech
Nov 6, 2022 · Backend Development

Design and Implementation of Bilibili's Live P2P Streaming System Using WebRTC

Bilibili built a browser‑native live P2P streaming system that uses WebRTC data channels to exchange 60 KB‑sized HLS segment blocks via a WebSocket tracker, employs MessagePack for efficient binary messaging, and adopts a decentralized free‑market peer‑role allocation to limit uploads, dramatically cutting bandwidth while supporting massive concurrent viewers.

BilibiliBrowserCDN optimization
0 likes · 16 min read
Design and Implementation of Bilibili's Live P2P Streaming System Using WebRTC
TAL Education Technology
TAL Education Technology
Oct 20, 2022 · Fundamentals

Understanding WebRTC Multi‑Party Architectures: Mesh, MCU, and SFU

The article explains the three main WebRTC multi‑party architectures—Mesh, MCU, and SFU—detailing their bandwidth and processing requirements, advantages, disadvantages, and typical use cases, helping developers choose the most suitable solution for low‑latency, high‑quality audio‑video interactions.

MCUMedia ServerSFU
0 likes · 6 min read
Understanding WebRTC Multi‑Party Architectures: Mesh, MCU, and SFU
ByteFE
ByteFE
Oct 15, 2022 · Frontend Development

Curated Frontend Development Insights: Architecture, Frameworks, WebRTC, Edge Computing, and Practical Patterns

This curated collection presents expert reflections on frontend architecture, surveys the latest JavaScript frameworks, explores micro‑frontend style isolation, explains WebRTC fundamentals, highlights edge‑centric web performance, and offers practical guides on native drag‑and‑drop and the publish‑subscribe design pattern.

Design PatternsJavaScriptWebRTC
0 likes · 6 min read
Curated Frontend Development Insights: Architecture, Frameworks, WebRTC, Edge Computing, and Practical Patterns
ELab Team
ELab Team
Sep 30, 2022 · Frontend Development

Mastering WebRTC: From RTMP/HLS Basics to Real-Time Audio‑Video Communication

This article explains common audio‑video streaming protocols such as RTMP and HLS, compares their use cases, then dives into WebRTC fundamentals, device detection, media capture, recording, connection setup, codec considerations, and how to display remote streams, providing a comprehensive guide for building real‑time web communication applications.

JavaScriptRTMPWebRTC
0 likes · 22 min read
Mastering WebRTC: From RTMP/HLS Basics to Real-Time Audio‑Video Communication
360 Smart Cloud
360 Smart Cloud
Aug 31, 2022 · Frontend Development

WebRTC Basics: Accessing Media Devices, Streams, Screen Sharing, and Recording

This article introduces WebRTC fundamentals, explains how to enumerate audio/video devices, describes MediaStream and MediaStreamTrack concepts, demonstrates using getUserMedia for media capture with constraints, shows screen sharing via getDisplayMedia, and provides code examples for recording and downloading video streams using MediaRecorder.

MediaDevicesMediaRecorderScreenSharing
0 likes · 9 min read
WebRTC Basics: Accessing Media Devices, Streams, Screen Sharing, and Recording
360 Smart Cloud
360 Smart Cloud
Jul 29, 2022 · Fundamentals

Introduction to WebRTC Architecture, Core Concepts, and Multi‑Party Communication Solutions

This article provides a comprehensive overview of WebRTC, covering its origin, core architecture layers, basic audio‑video capture concepts, the process of a one‑to‑one real‑time call, and compares three multi‑party communication architectures—Mesh, MCU, and SFU—highlighting their advantages and drawbacks.

MCUMedia ArchitectureP2P
0 likes · 13 min read
Introduction to WebRTC Architecture, Core Concepts, and Multi‑Party Communication Solutions
MaGe Linux Operations
MaGe Linux Operations
Jul 18, 2022 · Information Security

Google Patches Critical Chrome Zero-Day Exploited in Wild Attacks

Google has released Chrome version 103.0.5060.114 for Windows, addressing the fourth high‑severity zero‑day vulnerability patched in 2022, which was actively exploited in the wild, and urges users to update promptly as the rollout progresses globally over the coming days or weeks.

CVE-2022-0609ChromeSecurity Patch
0 likes · 4 min read
Google Patches Critical Chrome Zero-Day Exploited in Wild Attacks
Zuoyebang Tech Team
Zuoyebang Tech Team
May 26, 2022 · Cloud Native

How ZRTC Powers Millions of Live Streams: Architecture & Scaling

ZRTC, the real‑time audio‑video platform behind 作业帮, has been refined for over three years to support massive, multi‑cloud, multi‑protocol live streaming, employing a unified SDK, intelligent scheduling, custom SFU services, and extensive performance tuning to achieve high concurrency, low latency, and robust high‑availability.

Cloud NativePerformance OptimizationReal-time Streaming
0 likes · 22 min read
How ZRTC Powers Millions of Live Streams: Architecture & Scaling
Zuoyebang Tech Team
Zuoyebang Tech Team
Apr 21, 2022 · Backend Development

How to Build a High‑Concurrency, Low‑Latency Live Streaming System for Online Education

This article details the design and implementation of a self‑developed interactive live‑streaming platform that supports massive concurrent users and ultra‑low latency for online education, covering business scenarios, technical abstractions, key low‑latency and high‑concurrency techniques, and real‑world performance results.

Backend ArchitectureKCPLow latency
0 likes · 16 min read
How to Build a High‑Concurrency, Low‑Latency Live Streaming System for Online Education
Tencent Architect
Tencent Architect
Apr 8, 2022 · Fundamentals

How WebRTC Implements Video NACK: A Deep Dive into RTP Retransmission

This article provides a comprehensive walkthrough of WebRTC's video sender NACK implementation, covering the underlying ACK/NACK concepts, RFC4585 retransmission types, and the three-step process of storing RTP packets, handling RTCP NACK messages, and retransmitting lost media with priority handling.

NACKRTPVideo Streaming
0 likes · 5 min read
How WebRTC Implements Video NACK: A Deep Dive into RTP Retransmission
Tencent Architect
Tencent Architect
Mar 18, 2022 · Backend Development

Inside WebRTC’s Pacer: How It Smooths Video Transmission

This article explains the purpose and inner workings of WebRTC’s Pacer module, detailing how it prioritizes packets, schedules transmission timing, calculates data budgets, handles max pacing delay, and integrates with video encoding bitrate control to ensure smooth, low‑latency video streaming over varying network conditions.

PacerVideo StreamingWebRTC
0 likes · 9 min read
Inside WebRTC’s Pacer: How It Smooths Video Transmission
Tencent Architect
Tencent Architect
Mar 14, 2022 · Fundamentals

Mastering WebRTC QoS: NACK, FEC, SVC, and More Explained

This article provides a comprehensive overview of WebRTC's quality‑of‑service mechanisms—including NACK, FEC, SVC, jitter buffering, IDR requests, pacing, bandwidth estimation, probing, dynamic frame‑rate, AV sync, and resolution adaptation—detailing their principles, implementation, and impact on real‑time audio‑video communication.

FECNACKQoS
0 likes · 11 min read
Mastering WebRTC QoS: NACK, FEC, SVC, and More Explained
Tencent Architect
Tencent Architect
Mar 11, 2022 · Cloud Computing

How Tencent Cloud’s Ultra‑Low‑Latency Live Streaming Redefined Real‑Time Video

This article explores how Tencent Cloud leveraged WebRTC and innovative engineering to create an ultra‑low‑latency live streaming solution that outperforms traditional CDN‑based streams, detailing the technical challenges, product decisions, and market impact that have driven rapid adoption across e‑commerce, education, and entertainment sectors.

Low latencyTencent CloudWebRTC
0 likes · 10 min read
How Tencent Cloud’s Ultra‑Low‑Latency Live Streaming Redefined Real‑Time Video
Tencent Architect
Tencent Architect
Mar 4, 2022 · Cloud Computing

How Ultra‑Low Latency Live Streaming Cuts Delay by 90% with WebRTC

The Tencent Cloud and China Academy of Information and Communications Technology whitepaper introduces ultra‑low latency live streaming technology, detailing its WebRTC‑based architecture, miniSDP compression, AV1 support, adaptive bitrate, and real‑world applications in e‑commerce, cross‑domain events, and education, while outlining future trends and industry impact.

WebRTCe-commerce liveeducation streaming
0 likes · 15 min read
How Ultra‑Low Latency Live Streaming Cuts Delay by 90% with WebRTC
ELab Team
ELab Team
Jan 6, 2022 · Frontend Development

Unlock Real-Time Audio‑Video with WebRTC: History, Features & Code Guide

WebRTC, the browser‑based real‑time communication standard, evolved from early VoIP acquisitions to a W3C‑approved protocol suite, offering plugin‑free audio/video streaming, a rich protocol stack, cross‑browser compatibility, and JavaScript APIs illustrated with detailed code examples for signaling, ICE, SDP, and peer connections.

Browser APIsICESDP
0 likes · 22 min read
Unlock Real-Time Audio‑Video with WebRTC: History, Features & Code Guide
NetEase Smart Enterprise Tech+
NetEase Smart Enterprise Tech+
Jan 5, 2022 · Mobile Development

How Android’s Video Device Manager Powers WebRTC: Architecture and Optimization

This article explains Android’s Video Device Manager (VDM) within WebRTC, covering the graphics system, Surface/BufferQueue model, capture, encoding, rendering pipelines, cross‑platform implementation layers, and compatibility optimizations, providing developers with a comprehensive view of Android video handling in real‑time communication.

AndroidMediaCodecSurfaceFlinger
0 likes · 14 min read
How Android’s Video Device Manager Powers WebRTC: Architecture and Optimization
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
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 6, 2021 · Backend Development

How We Achieved Low‑Latency, High‑Definition Multi‑Angle Live Streaming with WebRTC

This article details the design and implementation of a low‑latency, high‑definition multi‑angle live streaming solution using WebRTC, covering protocol selection, system architecture, edge commands, client integration, performance optimizations, and lessons learned from deploying the feature in a large‑scale live event.

Edge ComputingLow latencyVideo Encoding
0 likes · 15 min read
How We Achieved Low‑Latency, High‑Definition Multi‑Angle Live Streaming with WebRTC
Douyu Streaming
Douyu Streaming
Dec 1, 2021 · Mobile Development

How to Get, Build, and Extend WebRTC m79 Source for Windows, Android, and iOS

This guide explains how to obtain the WebRTC m79 source, compile it for Windows, Android, and iOS, walk through the basic signaling and peer‑connection workflow, and implement advanced video‑capture and audio‑volume features with custom C++ extensions, while unifying the codebase across platforms.

Audio ProcessingCCompilation
0 likes · 19 min read
How to Get, Build, and Extend WebRTC m79 Source for Windows, Android, and iOS
Tencent Cloud Developer
Tencent Cloud Developer
Nov 25, 2021 · Industry Insights

2021 Real‑Time Audio‑Video Trends: WebRTC Updates, New Products & Market Insights

From Tencent Meeting’s 3.0 launch and new webinar mode to Microsoft’s metaverse preview, Firefox’s biggest WebRTC upgrade, Safari’s bug surge, Zoom’s auto‑captioning, and emerging standards like SVC and WebTransport, this roundup surveys the latest real‑time audio‑video technologies, product releases and industry trends shaping 2021.

Product UpdatesWebRTCaudio video
0 likes · 24 min read
2021 Real‑Time Audio‑Video Trends: WebRTC Updates, New Products & Market Insights
Douyu Streaming
Douyu Streaming
Nov 12, 2021 · Fundamentals

How FLV and RTP Interact in Douyu’s Low‑Latency WebRTC Streaming

This article explains the end‑to‑end workflow of Douyu’s fast live streaming system, detailing how FLV tags are converted to RTP packets and back, covering WebRTC’s SDP/ICE/DTLS handshake, FLV and RTP header structures, payload formats for audio (OPUS) and video (H.264), and the server‑side processing pipeline.

FLVRTPStreaming
0 likes · 19 min read
How FLV and RTP Interact in Douyu’s Low‑Latency WebRTC Streaming
政采云技术
政采云技术
Nov 9, 2021 · Frontend Development

An Overview of Web Screen Recording Techniques and Implementation

This article examines both perceptual and non‑perceptual web screen‑recording solutions, detailing WebRTC‑based capture, rrweb DOM recording, associated code examples, playback and live streaming methods, and discusses their suitable application scenarios and browser compatibility.

Screen RecordingWebRTCrrweb
0 likes · 14 min read
An Overview of Web Screen Recording Techniques and Implementation
Douyu Streaming
Douyu Streaming
Nov 5, 2021 · Fundamentals

How WebRTC Jitter Buffer Manages Delay for Smooth Video Playback

This article explains the concept, components, and algorithms of WebRTC's adaptive jitter buffer, detailing how it calculates network, decode, and render delays to ensure smooth video playback while balancing latency and packet loss.

WebRTCjitter buffermedia streaming
0 likes · 17 min read
How WebRTC Jitter Buffer Manages Delay for Smooth Video Playback
Douyu Streaming
Douyu Streaming
Nov 5, 2021 · Fundamentals

How NetEQ Revolutionizes Audio Jitter Buffering and Packet‑Loss Concealment

This article explains NetEQ, the adaptive audio jitter buffer and packet‑loss concealment technology used in WebRTC, detailing its architecture, core modules, jitter‑estimation algorithms, decision logic, and speed‑change processing, and shows how a custom server‑side implementation can improve stability and listening experience.

NetEQSignal ProcessingWebRTC
0 likes · 21 min read
How NetEQ Revolutionizes Audio Jitter Buffering and Packet‑Loss Concealment
Douyu Streaming
Douyu Streaming
Nov 5, 2021 · Backend Development

How Douyu Built Its Own High‑Performance P2P Live‑Streaming System

Douyu’s senior streaming engineer Zhou Sha details the company’s self‑developed P2P solution, covering its background, architecture, key technologies such as sub‑streaming, WebRTC, data slicing, SDK design, and the strategies used to boost sharing rates and future roadmap.

CDNData SlicingP2P
0 likes · 24 min read
How Douyu Built Its Own High‑Performance P2P Live‑Streaming System
Programmer DD
Programmer DD
Nov 4, 2021 · Frontend Development

Unlock Browser P2P File Sharing with WebTorrent: A Hands‑On Guide

This article introduces WebTorrent, an open‑source JavaScript library that brings BitTorrent‑style peer‑to‑peer file sharing and streaming directly to browsers using WebRTC, explains its advantages over traditional download tools, and provides step‑by‑step code examples for both web and Node environments.

BrowserJavaScriptP2P
0 likes · 6 min read
Unlock Browser P2P File Sharing with WebTorrent: A Hands‑On Guide
Douyu Streaming
Douyu Streaming
Oct 29, 2021 · Information Security

Understanding SSL/TLS and DTLS: From Cryptographic Basics to WebRTC Security

This article explains the security risks of early Internet protocols, the evolution of SSL/TLS and DTLS, fundamental cryptographic concepts such as symmetric and asymmetric encryption, hashing, MACs, digital signatures, AES modes and padding, and how these technologies are applied in TLS handshakes, DTLS, and WebRTC.

AESDTLSSSL
0 likes · 27 min read
Understanding SSL/TLS and DTLS: From Cryptographic Basics to WebRTC Security
Douyu Streaming
Douyu Streaming
Oct 29, 2021 · Fundamentals

Mastering WebRTC SDP: A Complete Guide to Analyzing Session Descriptions

This article provides a systematic overview of SDP (Session Description Protocol) and its detailed usage in WebRTC, covering protocol structure, media and session level fields, Plan B vs Unified Plan styles, and the extensive a‑line extensions such as codec, ICE, DTLS, and simulcast parameters.

DTLSICESDP
0 likes · 22 min read
Mastering WebRTC SDP: A Complete Guide to Analyzing Session Descriptions
Douyu Streaming
Douyu Streaming
Oct 19, 2021 · Backend Development

Douyu’s Scalable P2P Live Streaming: Architecture, Key Tech & Future Plans

Douyu’s senior streaming engineer Zhou Sha details the company’s self‑developed P2P live‑video solution, covering its background, architecture, core technologies like sub‑streaming, WebRTC, data slicing, SDK design, sharing‑rate optimizations, and future roadmap for broader media applications.

Data SlicingP2PSharing Optimization
0 likes · 24 min read
Douyu’s Scalable P2P Live Streaming: Architecture, Key Tech & Future Plans
Douyu Streaming
Douyu Streaming
Oct 18, 2021 · Fundamentals

How to Boost Real-Time Audio Quality with Advanced AEC, AGC, and ANC Techniques

This article details a comprehensive redesign of acoustic echo cancellation, automatic gain control, and automatic noise control for real‑time communication, combining WebRTC and Speex to improve delay estimation, linear filtering, and non‑linear processing, and demonstrates superior performance over the original WebRTC solution.

Acoustic Echo CancellationSignal ProcessingSpeex
0 likes · 10 min read
How to Boost Real-Time Audio Quality with Advanced AEC, AGC, and ANC Techniques
Douyu Streaming
Douyu Streaming
Oct 17, 2021 · Fundamentals

Mastering WebRTC SDP: A Complete Guide to Analyzing Session Descriptions

This article provides a systematic overview of the SDP (Session Description Protocol) used in WebRTC, covering its historical background, syntax, key fields, media descriptions, Plan B vs Unified Plan styles, and numerous extensions such as codec parameters, ICE candidates, DTLS, and simulcast, with practical examples and code snippets.

NetworkingSDPWebRTC
0 likes · 24 min read
Mastering WebRTC SDP: A Complete Guide to Analyzing Session Descriptions
Youku Technology
Youku Technology
Sep 30, 2021 · Frontend Development

Web P2P Live Streaming Architecture and Implementation Using WebRTC

The article presents a WebRTC‑based peer‑to‑peer live‑streaming architecture that offloads CDN traffic by using RTCPeerConnection and RTCDataChannel, detailing client and server modules, ICE/STUN signaling, chunk scheduling, memory‑efficient serialization, and demonstrating significant bandwidth savings while preserving user experience.

P2PWeb DevelopmentWebRTC
0 likes · 13 min read
Web P2P Live Streaming Architecture and Implementation Using WebRTC
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
Qingyun Technology Community
Qingyun Technology Community
Aug 31, 2021 · Cloud Computing

How to Build Scalable, High‑Availability Real‑Time Audio‑Video Systems

This talk explains the evolution and practical implementation of large‑scale real‑time audio‑video communication, covering common architectures such as direct P2P, MCU, and SFU, network topologies, scalability, high‑availability techniques, edge computing, and emerging technologies like WebRTC, SDN, and AI‑driven enhancements.

Edge ComputingSFUScalable Systems
0 likes · 16 min read
How to Build Scalable, High‑Availability Real‑Time Audio‑Video Systems
ByteFE
ByteFE
Aug 23, 2021 · Frontend Development

Technical Exploration and Implementation of Cross‑Platform Web Screen Recording Using WebRTC, rrweb, and ffmpeg in Electron

This article presents a comprehensive technical analysis of cross‑platform web screen recording, covering strict business requirements, evaluation of rrweb, ffmpeg, and WebRTC solutions, detailed implementations for video and audio capture in Electron, handling of lock‑screen issues, WebM metadata fixes, memory‑usage constraints, and performance optimizations.

BlobCross‑PlatformMediaRecorder
0 likes · 49 min read
Technical Exploration and Implementation of Cross‑Platform Web Screen Recording Using WebRTC, rrweb, and ffmpeg in Electron
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Aug 20, 2021 · Frontend Development

Evolution of a New Web Live Streaming System: From Flash to HTML5, AI Integration, and Modular Refactoring

This article chronicles the development of a new web live streaming solution, detailing the shift from Flash to HTML5 video, the integration of AI voice detection using hark, audio encoding with lamejs, WebRTC-based real‑time communication, and a systematic modular refactor that transformed the project into a reusable frontend framework.

HTML5JavaScriptRTMP
0 likes · 8 min read
Evolution of a New Web Live Streaming System: From Flash to HTML5, AI Integration, and Modular Refactoring