HomeComputer ScienceAdaptive Bitrate Streaming Simulator

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.

Computer Science3DModerate60 FPS📱 Mobile-adapted
mobile-video-streaming ↗ Open standalone

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.

⚙ Under the hood

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.

video streamingadaptive bitratenetworkingbufferingCDNalgorithms

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)