Frame packet Keyframe (I-frame) Dropped frame
⚠ Couldn't load the 3D engineThree.js failed to load from the CDN. Check your connection and reload.

Streaming Encoder Buffer & Bitrate Simulator

This simulation demonstrates the technical aspects involved in setting up a streaming channel or broadcast, modelled as a real leaky-bucket encoder buffer: frames of encoded video are generated at your chosen framerate and bitrate, queued into a 3D buffer silo, and drained out to the network at your chosen upload bandwidth. Push the encoder bitrate above the available bandwidth for long enough and the buffer fills up and starts dropping frames — exactly the mechanism behind real-world streaming stutter and quality loss. Resolution presets show a recommended-bitrate reference so you can see when your settings are actually well matched to the stream you're producing, with live readouts for buffer occupancy, dropped frames and effective delivered throughput.