<script src="static/SkeyeWebPlayer/SkeyeWebPlayer.js"></script>
<template>
<div class="hello">
<div class="web-media-player" id="WebMediaPlayer"></div>
</div>
</template>
<script>
export default {
name: 'SkeyeWebPlayer',
props: {
msg: String
},
mounted() {
this.$nextTick(() => {
this.initPlayer()
})
},
methods: {
initPlayer() {
// new WebMediaPlayer(url,domId,callback,options)
this.player = new WebMediaPlayer('', `WebMediaPlayer`, 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);
},
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.hello {
width: 800px;
margin: 0 auto;
}
</style>
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。