🧪 Streaming Live Streaming Simulation
Interactive 3D simulator of a live video stream pipeline: an encoder emits segments over a fluctuating network into a player buffer, adaptive bitrate switches quality by buffer health, and you watch rebuffer stalls and latency-behind-live in real time.
This simulator models the real pipeline behind a live video broadcast: an encoder packages segments in real time, a fluctuating network delivers their bytes, an adaptive-bitrate ladder chooses quality from buffer health, and a player drains the buffer at real-time speed — stalling into a rebuffer whenever the buffer runs dry. Watch the segments travel from encoder to buffer to player in 3D, tune network throughput and volatility, switch between automatic buffer-based ABR and manual quality selection, and toggle Low-Latency mode to see the classic trade-off streaming platforms make every second: how far behind the live edge you sit versus how likely you are to stall.
This simulation explores the concepts behind live streaming technology. It demonstrates how data is transmitted and processed to deliver real-time video content.
2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install