ABR Player — instrumented HLS.js

Real adaptive-bitrate switching against the CloudFront origin. The picture sharpens as bandwidth is measured (the box stays a fixed size — only the resolution changes). Every switch is logged with why: bandwidth estimate & buffer level. Throttle your network (DevTools → Network) to watch it adapt down, then release to watch it climb.

Live telemetry

active rendition
bandwidth estimate
buffer ahead
dropped frames
bandwidth estimate active bitrate

Bitrate ladder

  • load a stream…

Switch log