關於H5播放Http Live Streaming m3u8格式視頻

標籤：play   支援   技術分享   doc   func   script   ams   parse   stream   

HLS，Http Live Streaming 是由Apple公司定義的用於即時資料流傳輸的協議，HLS基於HTTP協議實現，傳輸內容主要包括兩部分，一是M3U8描述檔案，二是TS媒體檔案。

因為是蘋果出的視頻播放格式，所以PC端除了safari別的瀏覽器基本都不支援，微軟的edge一推出就支援，是各個瀏覽器的具體支援情況

可以看到android和ios基本可以認為都支援的，我用的hls.js來播放

項目https://github.com/video-dev/hls.js

使用方式也很簡單，直接看他給的樣本就行，主要是傳入m3u8的描述檔案，然後會載入ts檔案片播放，後台ts檔案路徑要正確

<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script><video id="video"></video><script>  if(Hls.isSupported()) {    var video = document.getElementById(‘video‘);    var hls = new Hls();    hls.loadSource(‘https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8‘);    hls.attachMedia(video);    hls.on(Hls.Events.MANIFEST_PARSED,function() {      video.play();  }); }</script>

關於H5播放Http Live Streaming m3u8格式視頻