移动端 .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   

扫描二维码关注公众号,回复: 4482168 查看本文章

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 () {

});

}

猜你喜欢

转载自blog.csdn.net/qq_40127700/article/details/84973634