安装&注册&使用：

直播流格式：vue+flvjs实现flv格式视频流在线播放：
安装 flvjs ：npm install --save flv.js （安装报错的情况根据提示解决依赖问题）
引用：import flvjs from 'flv.js'

flv.js引入代码部分 。

<div  v-for="(item, index) in videoList" :key="index" ><video  autoplay controls muted :id="`videoElement${index}`" style="width:95%" ></video>
</div>

export default {data() {return {videoList: [//提供2个测试用直播的地址  { src: "http://1011.hlsplay.aodianyun.com/demo/game.flv", },{ src: "http://img.ksbbs.com/asset/Mon_1704/15868902d399b87.flv", }];},mounted() {this.playVideo(); //视频加载},methods: {playVideo() {this.vloading = true;this.videoList.forEach((item, index) => {if (flvjs.isSupported()) {let player = null;let videoElement = document.getElementById("videoElement"+index );player = flvjs.createPlayer({type: "flv", //=> 媒体类型 flv 或 mp4isLive: true, //=> 是否为直播流hasAudio: true, //=> 是否开启声音url: item.src, //=> 视频流地址});player.attachMediaElement(videoElement); //=> 绑DOMplayer.load();player.play();} else {this.$message.error("不支持flv格式视频");}this.vloading = false;});},},
};
</script>

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！