生活随笔
收集整理的這篇文章主要介紹了
chrome不用flash,播放流视频
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
npm install --save flv.js引用import flvjs from “flv.js/dist/flv.min.js”;`
data(){return{wrjzhData:{attachmentName: "https://api.tjdataspace.com/flv.flv",fileName: "航拍視頻",videoType:"flv",id: 3}}
}
mounted(){this.playZhPause(this.wrjzhData
)
}
methods：
{playZhPause(row){if (flvjs
.isSupported()) {this.flvPlayer
= flvjs
.createPlayer({type: row
.videoType
,isLive: true,hasAudio: false,url: row
.attachmentName
,}// {// cors: true, // 是否跨域
// enableWorker: true, // 是否多線程工作
// enableStashBuffer: false, // 是否啟用緩存
// stashInitialSize: 128, // 緩存大小(kb
) 默認
384kb
// autoCleanupSourceBuffer: true // 是否自動清理緩存
// });this.$nextTick(() => {this.playZhVideo();});}},playZhVideo(){let videoElement
= this.$refs
.zhFlvVideo
;this.flvPlayer
.attachMediaElement(videoElement
);this.flvPlayer
.load();this.flvPlayer
.play();// 報錯重連
this.flvPlayer
.on(flvjs
.Events
.ERROR, (errType, errDetail) => {if (this.flvPlayer
) {this.destoryVideo();this.createVideo();}});},destoryZhVideo() {this.iswrj
= false;if (this.flvPlayer
) {this.flvPlayer
.pause();this.flvPlayer
.unload();this.flvPlayer
.detachMediaElement();this.flvPlayer
.destroy();this.flvPlayer
= null;}}
}
總結
以上是生活随笔為你收集整理的chrome不用flash,播放流视频的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
