1. 程式人生 > >移動端 .m3u8格式音訊流播放

移動端 .m3u8格式音訊流播放

音訊流播放:

音訊不應該放audio標籤嗎?  因為audio沒 video 標籤的功能

html:

<video id="video" width="0" height="0" src="" x5-playsinline="true" playsinline="true" webkit-playsinline="true">
   <source src="" type="audio/ogg">
   <source src="" type="audio/mpeg">
</video>

注: 

音訊流放入video標籤     .m3u8格式

src="" x5-playsinline="true" playsinline="true" webkit-playsinline="true"            清除蘋果qq瀏覽器播放另開視窗等

source  相容ios

 

js:引入Hls.js   

 

if (Hls.isSupported()) {

var video = document.getElementById('video');   //獲取video標籤

var hls = new Hls();

hls.loadSource(url);    //音訊流連結

hls.attachMedia(video);   

hls.on(Hls.Events.MANIFEST_PARSED, function () {

 

});

}