hls.js如何播放m3u8文件（实例）？

 HLS（HTTP Live Streaming）是一种视频流传输协议，是苹果推出的适用于iOS与macOS平台的流媒体传输协议。它将视频分割成若干个小段，每个小段大小一般为2~10秒不等，并通过HTTP协议进行传输。通过在每个小段之间插入若干秒的间隔，可以提高视频的传输稳定性和用户的观看体验。HLS协议不断取回流数据，平衡延迟与流畅度，能够适应不同带宽以及设备的变化，保证了视频在不同网络环境下的稳定播放，是现在移动互联网中最为重要的视频流传输协议之一。

hls.js如何播放m3u8文件，附一个例子：

<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
<video id="video"></video>
<script>
  if(Hls.isSupported()) {
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('http://www.cuplayer.com/live/stream.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
</script>

 HLS协议规定：

• 视频的封装格式是TS。
• 视频的编码格式为H264,音频编码格式为MP3、AAC或者AC-3。
• 除了TS视频文件本身，还定义了用来控制播放的m3u8文件（文本文件）。

HLS 标准文件链接：RFC 8216 - HTTP Live Streaming

MR虚拟直播

• MR直播实例(混合现实直播)高品质企业直播
• 企业年会直播来个虚拟舞台场景如何？
• MR直播(混合现实直播)做一场高品质企业培训
• MR场景直播-帮助企业高效开展更有意思的员工培训
• 企业多会场视频直播（主会场、分会场直播）实例效果
• 虚拟直播（虚拟场景直播）要怎么做？

无延迟直播

• 无延时直播/超低延时直播画面同步性测试（实测组图）
• 搞定企业视频直播：硬件设备、直播网络环境和设备连接说明
• 无延时/无延迟视频直播实例效果案例
• OBS无延迟视频直播完整教程（组图）
• 毫秒级超低延时直播产品实测（PRTC直播/webRTC直播）

视频加密与安全

• 企业培训视频如何防止被下载和盗用？
• 上新：视频加密功能增加防录屏(随机水印)功能
• 两种实现视频倍速播放的方法（视频播放器倍速1.5x/2x）
• 教育培训机构教学课程内容视频加密是如何做的？

在线导播台

• 在线导播台（网页导播台）混流效果
• OBS Studio导播台多画面使用实测