mirror of
https://github.com/langyuxiansheng/vue-aliplayer-v2.git
synced 2025-04-06 03:57:55 +08:00
增加生命生命周期销毁
This commit is contained in:
zhouliujun
parent
c702922880
commit
a6b33d7559
@ -188,16 +188,16 @@ export default {
|
|||||||
// });
|
// });
|
||||||
if(!this.player){
|
if(!this.player){
|
||||||
// console.log(this.config);
|
// console.log(this.config);
|
||||||
this.player = new Aliplayer(this.config);
|
this.player = Aliplayer(this.config);
|
||||||
for(const ev in this.events){
|
for(const ev in this.events){
|
||||||
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);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.player.replay(); //销毁后重播
|
this.player && this.player.replay(); //销毁后重播
|
||||||
// console.log(`this.player.replay()`,'销毁后重播');
|
// console.log(`this.player && this.player.replay()`,'销毁后重播');
|
||||||
}
|
}
|
||||||
//通过播放器实例的off方法取消订阅
|
//通过播放器实例的off方法取消订阅
|
||||||
//player.off('ready',handleReady);
|
//player.off('ready',handleReady);
|
||||||
@ -216,7 +216,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
play(){
|
play(){
|
||||||
// console.log(`播放视频。`);
|
// console.log(`播放视频。`);
|
||||||
this.player.play();
|
this.player && this.player.play();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -224,7 +224,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
pause(){
|
pause(){
|
||||||
// console.log(`暂停视频`);
|
// console.log(`暂停视频`);
|
||||||
this.player.pause();
|
this.player && this.player.pause();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -232,7 +232,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
replay(){
|
replay(){
|
||||||
// console.log(`重播视频`);
|
// console.log(`重播视频`);
|
||||||
this.player.replay();
|
this.player && this.player.replay();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -242,7 +242,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
seek(time){
|
seek(time){
|
||||||
// console.log(`跳转到某个时刻进行播放，time为${time}秒。`);
|
// console.log(`跳转到某个时刻进行播放，time为${time}秒。`);
|
||||||
this.player.seek(time);
|
this.player && this.player.seek(time);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -250,8 +250,8 @@ export default {
|
|||||||
* @return player
|
* @return player
|
||||||
*/
|
*/
|
||||||
getCurrentTime(){
|
getCurrentTime(){
|
||||||
// console.log(`获取当前的播放时刻，返回的单位为${this.player.getCurrentTime()}秒。`);
|
// console.log(`获取当前的播放时刻，返回的单位为${this.player && this.player.getCurrentTime()}秒。`);
|
||||||
return this.player.getCurrentTime();
|
return this.player && this.player.getCurrentTime();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -259,8 +259,8 @@ export default {
|
|||||||
* @return player
|
* @return player
|
||||||
*/
|
*/
|
||||||
getDuration(){
|
getDuration(){
|
||||||
// console.log(`获取视频总时长，返回的单位为${this.player.getDuration()}秒。`);
|
// console.log(`获取视频总时长，返回的单位为${this.player && this.player.getDuration()}秒。`);
|
||||||
return this.player.getDuration();
|
return this.player && this.player.getDuration();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -268,8 +268,8 @@ export default {
|
|||||||
* @return player
|
* @return player
|
||||||
*/
|
*/
|
||||||
getVolume(){
|
getVolume(){
|
||||||
// console.log(`获取当前的音量${this.player.getVolume()}。`);
|
// console.log(`获取当前的音量${this.player && this.player.getVolume()}。`);
|
||||||
return this.player.getVolume();
|
return this.player && this.player.getVolume();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -278,7 +278,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
setVolume(v){
|
setVolume(v){
|
||||||
// console.log(`设置音量，vol为${v}。`);
|
// console.log(`设置音量，vol为${v}。`);
|
||||||
this.player.setVolume(v);
|
this.player && this.player.setVolume(v);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -288,7 +288,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
loadByUrl(url, time){
|
loadByUrl(url, time){
|
||||||
// console.log(`直接播放视频url${url}，time为${time}。`);
|
// console.log(`直接播放视频url${url}，time为${time}。`);
|
||||||
this.player.loadByUrl(url, time);
|
this.player && this.player.loadByUrl(url, time);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -298,7 +298,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
replayByVidAndPlayAuth(vid, playauth){
|
replayByVidAndPlayAuth(vid, playauth){
|
||||||
// console.log(`replayByVidAndPlayAuth vid${vid}，playauth为${playauth}。`);
|
// console.log(`replayByVidAndPlayAuth vid${vid}，playauth为${playauth}。`);
|
||||||
this.player.replayByVidAndPlayAuth(vid, playauth);
|
this.player && this.player.replayByVidAndPlayAuth(vid, playauth);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -309,7 +309,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
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.replayByVidAndAuthInfo(vid, accId, accSecret, stsToken, authInfo, domainRegion);
|
this.player && this.player.replayByVidAndAuthInfo(vid, accId, accSecret, stsToken, authInfo, domainRegion);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -320,7 +320,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
setPlayerSize(w, h){
|
setPlayerSize(w, h){
|
||||||
// console.log(`设置播放器大小 宽度:${w},高度:${h}`);
|
// console.log(`设置播放器大小 宽度:${w},高度:${h}`);
|
||||||
this.player.setPlayerSize(w, h);
|
this.player && this.player.setPlayerSize(w, h);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -332,7 +332,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
setSpeed(speed){
|
setSpeed(speed){
|
||||||
// console.log(`手动设置播放的倍速:${speed}`);
|
// console.log(`手动设置播放的倍速:${speed}`);
|
||||||
this.player.setSpeed(speed);
|
this.player && this.player.setSpeed(speed);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -343,7 +343,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
setSanpshotProperties(width, height, rate){
|
setSanpshotProperties(width, height, rate){
|
||||||
// console.log(`设置截图参数:`,width, height, rate);
|
// console.log(`设置截图参数:`,width, height, rate);
|
||||||
this.player.setSanpshotProperties(width, height, rate);
|
this.player && this.player.setSanpshotProperties(width, height, rate);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -351,7 +351,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
requestFullScreen(){
|
requestFullScreen(){
|
||||||
// console.log(`播放器全屏，仅H5支持`);
|
// console.log(`播放器全屏，仅H5支持`);
|
||||||
this.player.fullscreenService && this.player.fullscreenService.requestFullScreen();
|
this.player && this.player.fullscreenService && this.player.fullscreenService.requestFullScreen();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -359,15 +359,15 @@ export default {
|
|||||||
*/
|
*/
|
||||||
cancelFullScreen(){
|
cancelFullScreen(){
|
||||||
// console.log(`播放器全屏，仅H5支持`);
|
// console.log(`播放器全屏，仅H5支持`);
|
||||||
this.player.fullscreenService && this.player.fullscreenService.cancelFullScreen();
|
this.player && this.player.fullscreenService && this.player.fullscreenService.cancelFullScreen();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 获取播放器全屏状态，仅H5支持。
|
* 获取播放器全屏状态，仅H5支持。
|
||||||
*/
|
*/
|
||||||
getIsFullScreen(){
|
getIsFullScreen(){
|
||||||
// console.log(`获取播放器全屏状态，仅H5支持。`,this.player.fullscreenService && this.player.fullscreenService.getIsFullScreen());
|
// console.log(`获取播放器全屏状态，仅H5支持。`,this.player && this.player.fullscreenService && this.player && this.player.fullscreenService.getIsFullScreen());
|
||||||
return this.player.fullscreenService && this.player.fullscreenService.getIsFullScreen();
|
return this.player && this.player.fullscreenService && this.player.fullscreenService.getIsFullScreen();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -375,8 +375,8 @@ 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.fullscreenService && this.player.fullscreenService.getStatus());
|
// console.log(`获取播放器状态，包含的值`,this.player && this.player.fullscreenService && this.player && this.player.fullscreenService.getStatus());
|
||||||
return this.player.fullscreenService && this.player.fullscreenService.getStatus();
|
return this.player && this.player.fullscreenService && this.player.fullscreenService.getStatus();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -387,7 +387,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
setLiveTimeRange(beginTime, endTime){
|
setLiveTimeRange(beginTime, endTime){
|
||||||
// console.log(`设置直播的开始时间:${beginTime},结束时间:${endTime}，开启直播时移功能时使用。`);
|
// console.log(`设置直播的开始时间:${beginTime},结束时间:${endTime}，开启直播时移功能时使用。`);
|
||||||
this.player.liveShiftSerivce && this.player.liveShiftSerivce.setLiveTimeRange(beginTime, endTime);
|
this.player && this.player.liveShiftSerivce && this.player.liveShiftSerivce.setLiveTimeRange(beginTime, endTime);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -397,7 +397,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
setRotate(rotate){
|
setRotate(rotate){
|
||||||
// console.log(`参数为旋转角度:${rotate}。`);
|
// console.log(`参数为旋转角度:${rotate}。`);
|
||||||
this.player.setRotate(rotate);
|
this.player && this.player.setRotate(rotate);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -405,8 +405,8 @@ export default {
|
|||||||
* @return rotate 旋转角度
|
* @return rotate 旋转角度
|
||||||
*/
|
*/
|
||||||
getRotate(){
|
getRotate(){
|
||||||
// console.log(`获取旋转角度:${this.player.getRotate()}`);
|
// console.log(`获取旋转角度:${this.player && this.player.getRotate()}`);
|
||||||
return this.player.getRotate();
|
return this.player && this.player.getRotate();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -416,7 +416,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
setImage(image){
|
setImage(image){
|
||||||
// console.log(`设置镜像:${image}。`);
|
// console.log(`设置镜像:${image}。`);
|
||||||
this.player.setImage(image);
|
this.player && this.player.setImage(image);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -424,7 +424,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
dispose(){
|
dispose(){
|
||||||
// console.log(`播放器销毁。`);
|
// console.log(`播放器销毁。`);
|
||||||
this.player.dispose();
|
this.player && this.player.dispose();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -433,7 +433,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
setCover(cover){
|
setCover(cover){
|
||||||
// console.log(`设置封面:${cover}`);
|
// console.log(`设置封面:${cover}`);
|
||||||
this.player.setCover(cover);
|
this.player && this.player.setCover(cover);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -442,7 +442,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
setProgressMarkers(markers){
|
setProgressMarkers(markers){
|
||||||
// console.log(`markers打点数据集合:${markers}`);
|
// console.log(`markers打点数据集合:${markers}`);
|
||||||
this.player.setProgressMarkers(markers);
|
this.player && this.player.setProgressMarkers(markers);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -451,7 +451,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
setPreviewTime(time){
|
setPreviewTime(time){
|
||||||
// console.log(`设置试看时间，单位为:${time}秒`);
|
// console.log(`设置试看时间，单位为:${time}秒`);
|
||||||
this.player.setPreviewTime(time);
|
this.player && this.player.setPreviewTime(time);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -459,8 +459,8 @@ export default {
|
|||||||
* @return rotate 旋转角度
|
* @return rotate 旋转角度
|
||||||
*/
|
*/
|
||||||
getPreviewTime(){
|
getPreviewTime(){
|
||||||
// console.log(`获取试看时间:${this.player.getPreviewTime()}`);
|
// console.log(`获取试看时间:${this.player && this.player.getPreviewTime()}`);
|
||||||
return this.player.getPreviewTime();
|
return this.player && this.player.getPreviewTime();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -468,7 +468,7 @@ export default {
|
|||||||
*/
|
*/
|
||||||
isPreview(){
|
isPreview(){
|
||||||
// console.log(`是否试看`);
|
// console.log(`是否试看`);
|
||||||
this.player.isPreview();
|
this.player && this.player.isPreview();
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -476,8 +476,12 @@ export default {
|
|||||||
* @param handle 回调方法
|
* @param handle 回调方法
|
||||||
*/
|
*/
|
||||||
off(ev,handle){
|
off(ev,handle){
|
||||||
this.player.off(ev,handle);
|
this.player && this.player.off(ev,handle);
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
beforeDestroy(){ //防止重复创建,需要销毁原来的播放器
|
||||||
|
console.log('beforeDestroy');
|
||||||
|
this.player && this.player.dispose();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user