Adaptive Bitrate Streaming Simulator
Interactive 3D simulator of adaptive bitrate (ABR) video streaming: watch buffer-based and throughput-based algorithms pick quality levels as network bandwidth fluctuates, with live buffer, bitrate, and rebuffer stats.
Every mobile video app — YouTube, Netflix, TikTok — plays video that arrives as a stream of short segments, each of which can be requested at a different quality level. This simulator models that pipeline directly: a fluctuating (and sometimes collapsing) simulated network feeds a segment downloader, an adaptive bitrate controller picks the quality for each upcoming segment, and a client buffer drains at real-time playback speed. Switch between a buffer-based controller (which reacts purely to how full the buffer is) and a throughput-based controller (which reacts to a moving average of measured download speed), then trigger a network drop and watch which one keeps playback smooth and which one stalls.
An interactive 3D simulator of adaptive bitrate (ABR) video streaming: watch buffer-based and throughput-based controllers pick quality levels as simulated network bandwidth fluctuates and drops.
3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install