使用 hls.js 在线播放 M3U8 HLS 串流
Chrome、Firefox 和 Edge 使用媒体源扩展;Safari 可在可用时使用原生 HLS 播放。
粘贴 HLS 播放清单直链,测试浏览器播放、检测自适应质量,并在不上传串流的情况下显示网络或媒体错误。
Chrome、Firefox 和 Edge 使用媒体源扩展;Safari 可在可用时使用原生 HLS 播放。
检测主清单中的级别,并可按声明的高度和码率手动选择。
加载本地 VTT/SRT 字幕、改变速度、保存获准的 PNG 帧,并显示网络或编解码错误。
使用主清单或媒体清单直链,粘贴到上方并点击播放。浏览器支持时,普通视频控件可暂停、跳转、调节音量、画中画和全屏。
在媒体源扩展浏览器中,自适应码率由 hls.js 管理。播放器不会代理、录制或存储媒体。
成功播放能确认浏览器可访问清单并解码至少一个质量级别,但不保证能够转换,因为点播下载还要求每个分片持续可访问。
接着使用清单分析器验证点播状态、时长、分片数量、加密标记及所选质量使用的容器。
直接解答浏览器支持、隐私、源站访问和输出行为等问题。
粘贴播放清单直链并点击播放。页面会在支持的浏览器中通过 hls.js 和媒体源扩展播放,Safari 则可以使用原生 HLS 播放路径。
支持。当主清单提供多个级别时,hls.js 可随网络状况选择合适级别。检测到的质量级别会列在播放器下方。
VLC 不受浏览器 CORS 规则约束,还能附加不同的请求头或 Cookie。浏览器播放也要求媒体源扩展或原生 video 元素支持相应编解码器。
不会。播放发生在浏览器与媒体主机之间。请避免在共享设备上粘贴敏感签名网址,因为它们可能留在本地浏览器历史记录中。
源站允许时可以。iOS 和 macOS 上的 Safari 可原生播放 HLS,Android 和桌面端的 Chrome、Firefox 则通过 hls.js 使用媒体源扩展。阻止跨域请求或使用不支持编解码器的源在两种路径上都会失败。