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 2019-12-13 09:45:12 +08:00
parent 79cc35022c
commit a0da3f5577
10 changed files with 71 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@ -112,10 +112,22 @@ props:{
type: [Object],
default: () => null
},
id:{ //播放器的ID 唯一标识符 不传就是默认的 但是有多个的时候不一定是唯一的
required: false,
type: [String],
default: `player-${Date.parse(new Date())}`
},
cssLink:{ //css版本源
required: false,
type: [String],
default: `https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css`
},
scriptSrc:{ //js版本源
required: false,
type: [String],
default: `https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js`
}
}
```

1
dist/css/index.06951331.css vendored Normal file
View File

@ -0,0 +1 @@
[data-v-9b14a31e]{margin:0;padding:0}.remove-text[data-v-9b14a31e]{text-align:center;padding:20px;font-size:24px}.player-btns[data-v-9b14a31e]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.player-btns span[data-v-9b14a31e]{margin:0 auto;display:inline-block;padding:5px 10px;width:150px;height:40px;line-height:40px;border:1px solid #eee;background:#e1e1e1;border-radius:10px;text-align:center;margin:20px auto;cursor:pointer}

1
dist/css/index.150ac33b.css vendored
View File

@ -1 +0,0 @@
[data-v-45a4aaea]{margin:0;padding:0}.player-btns[data-v-45a4aaea]{width:800px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.player-btns span[data-v-45a4aaea]{margin:0 auto;display:inline-block;padding:5px 10px;width:150px;height:40px;line-height:40px;border:1px solid #eee;background:#e1e1e1;border-radius:10px;text-align:center;margin:20px auto;cursor:pointer}

2
dist/index.html vendored
View File

@ -1 +1 @@
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vue-aliplayer-v2/favicon.ico><title>vue-aliplayer-v2</title><link href=/vue-aliplayer-v2/css/index.150ac33b.css rel=preload as=style><link href=/vue-aliplayer-v2/js/chunk-vendors.3a0a1b08.js rel=preload as=script><link href=/vue-aliplayer-v2/js/index.5dd18869.js rel=preload as=script><link href=/vue-aliplayer-v2/css/index.150ac33b.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue-aliplayer-v2 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vue-aliplayer-v2/js/chunk-vendors.3a0a1b08.js></script><script src=/vue-aliplayer-v2/js/index.5dd18869.js></script></body></html>
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vue-aliplayer-v2/favicon.ico><title>vue-aliplayer-v2</title><link href=/vue-aliplayer-v2/css/index.06951331.css rel=preload as=style><link href=/vue-aliplayer-v2/js/chunk-vendors.3a0a1b08.js rel=preload as=script><link href=/vue-aliplayer-v2/js/index.9584040f.js rel=preload as=script><link href=/vue-aliplayer-v2/css/index.06951331.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue-aliplayer-v2 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vue-aliplayer-v2/js/chunk-vendors.3a0a1b08.js></script><script src=/vue-aliplayer-v2/js/index.9584040f.js></script></body></html>

2
dist/js/index.5dd18869.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/js/index.5dd18869.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/js/index.9584040f.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "vue-aliplayer-v2",
"version": "1.1.0",
"version": "1.1.1",
"author": "yxs",
"description": "感谢每一位开源的开发者. 这是一个基于Alipayer 开发并封装成vue组件的播放器.",
"main":"lib/vue-aliplayer-v2.umd.min.js",

40
packages/AliplayerV2/src/main.vue
View File

@ -14,6 +14,16 @@ export default {
required: false,
type: [String],
default: `player-${Date.parse(new Date())}`
},
cssLink:{ //css版本源
required: false,
type: [String],
default: `https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css`
},
scriptSrc:{ //js版本源
required: false,
type: [String],
default: `https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js`
}
},
data () {
@ -26,8 +36,6 @@ export default {
// isLive: true,
//支持播放地址播放,此播放优先级最高
// source: 'rtmp://182.145.195.238:1935/hls/1194076936807170050',
cssLink: 'https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css',
scriptSrc: 'https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js',
},
events:[
/**
@ -136,21 +144,22 @@ export default {
let scriptTag = document.getElementById(scriptID);
let linkIDTag = document.getElementById(linkID);
if(!linkIDTag) {
// console.log('linkIDTag');
const link = document.createElement('link');
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = this.config.cssLink;
link.setAttribute('id',linkID);
link.href = this.cssLink;
link.id = linkID;
head[0].appendChild(link);
}
if(!scriptTag) {
// console.log('scriptTag');
scriptTag = document.createElement('script');
scriptTag.type = "text/javascript";
scriptTag.id = scriptID;
scriptTag.src = this.config.scriptSrc;
scriptTag.src = this.scriptSrc;
html[0].appendChild(scriptTag);
}
if(scriptTag && linkIDTag){
this.initPlayer();
} else {
@ -165,6 +174,7 @@ export default {
* @description SDK文档地址:https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1084.131d1c4cJT7o5Z
*/
initPlayer(){
// console.log(`this.player`,this.player);
if(typeof window.Aliplayer != 'undefined') {
const options = this.options;
if(options){
@ -176,12 +186,18 @@ export default {
// this.player = new Aliplayer(this.config, function(player) {
// // console.log('播放器创建好了',player);
// });
this.player = new Aliplayer(this.config);
for(const ev in this.events){
this.player.on(this.events[ev],(e)=>{
// console.log(`object ${this.events[ev]}`,e);
this.$emit(this.events[ev],e);
});
if(!this.player){
// console.log(this.config);
this.player = new Aliplayer(this.config);
for(const ev in this.events){
this.player.on(this.events[ev],(e)=>{
// console.log(`object ${this.events[ev]}`,e);
this.$emit(this.events[ev],e);
});
}
} else {
this.player.replay(); //销毁后重播
// console.log(`this.player.replay()`,'销毁后重播');
}
//通过播放器实例的off方法取消订阅
//player.off('ready',handleReady);

26
t.sh Normal file
View File

@ -0,0 +1,26 @@
# 打包 => dist
npm run build;
# 打包 插件
npm run lib;
#推送到npmjs
npm publish;
# 更新gh-pages
git branch -D gh-pages;
git checkout -b gh-pages;
git add -f dist;
git commit -m 'create gh-pages';
git push origin -d gh-pages;
git subtree push --prefix dist origin gh-pages;
# 推送完成后切换回master
git checkout master;