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.5 更换默认的播放器SDK版本2.8.2 => 2.9.0,2.8.2的版本存在多个播放器同时播放直播流异常的bug,增加了全局SDK版本配置,可以在Vue.use()的时候进行配置.
> v1.2.4 修复多个播放器加载,只初始化一个播放器的bug.文档部分更新,增加了问题栏. 感谢"沙洲ad"的反馈与建议. > v1.2.4 修复多个播放器加载,只初始化一个播放器的bug.文档部分更新,增加了问题栏. 感谢"沙洲ad"的反馈与建议.

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "vue-aliplayer-v2", "name": "vue-aliplayer-v2",
"version": "1.2.5", "version": "1.2.6",
"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",

21
packages/AliplayerV2/index.vue
View File

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