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虚拟直播

无延迟直播

视频加密与安全

在线导播台

猜你喜欢

转载自blog.csdn.net/ffffffff8/article/details/129314268