Master Low‑Latency Web Live Streaming with WebRTC: Basics, Protocols, and Challenges

Web Live Streaming Basics

Since the live‑streaming boom in 2016, audiences have demanded higher interactivity, driving the need for low‑latency solutions. This section outlines how audio‑video data is captured, transmitted, and rendered in a web client.

Common Protocol Formats

Different protocols have distinct advantages and drawbacks. The first three protocols (based on TCP) struggle with real‑time performance due to TCP’s reliability mechanisms, while RTP (based on UDP) offers lower latency but requires additional reliability handling via RTCP.

What Is WebRTC?

WebRTC is a free, open‑source project from Google that provides real‑time communication (RTC) capabilities for browsers and mobile apps. It builds on RTP/RTCP and adds security via SRTP/SRTCP. Developers can use a set of JavaScript APIs to quickly implement peer‑to‑peer audio, video, and data transmission directly in the browser.

WebRTC Architecture

Core WebRTC APIs

MediaStream : Represents media captured from a camera or microphone.

RTCPeerConnection : Manages the connection and media transport between peers.

RTCDataChannel : Provides a bidirectional data channel for arbitrary data.

Applying WebRTC to Live Streaming

When using WebRTC for live‑streaming scenarios, developers must address challenges such as scaling to many viewers, handling network variability, and integrating with existing streaming pipelines. These topics will be explored in depth by Chen Chao from Tencent Classroom at the IMWebConf 2017 Front‑End Conference.