1、准备好SkeyeWebPlayer.js播放器文件。源码地址
2、放在Vue3项目public文件夹下，注意：vue2项目是放在static里边。
3、引入方式
(1)、在index.html页面中引入SkeyeWebPlayer.js
(2)、如果放在Vue项目下static文件夹引入，在vue2中这样使用不会出现问题，但是在vue3中会出现出现以下问题，如图：
(2)、解决办法：把放在Vue3项目static里边的资源文件放到public文件夹下来引用。此外，放到 public 里的东西，可以不用写开头目录，脚手架打包的时候找不到，会去自动到public文件夹找的。
4、使用
, this.callbackFunc, {
cbUserPtr: this,
decodeType: 'soft'
});
this.player.play('http://192.168.0.111:10800/flv/hls/stream_1.flv', true);
},
// 播放器回调方法
callbackFunc(cbType, cbParams) {
if (cbType === 'playbackTime') {
//console.log("当前回放时间: " + cbParams);
} else if (cbType === 'ended') {
console.log("播放结束");
}
console.log("Callback " + cbType + ": " + cbParams);
},
}
}
.hello {
width: 800px;
margin: 0 auto;
}
