共计 990 个字符，预计需要花费 3 分钟才能阅读完成。
1、下载 SkeyeWebPlayer.js 文件
2、将下载好的文件放到 src/static 目录下
3、引入形式
(1)、在入口页面 index.html 中引入 SkeyeWebPlayer.js
<html>
<head>
<title>template</title>
<script src="static/libs/SkeyeWebPlayer.js"></script>
</head>
</html>
(2)、在 vue 组件中引入 SkeyeWebPlayer.js
import WebMediaPlayer from '../static/libs/SkeyeWebPlayer/SkeyeWebPlayer'
4、vue 组件中代码如下
<template>
<div class="player-group" id="skeyePlayer"></div>
</template>
<script>
export default {data() {
return {player: null}
},
mounted() {this.$nextTick(() => {this.initPlayer()
});
},
beforeDestroy() {if (this.player) {this.player.destroy();
}
},
methods: {initPlayer() {
// new WebMediaPlayer（url,domId,callback,options）this.player = new WebMediaPlayer(
'url',
'skeyePlayer'`,
this.callbackFunc,
{
cbUserPtr: this,
decodeType: 'auto',
openAudio: 0,
BigPlay: false
});
this.player.play('', 1, 0);
},
// 播放器回调办法
callbackFunc(cbType, cbParams) {if (cbType == 'playbackTime') {//console.log("以后回放工夫:" + cbParams);
} else if (cbType == 'ended') {console.log("播放完结");
}
//console.log("Callback" + cbType + ":" + cbParams);
}
}
}
</script>
5、能够将播放器独自写成组件供其余页面调用
6、最终成果
正文完
