【HLS播放库】hls.js 实现HTTP Live Streaming客户端

源码资源网

★ Stars 14k+ | 语言: JavaScript

【项目简介】
hls.js是一个纯JavaScript实现的HTTP Live Streaming（HLS）客户端库。实现了将MPEG-2 TS流转换为ISO BMFF（MP4）片段的功能，让浏览器原生支持HLS直播和点播，无需任何插件。

【核心功能】
✦ 纯JavaScript实现，零依赖
✦ HLS直播流（m3u8播放列表）解析
✦ 自适应码率（ABR）切换
✦ 低延迟HLS（LL-HLS）支持
✦ MP4片段无缝拼接播放
✦ CEA-608/708字幕支持
✦ WebVTT字幕支持
✦ MP4和WebM输出格式
✦ MSE（Media Source Extensions）原生集成
✦ 主码流和备用码流切换
✦ 带宽估计和质量自适应
✦ 支持XHR和Fetch API加载切片

【技术架构】
语言: JavaScript（零依赖）
运行环境: 所有支持MSE的现代浏览器
标准: HLS (RFC 8216)
传输: HTTP/HTTPS

【适用场景】
✓ 直播平台HLS播放（尤妮佳/Twitter/Hulu等使用）
✓ 视频点播服务
✓ 移动端HLS播放（iOS/Safari原生，Android via hls.js）
✓ 监控系统Web端预览
✓ 在线教育视频播放
✓ OTT互联网电视
✓ Apple生态视频服务

【集成示例】
hls.js使用非常简洁：

2. import Hls from 'hls.js';
3. if (Hls.isSupported()) {
4.   const hls = new Hls();
5.   hls.loadSource('https://example.com/live.m3u8');
6.   hls.attachMedia(videoElement);
7.   hls.on(Hls.Events.MANIFEST_PARSED, () => video.play());
8. } else if (videoElement.canPlayType('application/vnd.apple.mpegurl')) {
9.   videoElement.src = 'https://example.com/live.m3u8';
10. }

复制代码

游客，本帖隐藏的内容需要积分高于 20 才可浏览，您当前积分为 0