其他分享
首页 > 其他分享> > 在H5页面播放m3u8音频文件

在H5页面播放m3u8音频文件

作者:互联网

需要使用hls插件

首先安装依赖npm install hls.js --save

<audio ref="audio"></audio>
import Hls from 'hls.js';
methods: {
    init(){
        if (Hls.isSupported()) {
          var hls = new Hls();// 实例化 Hls 对象
          hls.loadSource('https://s.music.com/s/000000000/000_00000.m3u8');// 传入路径          
          hls.attachMedia(this.$refs.audio);
          hls.on(Hls.Events.MANIFEST_PARSED, () => {//加载成功
            setTimeout(() => {
              console.log(this.$refs.audio)
              this.$refs.audio.play();// 调用播放 API
            }, 0)
          });
        }
    }
}          

  

标签:audio,m3u8,hls,refs,Hls,js,H5,音频文件
来源: https://www.cnblogs.com/chicidol/p/14894272.html