JLNTV_IPD/vue-aliplayer-v2
4
0
Fork 0
mirror of https://github.com/langyuxiansheng/vue-aliplayer-v2.git synced 2025-04-05 19:41:39 +08:00
Code Issues Projects Releases Wiki Activity

更新优化代码

Browse Source
This commit is contained in:
zhouliujun 2020-10-16 14:13:52 +08:00
parent 1b0d55aab0
commit 178d0565bd
3 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -412,6 +412,8 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
## 更新日志
> v1.2.6 优化beforeDestroy() 部分的代码.
> v1.2.5 更换默认的播放器SDK版本2.8.2 => 2.9.0,2.8.2的版本存在多个播放器同时播放直播流异常的bug,增加了全局SDK版本配置,可以在Vue.use()的时候进行配置.
> v1.2.4 修复多个播放器加载,只初始化一个播放器的bug.文档部分更新,增加了问题栏. 感谢"沙洲ad"的反馈与建议.

2
package.json
View File

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

21
packages/AliplayerV2/index.vue
View File

@ -150,8 +150,8 @@ export default {
* 加载Alipayer的SDK
*/
init(){
const linkID = 'aliplayer-min-css';
const scriptID = 'aliplayer-min-js';
const linkID = 'app__aliplayer-min-css';
const scriptID = 'app__aliplayer-min-js';
const head = document.getElementsByTagName('head');
const html = document.getElementsByTagName('html');
let scriptTag = document.getElementById(scriptID);
@ -163,6 +163,7 @@ export default {
link.rel = 'stylesheet';
link.href = this.cssLink;
link.id = linkID;
// link.className = linkID;
head[0].appendChild(link);
}
if(!scriptTag) {
@ -170,6 +171,7 @@ export default {
scriptTag = document.createElement('script');
scriptTag.type = "text/javascript";
scriptTag.id = scriptID;
// scriptTag.className = scriptID;
scriptTag.src = this.scriptSrc;
html[0].appendChild(scriptTag);
} else {
@ -485,11 +487,16 @@ export default {
},
beforeDestroy(){ //防止重复创建
this.dispose(); //销毁播放器(防止直播播放的情况下,播放器已经销毁,而后台还在继续下载资源造成卡顿的bug)
const head = document.querySelector('head'); //移除所有的重复创建的标签
const nodes = document.querySelectorAll('script[src="https://g.alicdn.com/de/prismplayer/2.8.2/hls/aliplayer-hls-min.js"]');
head && nodes.forEach((item)=>{
head.removeChild(item);
});
// const head = document.querySelector('head');
// const cssNodes = document.querySelectorAll(`link.app__aliplayer-min-css`);
// (html && cssNodes.length > 1) && cssNodes.forEach((item, index)=>{
// if(index != 0) head.removeChild(item);
// });
// const html = document.querySelector('html');
// const jsNodes = document.querySelectorAll(`script.app__aliplayer-min-js`);
// (html && jsNodes.length > 1) && jsNodes.forEach((item, index)=>{
// if(index != 0) html.removeChild(item);
// });
}
};
</script>