58 lines
1.4 KiB
Vue
58 lines
1.4 KiB
Vue
|
<template>
|
||
|
|
<div id="player">
|
||
|
|
<div id="easyplayer"></div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'player',
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
easyPlayer: null
|
||
|
|
};
|
||
|
|
},
|
||
|
|
props: ['videoUrl', 'error', 'hasaudio'],
|
||
|
|
mounted () {
|
||
|
|
this.$nextTick(() =>{
|
||
|
|
console.log("初始化时的地址为: " + this.videoUrl)
|
||
|
|
this.easyPlayer = new WasmPlayer(null, 'easyplayer', this.eventcallbacK)
|
||
|
|
this.easyPlayer.play(this.videoUrl, 1)
|
||
|
|
})
|
||
|
|
},
|
||
|
|
watch:{
|
||
|
|
videoUrl(newData, oldData){
|
||
|
|
this.easyPlayer.destroy()
|
||
|
|
this.easyPlayer = new WasmPlayer(null, 'easyplayer', this.eventcallbacK)
|
||
|
|
this.easyPlayer.play(newData, 1)
|
||
|
|
},
|
||
|
|
immediate:true
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
play: function (url) {
|
||
|
|
this.easyPlayer = new WasmPlayer(null, 'easyplayer', this.eventcallbacK)
|
||
|
|
this.easyPlayer.play(url, 1)
|
||
|
|
},
|
||
|
|
pause: function () {
|
||
|
|
this.easyPlayer.destroy();
|
||
|
|
},
|
||
|
|
eventcallbacK: function(type, message) {
|
||
|
|
console.log("player 事件回调")
|
||
|
|
console.log(type)
|
||
|
|
console.log(message)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.LodingTitle {
|
||
|
|
min-width: 70px;
|
||
|
|
}
|
||
|
|
/* 隐藏logo */
|
||
|
|
/* .iconqingxiLOGO {
|
||
|
|
display: none !important;
|
||
|
|
} */
|
||
|
|
|
||
|
|
</style>
|