HLS.js Player (Debug + Charts)
← Back
Video Configuration
HLS Video URL (.m3u8):
Load Video
Clear
Clear Logs
Custom Headers
Request Headers (JSON format):
Note: Custom headers may have CORS restrictions in browsers
Quality Control
Quality Level:
Auto
Live Stats
Status
Ready
Resolution
-
Bitrate
-
Buffer
-
Dropped Frames
-
Current Level
-
Loaded Fragments
0
Audio Codec
-
Performance Charts
Bitrate (kbps)
Buffer Level (seconds)
Quality Level (height)
Fragment Load Count
Event Log & Debug Information
Sample URLs:
https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8
https://devstreaming-cdn.apple.com/videos/streaming/examples/img_bipbop_adv_example_fmp4/master.m3u8
https://bitdash-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8