JLNTV_IPD/vue-aliplayer-v2
4
0
Fork 0
mirror of https://github.com/langyuxiansheng/vue-aliplayer-v2.git synced 2025-04-06 03:57:55 +08:00
Code Issues Projects Releases Wiki Activity

更新版本号

Browse Source
This commit is contained in:
zhouliujun 2022-05-12 14:20:44 +08:00
parent d7495c1469
commit 31441d7773
4 changed files with 102 additions and 99 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@ -219,6 +219,13 @@ components: {
```javascript ```javascript
props:{ props:{
forbidFastForward: { //禁止拖拽快进
required: false,
type: [Boolean],
default: false
},
options: { //配置项 (options.source 不支持动态切换,需要动态切换请直接使用source) options: { //配置项 (options.source 不支持动态切换,需要动态切换请直接使用source)
required: false, required: false,
type: [Object], type: [Object],
@ -455,10 +462,11 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
## 更新日志 ## 更新日志
> v1.3.0 > v1.3.0 修复部分已知bug,增加forbidFastForward 属性,感谢 "william-xue"网友的功能提交.
- sdk 版本更新,默认 SDK 版本由 2.9.3 更新为 2.9.7 - sdk 版本更新,默认 SDK 版本由 2.9.3 更新为 2.9.20
- 默认注释更新 - 默认注释更新
- 增加禁止用户拖拽快进的属性选项 forbidFastForward [Boolean] 默认 false
> v1.2.9 修正部分默认属性, 感谢"Schean17"网友的反馈与建议. > v1.2.9 修正部分默认属性, 感谢"Schean17"网友的反馈与建议.

36
examples/App.vue
View File

@ -58,7 +58,7 @@
// import VueAliplayerV2 from '../packages'; // import VueAliplayerV2 from '../packages';
export default { export default {
// components:{ VueAliplayerV2 }, // components:{ VueAliplayerV2 },
data(){ data () {
return { return {
options: { options: {
// source:'//player.alicdn.com/video/aliyunmedia.mp4', // source:'//player.alicdn.com/video/aliyunmedia.mp4',
@ -105,42 +105,42 @@ export default {
source: '//player.alicdn.com/video/aliyunmedia.mp4', source: '//player.alicdn.com/video/aliyunmedia.mp4',
// source: '//ivi.bupt.edu.cn/hls/cctv1.m3u8', // source: '//ivi.bupt.edu.cn/hls/cctv1.m3u8',
show: true, show: true,
forbidFastForward:false, forbidFastForward: false,
isShowMultiple: false, isShowMultiple: false,
} }
}, },
methods:{ methods: {
play(){ play () {
this.$refs.VueAliplayerV2.play() this.$refs.VueAliplayerV2.play()
}, },
pause(){ pause () {
this.$refs.VueAliplayerV2.pause(); this.$refs.VueAliplayerV2.pause();
}, },
replay(){ replay () {
this.$refs.VueAliplayerV2.replay(); this.$refs.VueAliplayerV2.replay();
}, },
handlerForbidFastForward(){ handlerForbidFastForward () {
this.forbidFastForward = true this.forbidFastForward = true
}, },
getCurrentTime(){ getCurrentTime () {
// this.$refs.VueAliplayerV2.getCurrentTime(); // this.$refs.VueAliplayerV2.getCurrentTime();
this.source = 'http://ivi.bupt.edu.cn/hls/cctv1.m3u8'; this.source = 'http://ivi.bupt.edu.cn/hls/cctv1.m3u8';
}, },
getStatus(){ getStatus () {
const status = this.$refs.VueAliplayerV2.getStatus(); const status = this.$refs.VueAliplayerV2.getStatus();
console.log(`getStatus:`, status); console.log(`getStatus:`, status);
alert(`getStatus:${status}`); alert(`getStatus:${status}`);
}, },
showMultiple(){ showMultiple () {
this.isShowMultiple = !this.isShowMultiple; this.isShowMultiple = !this.isShowMultiple;
} }
} }
@ -151,19 +151,19 @@ export default {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.remove-text{ .remove-text {
text-align: center; text-align: center;
padding: 20px; padding: 20px;
font-size: 24px; font-size: 24px;
} }
.show-multiple{ .show-multiple {
display: flex; display: flex;
.multiple-player{ .multiple-player {
width: calc(100% / 4); width: calc(100% / 4);
margin: 20px; margin: 20px;
} }
} }
.player-btns{ .player-btns {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -183,18 +183,18 @@ export default {
cursor: pointer; cursor: pointer;
} }
} }
.source-box{ .source-box {
padding: 5px 10px; padding: 5px 10px;
margin-bottom: 10px; margin-bottom: 10px;
.source-label{ .source-label {
margin-right: 20px; margin-right: 20px;
font-size: 16px; font-size: 16px;
display: block; display: block;
} }
#source{ #source {
margin-top: 10px; margin-top: 10px;
} }
.source-input{ .source-input {
margin-top: 10px; margin-top: 10px;
padding: 5px 10px; padding: 5px 10px;
width: 80%; width: 80%;

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "vue-aliplayer-v2", "name": "vue-aliplayer-v2",
"version": "1.3.0", "version": "1.3.1",
"author": "yxs", "author": "yxs",
"description": "感谢每一位支持开源的朋友. 这是一个基于Alipayer 开发并封装成vue组件的集成播放器.可播放rtmp,m3u8,mp4....视频.除支持直播流与点播的基础功能外,也支持视频的加密播放、清晰度切换、直播时移等业务场景", "description": "感谢每一位支持开源的朋友. 这是一个基于Alipayer 开发并封装成vue组件的集成播放器.可播放rtmp,m3u8,mp4....视频.除支持直播流与点播的基础功能外,也支持视频的加密播放、清晰度切换、直播时移等业务场景",
"main": "lib/vue-aliplayer-v2.umd.min.js", "main": "lib/vue-aliplayer-v2.umd.min.js",

137
packages/AliplayerV2/index.vue
View File

@ -5,7 +5,7 @@
export default { export default {
name: 'VueAliplayerV2', name: 'VueAliplayerV2',
props: { props: {
forbidFastForward:{ forbidFastForward: { //禁止拖拽快进
required: false, required: false,
type: [Boolean], type: [Boolean],
default: false default: false
@ -20,22 +20,22 @@ export default {
type: [String], type: [String],
default: null default: null
}, },
cssLink:{ //css版本源 cssLink: { //css版本源
required: false, required: false,
type: [String], type: [String],
default: `https://g.alicdn.com/de/prismplayer/2.9.7/skins/default/aliplayer-min.css` default: `https://g.alicdn.com/de/prismplayer/2.9.20/skins/default/aliplayer-min.css`
}, },
scriptSrc:{ //js版本源 scriptSrc: { //js版本源
required: false, required: false,
type: [String], type: [String],
default: `https://g.alicdn.com/de/prismplayer/2.9.7/aliplayer-min.js` default: `https://g.alicdn.com/de/prismplayer/2.9.20/aliplayer-min.js`
} }
}, },
data () { data () {
return { return {
player: null, //播放器实例 player: null, //播放器实例
playerId: `player-${Math.random().toString(36).substr(2).toLocaleUpperCase()}`, playerId: `player-${Math.random().toString(36).substr(2).toLocaleUpperCase()}`,
config:{ config: {
id: null, //播放器的ID id: null, //播放器的ID
width: '100%', width: '100%',
autoplay: true, autoplay: true,
@ -43,7 +43,7 @@ export default {
//支持播放地址播放,此播放优先级最高 //支持播放地址播放,此播放优先级最高
// source: 'rtmp://182.145.195.238:1935/hls/1194076936807170050', // source: 'rtmp://182.145.195.238:1935/hls/1194076936807170050',
}, },
events:[ events: [
/** /**
* 播放器视频初始化按钮渲染完毕。 * 播放器视频初始化按钮渲染完毕。
* 播放器UI初始设置需要此事件后触发，避免UI被初始化所覆盖。 * 播放器UI初始设置需要此事件后触发，避免UI被初始化所覆盖。
@ -125,49 +125,49 @@ export default {
], ],
}; };
}, },
watch:{ watch: {
source(){ //监听播放源变化 source () { //监听播放源变化
this.init(); this.init();
}, },
forbidFastForward(){ forbidFastForward () {
this.init(); this.init();
}, },
options:{ //配置项是对象,只能深度监听 options: { //配置项是对象,只能深度监听
handler(){ handler () {
this.init(); this.init();
}, },
deep: true deep: true
} }
}, },
mounted () { mounted () {
this.$nextTick(()=>{ this.$nextTick(() => {
this.init(); this.init();
}); });
}, },
updated(){ updated () {
//重载播放器 //重载播放器
this.$nextTick(()=>{ this.$nextTick(() => {
this.init(); this.init();
}); });
}, },
methods: { methods: {
handlerFastForward(){ handlerFastForward () {
}, },
/** /**
* 创建script和css * 创建script和css
* 加载Alipayer的SDK * 加载Alipayer的SDK
*/ */
init(){ init () {
const linkID = 'app__aliplayer-min-css'; const linkID = 'app__aliplayer-min-css';
const scriptID = 'app__aliplayer-min-js'; const scriptID = 'app__aliplayer-min-js';
const head = document.getElementsByTagName('head'); const head = document.getElementsByTagName('head');
const html = document.getElementsByTagName('html'); const html = document.getElementsByTagName('html');
let scriptTag = document.getElementById(scriptID); let scriptTag = document.getElementById(scriptID);
let linkIDTag = document.getElementById(linkID); let linkIDTag = document.getElementById(linkID);
if(!linkIDTag) { if (!linkIDTag) {
// console.log('linkIDTag'); // console.log('linkIDTag');
const link = document.createElement('link'); const link = document.createElement('link');
link.type = 'text/css'; link.type = 'text/css';
@ -177,7 +177,7 @@ export default {
// link.className = linkID; // link.className = linkID;
head[0].appendChild(link); head[0].appendChild(link);
} }
if(!scriptTag) { if (!scriptTag) {
// console.log('scriptTag'); // console.log('scriptTag');
scriptTag = document.createElement('script'); scriptTag = document.createElement('script');
scriptTag.type = "text/javascript"; scriptTag.type = "text/javascript";
@ -198,45 +198,40 @@ export default {
* 创建播放器 * 创建播放器
* @description SDK文档地址:https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1084.131d1c4cJT7o5Z * @description SDK文档地址:https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1084.131d1c4cJT7o5Z
*/ */
initPlayer(){ initPlayer () {
if(typeof window.Aliplayer != 'undefined') { if (typeof window.Aliplayer != 'undefined') {
const options = this.deepCloneObject(this.options); const options = this.deepCloneObject(this.options);
if(options){ if (options) {
for (const key in options) { for (const key in options) {
this.config[key] = options[key]; this.config[key] = options[key];
} }
} }
if(this.source) this.config.source = this.source; //播放源 if (this.source) this.config.source = this.source; //播放源
this.config.id = this.playerId; //赋值播放器容器id this.config.id = this.playerId; //赋值播放器容器id
this.player && this.player.dispose(); //防止实例的重复 this.player && this.player.dispose(); //防止实例的重复
this.player = Aliplayer(this.config); this.player = Aliplayer(this.config);
for(const ev in this.events){ for (const ev in this.events) {
this.player && this.player.on(this.events[ev],(e)=>{ this.player && this.player.on(this.events[ev], (e) => {
// console.log(`object ${this.events[ev]}`,e); // console.log(`object ${this.events[ev]}`,e);
this.$emit(this.events[ev],e); this.$emit(this.events[ev], e);
}); });
} }
if(this.forbidFastForward){
//开启禁止拖拽快进
let last = 0,max_time=0; if (this.forbidFastForward) {
this.player.on('timeupdate',function(){ let last = 0, max_time = 0;
this.player.on('timeupdate', function () {
let current = this.getCurrentTime(); let current = this.getCurrentTime();
if(current - last > 2) { if (current - last > 2) {
this.seek(last); this.seek(last);
} else { } else {
last = current; last = current;
if(last >= max_time){ if (last >= max_time) {
max_time=last; max_time = last;
} }
} }
});
})
} }
//通过播放器实例的off方法取消订阅 //通过播放器实例的off方法取消订阅
@ -247,14 +242,14 @@ export default {
/** /**
* @return player 实例 * @return player 实例
*/ */
getPlayer(){ getPlayer () {
return this.player; return this.player;
}, },
/** /**
* 播放视频。 * 播放视频。
*/ */
play(){ play () {
// console.log(`播放视频。`); // console.log(`播放视频。`);
this.player && this.player.play(); this.player && this.player.play();
}, },
@ -262,7 +257,7 @@ export default {
/** /**
* 暂停视频 * 暂停视频
*/ */
pause(){ pause () {
// console.log(`暂停视频`); // console.log(`暂停视频`);
this.player && this.player.pause(); this.player && this.player.pause();
}, },
@ -270,7 +265,7 @@ export default {
/** /**
* 重播视频 * 重播视频
*/ */
replay(){ replay () {
// console.log(`重播视频`); // console.log(`重播视频`);
this.player && this.player.replay(); this.player && this.player.replay();
}, },
@ -280,7 +275,7 @@ export default {
* @param time * @param time
* @return player * @return player
*/ */
seek(time){ seek (time) {
// console.log(`跳转到某个时刻进行播放，time为${time}秒。`); // console.log(`跳转到某个时刻进行播放，time为${time}秒。`);
this.player && this.player.seek(time); this.player && this.player.seek(time);
}, },
@ -289,7 +284,7 @@ export default {
* 获取当前的播放时刻，返回的单位为秒。 * 获取当前的播放时刻，返回的单位为秒。
* @return player * @return player
*/ */
getCurrentTime(){ getCurrentTime () {
// console.log(`获取当前的播放时刻，返回的单位为${this.player && this.player.getCurrentTime()}秒。`); // console.log(`获取当前的播放时刻，返回的单位为${this.player && this.player.getCurrentTime()}秒。`);
return this.player && this.player.getCurrentTime(); return this.player && this.player.getCurrentTime();
}, },
@ -298,7 +293,7 @@ export default {
* 获取视频总时长，返回的单位为秒，这个需要在视频加载完成以后才可以获取到，可以在play事件后获取。 * 获取视频总时长，返回的单位为秒，这个需要在视频加载完成以后才可以获取到，可以在play事件后获取。
* @return player * @return player
*/ */
getDuration(){ getDuration () {
// console.log(`获取视频总时长，返回的单位为${this.player && this.player.getDuration()}秒。`); // console.log(`获取视频总时长，返回的单位为${this.player && this.player.getDuration()}秒。`);
return this.player && this.player.getDuration(); return this.player && this.player.getDuration();
}, },
@ -307,7 +302,7 @@ export default {
* 获取当前的音量，返回值为0-1的实数。ios和部分android会失效。 * 获取当前的音量，返回值为0-1的实数。ios和部分android会失效。
* @return player * @return player
*/ */
getVolume(){ getVolume () {
// console.log(`获取当前的音量${this.player && this.player.getVolume()}。`); // console.log(`获取当前的音量${this.player && this.player.getVolume()}。`);
return this.player && this.player.getVolume(); return this.player && this.player.getVolume();
}, },
@ -316,7 +311,7 @@ export default {
* 设置音量，vol为0-1的实数，ios和部分android会失效。 * 设置音量，vol为0-1的实数，ios和部分android会失效。
* @return player * @return player
*/ */
setVolume(v){ setVolume (v) {
// console.log(`设置音量，vol为${v}。`); // console.log(`设置音量，vol为${v}。`);
this.player && this.player.setVolume(v); this.player && this.player.setVolume(v);
}, },
@ -326,7 +321,7 @@ export default {
* 暂不支持直播rtmp流切换。 * 暂不支持直播rtmp流切换。
* @return player * @return player
*/ */
loadByUrl(url, time){ loadByUrl (url, time) {
// console.log(`直接播放视频url${url}，time为${time}。`); // console.log(`直接播放视频url${url}，time为${time}。`);
this.player && this.player.loadByUrl(url, time); this.player && this.player.loadByUrl(url, time);
}, },
@ -336,7 +331,7 @@ export default {
* @param vid 视频id * @param vid 视频id
* @param 播放凭证 * @param 播放凭证
*/ */
replayByVidAndPlayAuth(vid, playauth){ replayByVidAndPlayAuth (vid, playauth) {
// console.log(`replayByVidAndPlayAuth vid${vid}，playauth为${playauth}。`); // console.log(`replayByVidAndPlayAuth vid${vid}，playauth为${playauth}。`);
this.player && this.player.replayByVidAndPlayAuth(vid, playauth); this.player && this.player.replayByVidAndPlayAuth(vid, playauth);
}, },
@ -347,7 +342,7 @@ export default {
* @param 播放凭证 * @param 播放凭证
* @description 仅MPS用户时使用 仅MPS用户时使用 参数顺序为：vid、accId、accSecret、stsToken、authInfo、domainRegion * @description 仅MPS用户时使用 仅MPS用户时使用 参数顺序为：vid、accId、accSecret、stsToken、authInfo、domainRegion
*/ */
replayByVidAndAuthInfo(vid, accId, accSecret, stsToken, authInfo, domainRegion){ replayByVidAndAuthInfo (vid, accId, accSecret, stsToken, authInfo, domainRegion) {
// console.log(`replayByVidAndAuthInfo 参数顺序为：vid、accId、accSecret、stsToken、authInfo、domainRegion`,vid, accId, accSecret, stsToken, authInfo, domainRegion); // console.log(`replayByVidAndAuthInfo 参数顺序为：vid、accId、accSecret、stsToken、authInfo、domainRegion`,vid, accId, accSecret, stsToken, authInfo, domainRegion);
this.player && this.player.replayByVidAndAuthInfo(vid, accId, accSecret, stsToken, authInfo, domainRegion); this.player && this.player.replayByVidAndAuthInfo(vid, accId, accSecret, stsToken, authInfo, domainRegion);
}, },
@ -358,7 +353,7 @@ export default {
* @param h 宽度 * @param h 宽度
* @description chrome浏览器下flash播放器分别不能小于397x297。 * @description chrome浏览器下flash播放器分别不能小于397x297。
*/ */
setPlayerSize(w, h){ setPlayerSize (w, h) {
// console.log(`设置播放器大小 宽度:${w},高度:${h}`); // console.log(`设置播放器大小 宽度:${w},高度:${h}`);
this.player && this.player.setPlayerSize(w, h); this.player && this.player.setPlayerSize(w, h);
}, },
@ -370,7 +365,7 @@ export default {
* @param h 宽度 * @param h 宽度
* @description {name：“speedButton”，align：“tr”，x：10，y：23} * @description {name：“speedButton”，align：“tr”，x：10，y：23}
*/ */
setSpeed(speed){ setSpeed (speed) {
// console.log(`手动设置播放的倍速:${speed}`); // console.log(`手动设置播放的倍速:${speed}`);
this.player && this.player.setSpeed(speed); this.player && this.player.setSpeed(speed);
}, },
@ -381,7 +376,7 @@ export default {
* @param height 高度 * @param height 高度
* @param rate 截图质量 * @param rate 截图质量
*/ */
setSanpshotProperties(width, height, rate){ setSanpshotProperties (width, height, rate) {
// console.log(`设置截图参数:`,width, height, rate); // console.log(`设置截图参数:`,width, height, rate);
this.player && this.player.setSanpshotProperties(width, height, rate); this.player && this.player.setSanpshotProperties(width, height, rate);
}, },
@ -389,7 +384,7 @@ export default {
/** /**
* 播放器全屏，仅H5支持。 * 播放器全屏，仅H5支持。
*/ */
requestFullScreen(){ requestFullScreen () {
// console.log(`播放器全屏，仅H5支持`); // console.log(`播放器全屏，仅H5支持`);
this.player && this.player.fullscreenService && this.player.fullscreenService.requestFullScreen(); this.player && this.player.fullscreenService && this.player.fullscreenService.requestFullScreen();
}, },
@ -397,7 +392,7 @@ export default {
/** /**
* 播放器退出全屏，iOS调用无效，仅H5支持。 * 播放器退出全屏，iOS调用无效，仅H5支持。
*/ */
cancelFullScreen(){ cancelFullScreen () {
// console.log(`播放器全屏，仅H5支持`); // console.log(`播放器全屏，仅H5支持`);
this.player && this.player.fullscreenService && this.player.fullscreenService.cancelFullScreen(); this.player && this.player.fullscreenService && this.player.fullscreenService.cancelFullScreen();
}, },
@ -405,7 +400,7 @@ export default {
/** /**
* 获取播放器全屏状态，仅H5支持。 * 获取播放器全屏状态，仅H5支持。
*/ */
getIsFullScreen(){ getIsFullScreen () {
// console.log(`获取播放器全屏状态，仅H5支持。`,this.player && this.player.fullscreenService && this.player && this.player.fullscreenService.getIsFullScreen()); // console.log(`获取播放器全屏状态，仅H5支持。`,this.player && this.player.fullscreenService && this.player && this.player.fullscreenService.getIsFullScreen());
return this.player && this.player.fullscreenService && this.player.fullscreenService.getIsFullScreen(); return this.player && this.player.fullscreenService && this.player.fullscreenService.getIsFullScreen();
}, },
@ -414,7 +409,7 @@ export default {
* 获取播放器状态，包含的值, * 获取播放器状态，包含的值,
* @returns init ready loading play pause playing waiting error ended * @returns init ready loading play pause playing waiting error ended
*/ */
getStatus(){ getStatus () {
// console.log(`获取播放器状态，包含的值`,this.player && this.player.fullscreenService && this.player && this.player.fullscreenService.getStatus()); // console.log(`获取播放器状态，包含的值`,this.player && this.player.fullscreenService && this.player && this.player.fullscreenService.getStatus());
return this.player && this.player.getStatus(); return this.player && this.player.getStatus();
}, },
@ -425,7 +420,7 @@ export default {
* @param endTime 结束时间 * @param endTime 结束时间
* @description 例子：player.liveShiftSerivce.setLiveTimeRange(“”，‘2018/01/04 20:00:00’) * @description 例子：player.liveShiftSerivce.setLiveTimeRange(“”，‘2018/01/04 20:00:00’)
*/ */
setLiveTimeRange(beginTime, endTime){ setLiveTimeRange (beginTime, endTime) {
// console.log(`设置直播的开始时间:${beginTime},结束时间:${endTime}，开启直播时移功能时使用。`); // console.log(`设置直播的开始时间:${beginTime},结束时间:${endTime}，开启直播时移功能时使用。`);
this.player && this.player.liveShiftSerivce && this.player.liveShiftSerivce.setLiveTimeRange(beginTime, endTime); this.player && this.player.liveShiftSerivce && this.player.liveShiftSerivce.setLiveTimeRange(beginTime, endTime);
}, },
@ -435,7 +430,7 @@ export default {
* @param rotate 旋转角度 * @param rotate 旋转角度
* @description 例如: setRotate(90)。详情参见旋转和镜像。 * @description 例如: setRotate(90)。详情参见旋转和镜像。
*/ */
setRotate(rotate){ setRotate (rotate) {
// console.log(`参数为旋转角度:${rotate}。`); // console.log(`参数为旋转角度:${rotate}。`);
this.player && this.player.setRotate(rotate); this.player && this.player.setRotate(rotate);
}, },
@ -444,7 +439,7 @@ export default {
* 获取旋转角度。详情参见旋转和镜像。 * 获取旋转角度。详情参见旋转和镜像。
* @return rotate 旋转角度 * @return rotate 旋转角度
*/ */
getRotate(){ getRotate () {
// console.log(`获取旋转角度:${this.player && this.player.getRotate()}`); // console.log(`获取旋转角度:${this.player && this.player.getRotate()}`);
return this.player && this.player.getRotate(); return this.player && this.player.getRotate();
}, },
@ -454,7 +449,7 @@ export default {
* @param image 镜像类型 可选值为：horizon,vertical * @param image 镜像类型 可选值为：horizon,vertical
* @description 例如: setImage(‘horizon’)。详情参见旋转和镜像。 * @description 例如: setImage(‘horizon’)。详情参见旋转和镜像。
*/ */
setImage(image){ setImage (image) {
// console.log(`设置镜像:${image}。`); // console.log(`设置镜像:${image}。`);
this.player && this.player.setImage(image); this.player && this.player.setImage(image);
}, },
@ -462,7 +457,7 @@ export default {
/** /**
* 播放器销毁 * 播放器销毁
*/ */
dispose(){ dispose () {
// console.log(`播放器销毁。`); // console.log(`播放器销毁。`);
this.player && this.player.dispose(); this.player && this.player.dispose();
}, },
@ -471,7 +466,7 @@ export default {
* 设置封面 * 设置封面
* @param cover 封面地址 * @param cover 封面地址
*/ */
setCover(cover){ setCover (cover) {
// console.log(`设置封面:${cover}`); // console.log(`设置封面:${cover}`);
this.player && this.player.setCover(cover); this.player && this.player.setCover(cover);
}, },
@ -480,7 +475,7 @@ export default {
* 设置封面 * 设置封面
* @param markers 设置打点数据 * @param markers 设置打点数据
*/ */
setProgressMarkers(markers){ setProgressMarkers (markers) {
// console.log(`markers打点数据集合:${markers}`); // console.log(`markers打点数据集合:${markers}`);
this.player && this.player.setProgressMarkers(markers); this.player && this.player.setProgressMarkers(markers);
}, },
@ -489,7 +484,7 @@ export default {
* 设置试看时间，单位为秒，详情参见 * 设置试看时间，单位为秒，详情参见
* @param time 试看时间 * @param time 试看时间
*/ */
setPreviewTime(time){ setPreviewTime (time) {
// console.log(`设置试看时间，单位为:${time}秒`); // console.log(`设置试看时间，单位为:${time}秒`);
this.player && this.player.setPreviewTime(time); this.player && this.player.setPreviewTime(time);
}, },
@ -498,7 +493,7 @@ export default {
* 获取试看时间 * 获取试看时间
* @return rotate 旋转角度 * @return rotate 旋转角度
*/ */
getPreviewTime(){ getPreviewTime () {
// console.log(`获取试看时间:${this.player && this.player.getPreviewTime()}`); // console.log(`获取试看时间:${this.player && this.player.getPreviewTime()}`);
return this.player && this.player.getPreviewTime(); return this.player && this.player.getPreviewTime();
}, },
@ -506,7 +501,7 @@ export default {
/** /**
* 是否试看 * 是否试看
*/ */
isPreview(){ isPreview () {
// console.log(`是否试看`); // console.log(`是否试看`);
this.player && this.player.isPreview(); this.player && this.player.isPreview();
}, },
@ -515,8 +510,8 @@ export default {
* @param ev 事件名 * @param ev 事件名
* @param handle 回调方法 * @param handle 回调方法
*/ */
off(ev,handle){ off (ev, handle) {
this.player && this.player.off(ev,handle); this.player && this.player.off(ev, handle);
}, },
@ -543,7 +538,7 @@ export default {
} }
}, },
beforeDestroy(){ //防止重复创建 beforeDestroy () { //防止重复创建
this.dispose(); //销毁播放器(防止直播播放的情况下,播放器已经销毁,而后台还在继续下载资源造成卡顿的bug) this.dispose(); //销毁播放器(防止直播播放的情况下,播放器已经销毁,而后台还在继续下载资源造成卡顿的bug)
// const head = document.querySelector('head'); // const head = document.querySelector('head');
// const cssNodes = document.querySelectorAll(`link.app__aliplayer-min-css`); // const cssNodes = document.querySelectorAll(`link.app__aliplayer-min-css`);