当前位置: 首页 > Web前端 > vue.js

在vue中使用flv.js播放flv直播

时间:2023-04-01 12:12:55 vue.js

1。npm安装flv.jsnpm安装flv.js2。项目从“flv.js”导入flv.jsimportflvjs;3。只需使用flv.js//template//scriptdata(){return{flvPlayer:null}},methods:{//创建flv视频实例createFlv(){leturl="http://xxxxxxxx.flv";如果(flvjs.isSupported()){让videoElement=document.getElementById("videoElement");this.flvPlayer=flvjs.createPlayer({type:"flv",isLive:true,hasAudio:false,url});this.flvPlayer.attachMediaElement(videoElement);这个.flvPlayer.load();}}}4。Destroytheflvinstance//销毁flv实例flv_destroy(){if(this.flvPlayer){this.flvPlayer.pause();这个.flvPlayer.unload();this.flvPlayer.detachMediaElement();这个.flvPlayer.destroy();this.flvPlayer=null;}}

最新推荐
猜你喜欢