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.
WebRTC M93 has landed in the Chrome dev channel, bringing twelve new features, over forty bug fixes, UI improvements for screen capture, privacy safeguards for camera use after screen lock, and a comprehensive list of component‑specific changes for developers to review.
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.
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.
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.
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.
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.
The article examines how Safari’s delayed support for modern Web APIs, Progressive Web Apps, and WebRTC creates significant challenges for developers seeking consistent experiences across browsers, while also exploring Apple’s motivations and the potential for future improvements.
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.
This article chronicles the evolution of a web‑based live‑streaming platform from its initial Web 1.0 prototype through successive versions, detailing AI speech detection, RTC integration, extensive refactoring, and the resulting framework that proves web technologies can effectively support live‑streaming scenarios.
The WebRTC M90 release for Chrome Canary introduces two experimental APIs, dozens of bug fixes, and performance improvements, while also providing a detailed list of reported issues and their components for developers to reference.
Chrome 90, released on April 13, 2021, introduces 23 new features including a default HTTPS navigation, AV1 video encoder for WebRTC, WebXR Depth API and AR lighting estimation, and a blocked HTTP port 554 to mitigate NAT Slipstreaming attacks, while also offering performance and security enhancements for web developers.
This roundup presents a selection of recent technical articles covering the Node.js 16 release, front‑end performance optimizations, CSS @property advances, WebRTC transport protocols, game‑engine dark‑mode implementation, Babel deep‑dive, and a new Flutter‑based web rendering engine, each linked for further reading.
This article explains why real‑time audio/video communication prefers UDP over TCP, compares TCP and UDP characteristics, introduces the RTP and RTCP application‑layer protocols that enable reliable media transport, and provides a quick Wireshark guide for capturing and analyzing RTP/RTCP packets.
This article explains the fundamentals of RTC, distinguishes it from traditional streaming, highlights WebRTC's cross‑platform, plugin‑free benefits, and shows how low‑latency real‑time communication can enhance interactive applications.
This article explains the concept and role of signaling in real‑time audio/video, describes the single‑PeerConnection architecture using WebSocket, details the handshake, keep‑alive and reconnection mechanisms, and outlines NERTC’s modular network library design for robust communication under weak network conditions.
This week’s developer newsletter highlights Google’s new TReCS framework for text‑image translation, OpenAI’s massive 7,500‑node Kubernetes scaling for machine learning, Apache ECharts 5 release, WebRTC becoming an official standard, China’s autonomous "长安链" blockchain, JD’s open‑source FaceX‑Zoo toolkit, and two AAAI 2021 papers on graph diffusion traffic forecasting and label‑confusion‑enhanced text classification.
This article explains WebRTC fundamentals, covering camera and microphone basics, frame rate and resolution, tracks and streams, the getUserMedia API with constraints and error handling, device enumeration, MediaRecorder for client‑side recording, and screen sharing via getDisplayMedia, all illustrated with practical JavaScript code examples.
The announcement that WebRTC 1.0 is now an official W3C/IETF standard highlights its role as a free, browser‑based JavaScript API that enables secure, plugin‑free audio‑video communication across devices, transforming education, healthcare, entertainment, and enterprise collaboration worldwide.
In a 2020 interview, Javen from IMWeb discusses how the pandemic accelerated web audio/video, the rise of WebRTC, practical challenges for large‑scale online education, and future trends toward faster, cheaper, and smarter browser‑based real‑time media.
The Tencent IMWeb team’s 2020 analysis highlights seven key frontend trends—explosive TypeScript adoption, React’s dominance among major frameworks, the rise of WebAssembly, accelerating low‑code platforms, serverless full‑stack development, DevOps maturation, and booming WebRTC—while forecasting continued growth in these areas for 2021.
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.
This article explains how NetEase CloudSign leveraged WebRTC to engineer a real-time audio‑video engine from scratch, detailing the engineering workflow, SDP signaling, and four key optimizations such as Simulcast, hardware codec support, audio profiling, and transmission strategy adjustments.
To accurately benchmark and reduce end-to-end latency on large live-streaming platforms, this article details practical measurement frameworks for both HTTP-FLV—using custom SEI timestamps and cloud-synced clocks—and WebRTC—leveraging RTCPeerConnection stats to dissect uplink, server, jitter, decoding, and render delays.
TWebLive, Tencent Cloud’s new web‑live interactive SDK, bundles TRTC, TIM and TCPlayer to let developers add push streaming, low‑latency WebRTC or CDN playback, and real‑time chat or bullet‑screen interaction with simple APIs, demo projects and open‑source code, replacing legacy Flash solutions.
iQIYI’s Qixiu platform supports both single‑host RTMP‑based ordinary live streams and multi‑host UDP‑RTP link‑mic sessions by using an enhanced WebRTC (woogeen) stack with a client SDK, load‑aware MCU nodes, and backend services that handle signaling, mixing, transcoding, adaptive bitrate, echo cancellation, and fault‑tolerant deployment, while outlining future improvements such as real‑time MCU switching and mobile network handover.
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.
This article explains how to implement a web‑browser face‑recognition authentication system by capturing video streams with WebRTC, detecting faces with face‑api.js, converting images to Base64, and leveraging Baidu AI services for identity verification and liveness detection.
This article explains how WebRTC builds the video processing pipeline by detailing the capture module, internal data flow, VideoTrack construction, rendering, and encoder integration, and it outlines the key API calls such as AddTrack, CreateOffer, and SetLocalDescription that establish the end‑to‑end video stream.
In an interview, iQIYI Live Cloud’s Chen Kunzhong explains how their WebRTC‑based RTCDN reduces encoding and transmission delay to achieve roughly 100 ms end‑to‑end latency for cloud‑gaming ads, supporting cross‑device play, instant click‑to‑play sessions, and future 5G‑enhanced high‑resolution experiences.
This article explains WebRTC fundamentals, key APIs, and demonstrates how to build a browser‑based peer‑to‑peer video chat by implementing a lightweight signaling server in PHP using Swoole coroutines, complete with client‑side JavaScript code, server logic, and deployment tips.
In a post‑pandemic interview, Tencent Cloud video leaders explain how explosive audio‑video demand forced ultra‑fast product cycles and elastic cloud scaling, while discussing hardware vs. software encoding, 5G‑driven congestion control, AI‑enhanced editing, and the convergence of low‑latency RTC with high‑concurrency streaming for sectors ranging from education to healthcare.
Youku’s low‑latency live‑streaming system replaces the traditional RTMP‑CDN pipeline with a controllable media‑transport architecture that combines private real‑time protocols, WebRTC, and edge nodes, cutting anchor‑to‑anchor latency below 300 ms and anchor‑to‑viewer latency to under 415 ms while preserving smooth playback.
Facing pandemic-driven remote teaching, Alibaba’s live streaming team redesigned their media pipeline, combining CDN, custom real-time protocols, WebRTC, and cloud-native techniques to control transmission and playback buffers, achieving sub-300 ms host-to-host latency and under-600 ms host-to-viewer latency while maintaining smooth playback.
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.
This article explains how to build a browser‑based AI video interaction system by comparing two approaches—streaming RTSP video via a JSMpeg‑powered WebSocket relay and capturing local media directly with WebRTC’s getUserMedia API—along with code samples, constraints handling, and frame‑extraction techniques.
This article explains the background, principles, and step‑by‑step instructions for using a non‑intrusive domestic mirror to accelerate WebRTC dependency synchronization and compilation across macOS, iOS, Linux, Android, and Windows platforms, including proxy configuration and repository URL replacement.
This article details how to replace WebRTC‑based multi‑audio streaming with HTTP‑FLV or HLS on the web, covering iOS Safari limitations, demuxing FLV, building ADTS headers, decoding with the Web Audio API, channel merging, and real‑time audio visualization using AnalyserNode.
This tutorial walks through creating a full‑stack video‑chat app that supports multiple chat rooms, private messaging, user status, and peer‑to‑peer video calls by combining Vue.js for the frontend, Vuex for state management, Socket.io for real‑time communication, a Node/Express backend, Redis for scaling, and Docker for deployment.
The 58 Group technical salon presented detailed practices on Tencent Cloud video services, real‑time audio/video communication, and mobile live‑streaming SDK implementation, covering architecture, protocols, encoding, troubleshooting, and future directions for improving streaming quality and user experience.
To enable reliable two‑way audio for remote testing of car‑mounted navigation devices, the team evaluated remote‑submix, software hooking, USB, Bluetooth and hardware forwarding, ultimately selecting a hybrid software‑hook and hardware‑forwarding approach combined with WebRTC encoding to meet sub‑500 ms latency and broad device coverage.
This article provides a comprehensive overview of WebRTC, covering its background, core architecture, key components such as MediaStream, RTCPeerConnection and RTCDataChannel, signaling and NAT traversal techniques, as well as a step‑by‑step audio‑video call flow and compatibility considerations across platforms.
This article explains WebRTC fundamentals, including SDP, ICE, and signaling, outlines the peer‑to‑peer communication flow, and compares RTMP, direct WebRTC, and media‑server‑based WebRTC solutions for live streaming, highlighting their advantages and drawbacks.
This article introduces WebRTC, the browser‑based real‑time communication technology backed by Google, Mozilla and Opera, explains its rapid adoption statistics, core features, security mechanisms, and explores future possibilities in IoT and everyday devices.
This article explains how WebRTC-based real-time audio/video uses P2P and server‑relay modes, details the discovery and tracing of rotation metadata issues, describes SDP and RTP header extensions for video orientation, and shows how to map this information to ffmpeg rotation parameters.
This article examines the challenges of live‑stream audio noise, compares open‑source denoising solutions such as Speex, WebRTC, and RNNoise, and details the practical integration, performance testing, and final adoption of WebRTC‑based noise reduction within the 58 live‑stream Android SDK.
This article describes a comprehensive solution for enabling real‑time audio and video communication between existing WebRTC endpoints and WeChat Mini Programs by introducing a WebRTC Gateway and Streaming Server, detailing architecture, signaling flows, media conversion, performance optimizations, and session reliability mechanisms.
This article describes the background, architecture, signaling flow, client and server components, and code details of TEG's WRTC solution for real‑time audio/video calls and IP‑telephony, including WebRTC fundamentals, SIP integration, and DTMF support.
This article explores Ant Financial's real-time video call platform, detailing its technical choices, system architecture, signaling reliability design, network optimization strategies, and future directions for multi‑party video conferencing and interactive live streaming.
The article reviews major 2023 RTC industry developments—including WebRTC 1.0 finalization, AV1 codec adoption, AI‑driven video enhancements, 5G rollout, and diverse use cases in education, gaming, and emergency services—while summarizing technical sessions on codecs, architecture, and future WebRTC standards.
This article introduces the fundamentals of web live streaming, covering typical workflows, video compression concepts, key quality metrics, comparisons of RTMP, RTP, HLS, flv.js and WebRTC, and practical implementation details for mini‑programs with code examples.
This article explains the fundamentals of live streaming, describing the push‑streaming and pull‑streaming processes, key video protocols such as RTMP, WebRTC and UDP, and provides a step‑by‑step guide for configuring OBS to publish and receive streams.
Liu Lianxiang explains how mini‑program real‑time audio/video can power interactive education despite challenges like missing cameras, cluttered backgrounds, diverse devices, debugging burdens, integration hurdles, and network latency, offering a cross‑platform SDK with sub‑400 ms latency, noise reduction, and unified WeChat ecosystem support.
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.
The Suning Front‑End Technology Forum in May 2018 gathered over 500 engineers to share insights on Node.js performance tuning, React 16's new features, WebRTC for online education, WebAssembly‑based optimization, and dashboard data‑visualization techniques, offering a comprehensive snapshot of modern front‑end advancements.
Tencent Video Cloud’s Mini‑Program audio/video, built on the LiteAV SDK with RTMP/HTTP‑FLV tags, contrasts WebRTC’s browser‑native RTP/RTCP approach, but a bridge using an RTMP server and WebRTC‑Proxy translates streams, enabling interoperable live‑push/pull, room‑based multi‑person calls and rapid integration via a packaged webrtc‑room component.
In this talk, Tencent Video Cloud’s terminal‑technology director Chang Qing outlines how the company’s end‑to‑end audio‑video pipeline—capturing, digitizing, processing, encoding and transmitting streams—powers WeChat Mini Programs for live streaming, two‑way calls and interactive classrooms, offering faster iteration, richer customization and tighter WeChat integration than WebRTC.
Tencent Cloud’s H5 voice‑communication solution improves QoE by applying a comprehensive WebRTC QoS framework—bandwidth estimation, adaptive congestion control, loss‑resilient FEC/NACK, latency and jitter mitigation, and global node optimization—while addressing interoperability challenges and continuously refining performance through monitoring, AB‑testing, and extensive bug fixes.
In late 2017 Tencent Cloud integrated its audio‑video SDK into WeChat Mini Programs, enabling developers to add live streaming, on‑demand video and real‑time calls—such as customer‑service video, court assessments, and insurance claims—through a cloud‑based upstream/downstream architecture that compresses streams, reduces latency, supports multi‑party RTC, and offers tools for moderation and recording.
This article walks through creating a lightweight WebAR Pokémon‑Go‑style game using WebRTC, covering the basics of WebAR, WebRTC APIs, compatibility issues on Android and iOS, and step‑by‑step implementation details such as camera access, video rendering, and overlay techniques.
This article introduces the fundamentals of web live streaming, compares common transport protocols, explains WebRTC architecture and core APIs, and highlights practical challenges and a forthcoming conference talk on applying WebRTC to low‑latency streaming scenarios.
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.
This guide explains how to create a lightweight motion‑detection effect in a web page using WebRTC to capture video, Canvas for pixel processing, and JavaScript algorithms that compare consecutive frames, apply brightness thresholds, and optionally track moving objects with bounding boxes.
This article explains the fundamentals of WebAR, introduces WebRTC and its APIs, discusses browser compatibility, and provides step‑by‑step instructions for creating a basic WebAR prototype that captures camera video and overlays interactive content using HTML, CSS, and JavaScript.
This guide walks through the fundamentals of HLS and RTMP protocols, compares their trade‑offs, and provides step‑by‑step instructions for setting up an Nginx‑RTMP server, configuring HLS, recording with WebRTC, and playing live streams in HTML5 video tags.
This article compares various live streaming approaches—plugin-based (Flash, WMP, Silverlight) versus plugin-free HTML5 solutions like MPEG‑DASH, HLS, and WebRTC—detailing their standards, history, supporting technologies such as MSE, CMAF, and offering resources for implementation with JavaScript frameworks.
This article walks through mobile video live streaming fundamentals, covering H5 playback, WebRTC recording, HLS streaming, RTMP server setup, iOS capture, user interaction features, and practical code examples to help front‑end engineers build robust live video solutions.
After years of iOS development, the author switched to Android, highlighting the limitations of iOS web support, the rise of Service Workers and Progressive Web Apps on Android, and how these open‑web technologies offer faster, cross‑platform experiences without App Store constraints.
With broadband speeds soaring, UDP’s simplicity and low latency now outperform TCP in web browsing, streaming, gaming, and IoT, as real‑world tests from Akamai and Google show dramatically lower packet loss, faster connections, and reduced buffering, signaling a shift toward UDP‑centric networking.
The article details the progressive architectural decisions and technical solutions behind a real-time multi‑party audio/video streaming platform, covering format research, backend service design, protocol choices, codec selection, node topology redesign, and video integration to achieve low‑latency, cross‑platform communication.
