1.首先 npm i flv
2.将插件的属性copy过来
<video
id="videoElement"
class="centeredVideo"
height="500"
:width="vioW"
controls
autoplay
></video>
import flvjs from 'flv.js'
mounted里面
if (flvjs.isSupported()) {
var videoElement = document.getElementById('videoElement')
this.flvPlayer = flvjs.createPlayer({
type: 'flv',
enableWorker: true, //浏览器端开启flv.js的worker,多进程运行flv.js
isLive: true, //直播模式
hasAudio: false, //关闭音频
hasVideo: true,
stashInitialSize: 128,
enableStashBuffer: false, //播放flv时,设置是否启用播放缓存,只在直播起作用。
// 接口返回
url: '映射地址 接口返回的地址',
})
this.flvPlayer.attachMediaElement(videoElement)
this.flvPlayer.load()
this.flvPlayer.play()
}
登录接口请