M3U8 Player Online – Free HLS Stream Player & Live Tester

Play and test M3U8, HLS and live video streams in your browser. Inspect stream bitrate, resolution, buffer health, and audio tracks with zero server cost.

HLS / M3U8 Stream URL

Bypass CORS via Proxy (Fixes playback for streams missing Access-Control-Allow-Origin headers)

Quick Test Streams:

● READY

Quality:

Audio:

Speed:

Resolution

-

Current Bitrate

-

Buffer Health

-

Dropped Frames

0

Segment Latency

-

Engine Mode

hls.js (MSE)

Stream Master Playlist & Codec Inspector Auto-Populated

▼ Expand

Adaptive Bitrate (ABR) Variant Levels

Level	Resolution	Bitrate	Video Codec	Audio Codec	FPS
Play a stream to inspect master playlist bitrate variants.

Live Player Event & Diagnostic Log

[System] Waiting for stream URL input...

What is an M3U8 Player & Stream Inspector?

An M3U8 player is an essential diagnostic media tool for developers, broadcast engineers, and webmasters. It parses Apple HLS (HTTP Live Streaming) manifests, extracts adaptive bitrate (ABR) tracks, and renders live video chunks directly in the web browser using Media Source Extensions (MSE) and hls.js.

Key Diagnostic Metrics Explained

Adaptive Bitrate (ABR) Switching: Verifies how smoothly the player ramps up or scales down between video resolutions (from 360p up to 4K 2160p) as available network bandwidth fluctuates.
Buffer Health (Buffer Length in seconds): Measures the amount of forward-buffered video stored in memory. A healthy buffer length (typically 10 to 30 seconds) protects against network jitters and stream stalling.
Segment Latency & TTFB: Tracks round-trip network time and download speeds for individual .ts and .m4s media segments from your CDN origin.
Dropped Frames: Identifies video decoding bottlenecks caused by hardware constraints or mismatched PTS/DTS timestamps.

Troubleshooting Stream Errors: Understanding & Bypassing CORS

If your stream triggers a NETWORK_ERROR, the overwhelming cause is CORS (Cross-Origin Resource Sharing) restrictions on the origin server. Browsers enforce security rules preventing web scripts from reading data from another domain unless the server responds with Access-Control-Allow-Origin: *.

Two Ways to Resolve CORS Issues:

Enable our Built-in CORS Proxy: Check Bypass CORS via Proxy above. The stream playlist will be fetched through a secure proxy that injects the required headers, allowing instant previewing in your browser.
Add Origin Headers on Your Server: Configure your Nginx, Apache, or CDN distribution (CloudFront, Cloudflare, Akamai) to return Access-Control-Allow-Origin: * on all .m3u8 and .ts files.

Frequently asked questions

What causes the 'CORS Policy Blocked' error?

When fetching HLS video via JavaScript (MSE), browsers require the streaming server to explicitly allow cross-origin requests. If the server does not send 'Access-Control-Allow-Origin: *', browser security blocks the player. Use our built-in CORS Proxy toggle to preview these streams.

Does the player upload my video to QuickFit servers?

No! All video rendering, ABR parsing, and telemetry run 100% client-side inside your browser via hls.js. Only when you explicitly check 'Bypass CORS via Proxy' does the playlist manifest pass through a proxy gateway to append CORS headers.

Which video formats and protocols can I test?

This player supports Apple HLS (.m3u8 master and media playlists), fragmented MP4 (fMP4), TS segment containers, standard MP4, WebM, and live IPTV streams with multi-language audio tracks.

Can I share test streams with my team?

Yes! Click 'Copy Share Link'. It embeds the stream URL and proxy configuration directly into the URL hash, so your team can open and inspect the stream with one click.