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

Merge branch 'dev_v1.3.0' of https://github.com/langyuxiansheng/vue-aliplayer-v2

Browse Source
This commit is contained in:
zhouliujun 2021-07-11 11:09:33 +08:00
commit a571705e6a
6 changed files with 770 additions and 735 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

371
README.md
View File

@ -1,12 +1,17 @@
# vue-alipayer-v2 # vue-alipayer-v2
## 感谢每一位支持开源的朋友. 这是一个基于Alipayer 开发并封装成vue组件的播放器.
### vue中使用Alipayer,播放rtmp,m3u8,mp4视频 ## 感谢每一位支持开源的朋友. 这是一个基于 Alipayer 开发并封装成 vue 组件的播放器.
### vue 中使用 Alipayer,播放 rtmp,m3u8,mp4 视频
#### [本项目在线演示](https://langyuxiansheng.github.io/vue-aliplayer-v2/) #### [本项目在线演示](https://langyuxiansheng.github.io/vue-aliplayer-v2/)
#### [阿里云播放器在线演示](https://player.alicdn.com/aliplayer/index.html) #### [阿里云播放器在线演示](https://player.alicdn.com/aliplayer/index.html)
> 假如此轮子对你有帮助,请顺手star一下吧.o(*￣︶￣*)o > 假如此轮子对你有帮助,请顺手 star 一下吧.o(_￣︶￣_)o
## 1.安装使用! 下载安装 npm 包
## 1.安装使用! 下载安装npm包
```bash ```bash
npm i vue-aliplayer-v2 --save npm i vue-aliplayer-v2 --save
or or
@ -16,42 +21,55 @@ yarn add vue-aliplayer-v2
#### 全局注册 main.js #### 全局注册 main.js
```javascript ```javascript
import VueAliplayerV2 from 'vue-aliplayer-v2'; import VueAliplayerV2 from "vue-aliplayer-v2";
Vue.use(VueAliplayerV2); Vue.use(VueAliplayerV2);
//可选全局配置 //可选全局配置
//Vue.use(VueAliplayerV2,{ //Vue.use(VueAliplayerV2,{
// cssLink: 'https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css', // 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' // scriptSrc: 'https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js'
//}); //});
``` ```
#### 局部注册 App.vue #### 局部注册 App.vue
```javascript ```javascript
//推荐第一种(仅v1.2.3)及以上的版本可用 //推荐第一种(仅v1.2.3)及以上的版本可用
import VueAliplayerV2 from 'vue-aliplayer-v2'; import VueAliplayerV2 from "vue-aliplayer-v2";
components:{ VueAliplayerV2 } components: {
VueAliplayerV2;
}
//或者 //或者
components:{ VueAliplayerV2: VueAliplayerV2.Player } components: {
VueAliplayerV2: VueAliplayerV2.Player;
}
``` ```
## 2.组件中使用 ## 2.组件中使用
### 组件模板使用,下面的视频连接仅供演示测试. ### 组件模板使用,下面的视频连接仅供演示测试.
```html ```html
<template> <template>
<div id="app"> <div id="app">
<template v-if="!isShowMultiple && show"> <template v-if="!isShowMultiple && show">
<vue-aliplayer-v2 :source="source" ref="VueAliplayerV2" :options="options" /> <vue-aliplayer-v2
:source="source"
ref="VueAliplayerV2"
:options="options"
/>
</template> </template>
<div v-if="isShowMultiple && show" class="show-multiple"> <div v-if="isShowMultiple && show" class="show-multiple">
<template v-for="x in 5"> <template v-for="x in 5">
<vue-aliplayer-v2 class="multiple-player" :key="x" :source="source" ref="VueAliplayerV2" :options="options" /> <vue-aliplayer-v2
class="multiple-player"
:key="x"
:source="source"
ref="VueAliplayerV2"
:options="options"
/>
</template> </template>
</div> </div>
<p class="remove-text" v-if="!show">播放器已销毁!</p> <p class="remove-text" v-if="!show">播放器已销毁!</p>
@ -64,101 +82,99 @@ components:{ VueAliplayerV2: VueAliplayerV2.Player }
<span @click="getStatus()">获取播放器状态</span> <span @click="getStatus()">获取播放器状态</span>
</template> </template>
<span @click="show = !show">{{ show ? '销毁' : '重载' }}</span> <span @click="show = !show">{{ show ? '销毁' : '重载' }}</span>
<span @click="options.isLive = !options.isLive">{{ options.isLive ? '切换普通模式' : '切换直播模式' }}</span> <span @click="options.isLive = !options.isLive"
<span @click="showMultiple()">{{isShowMultiple ? '显示1个播放器' : '显示多个播放器'}}</span> >{{ options.isLive ? '切换普通模式' : '切换直播模式' }}</span
>
<span @click="showMultiple()"
>{{isShowMultiple ? '显示1个播放器' : '显示多个播放器'}}</span
>
</div> </div>
<div class="source-box"> <div class="source-box">
<span class="source-label">选择播放源(支持动态切换):</span> <span class="source-label">选择播放源(支持动态切换):</span>
<select v-model="source" name="source" id="source"> <select v-model="source" name="source" id="source">
<option value="//player.alicdn.com/video/aliyunmedia.mp4">播放源1</option> <option value="//player.alicdn.com/video/aliyunmedia.mp4"
<option value="//yunqivedio.alicdn.com/user-upload/nXPDX8AASx.mp4">播放源2</option> >播放源1</option
<option value="//tbm-auth.alicdn.com/e7qHgLdugbzzKh2eW0J/kXTgBkjvNXcERYxh2PA@@hd_hq.mp4?auth_key=1584519814-0-0-fc98b2738f331ff015f7bf5c62394888">播放源3</option> >
<option value="//yunqivedio.alicdn.com/user-upload/nXPDX8AASx.mp4"
>播放源2</option
>
<option
value="//tbm-auth.alicdn.com/e7qHgLdugbzzKh2eW0J/kXTgBkjvNXcERYxh2PA@@hd_hq.mp4?auth_key=1584519814-0-0-fc98b2738f331ff015f7bf5c62394888"
>播放源3</option
>
<option value="//ivi.bupt.edu.cn/hls/cctv1.m3u8">直播播放源4</option> <option value="//ivi.bupt.edu.cn/hls/cctv1.m3u8">直播播放源4</option>
</select> </select>
</div> </div>
<div class="source-box"> <div class="source-box">
<span class="source-label">输入播放源(支持动态切换):</span> <span class="source-label">输入播放源(支持动态切换):</span>
<input class="source-input" type="text" v-model="source"> <input class="source-input" type="text" v-model="source" />
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data(){ data() {
return { return {
options: { options: {
// source:'//player.alicdn.com/video/aliyunmedia.mp4', // source:'//player.alicdn.com/video/aliyunmedia.mp4',
isLive: true, //切换为直播流的时候必填 isLive: true, //切换为直播流的时候必填
// format: 'm3u8' //切换为直播流的时候必填 // format: 'm3u8' //切换为直播流的时候必填
}, },
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,
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();
}, },
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;
}, },
},
watch: { };
source: {
handler() {
this.show = !this.show
setTimeout(()=>{ //设置延迟执行
this.show = !this.show
},1);
}
}
}
}
}
</script> </script>
<style lang="less"> <style lang="less">
* { * {
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;
@ -177,28 +193,28 @@ export default {
margin: 5px; margin: 5px;
cursor: pointer; cursor: pointer;
} }
} }
.source-box{ .source-box {
padding: 5px 10px; padding: 5px 10px;
margin-bottom: 20px; margin-bottom: 20px;
.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%;
border: 1px solid #ccc; border: 1px solid #ccc;
} }
} }
</style> </style>
``` ```
## 3.功能与配置 ## 3.功能与配置
```javascript ```javascript
@ -218,118 +234,122 @@ props:{
cssLink:{ //css版本源 cssLink:{ //css版本源
required: false, required: false,
type: [String], type: [String],
default: `https://g.alicdn.com/de/prismplayer/2.9.0/skins/default/aliplayer-min.css` default: `https://g.alicdn.com/de/prismplayer/2.9.7/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.0/aliplayer-min.js` default: `https://g.alicdn.com/de/prismplayer/2.9.7/aliplayer-min.js`
} }
} }
``` ```
### 3.1 配置项 options 属性 ### 3.1 配置项 options 属性
可以参考 [属性和接口说明](https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1085.36fc6fc57WKZ5P) 可以参考 [属性和接口说明](https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1085.36fc6fc57WKZ5P)
| 名称 | 类型 | 说明 | | 名称 | 类型 | 说明 |
| :- | :-: | :- | | :----------------------- | :-----------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| source | String | 视频播放地址url：单独url。默认状态，表示使用vid+playauth。source播放方式优先级最高。source支持多清晰度设置：source:’{“HD”:”address1”,”SD”:”address2”’，详情参见多清晰度播放。 | | source | String | 视频播放地址 url：单独 url。默认状态，表示使用 vid+playauth。source 播放方式优先级最高。source 支持多清晰度设置：source:’{“HD”:”address1”,”SD”:”address2”’，详情参见多清晰度播放。 |
| vid | String | 媒体转码服务的媒体Id。 | | vid | String | 媒体转码服务的媒体 Id。 |
| playauth | String | 播放权证，如何得到参见获取playauth。 | | playauth | String | 播放权证，如何得到参见获取 playauth。 |
| height | String | 播放器高度，可形如‘100%’或者‘100px’,chrome浏览器下flash播放器分别不能小于397x297。 | | height | String | 播放器高度，可形如‘100%’或者‘100px’,chrome 浏览器下 flash 播放器分别不能小于 397x297。 |
| width | String | 播放器宽度，可形如‘100%’或者‘100px’,chrome浏览器下flash播放器分别不能小于397x297。 | | width | String | 播放器宽度，可形如‘100%’或者‘100px’,chrome 浏览器下 flash 播放器分别不能小于 397x297。 |
| videoWidth | String | 视频宽度，仅h5支持。详情参见旋转和镜像。 | | videoWidth | String | 视频宽度，仅 h5 支持。详情参见旋转和镜像。 |
| videoHeight | String | 视频高度，仅h5支持。详情参见旋转和镜像。 | | videoHeight | String | 视频高度，仅 h5 支持。详情参见旋转和镜像。 |
| preload | Boolean | 播放器自动加载，目前仅h5可用。 | | preload | Boolean | 播放器自动加载，目前仅 h5 可用。 |
| cover | String | 播放器默认封面图片，请填写正确的图片url地址。需要autoplay为’false’时，才生效。Flash播放器封面也需要开启允许跨域访问。 | | cover | String | 播放器默认封面图片，请填写正确的图片 url 地址。需要 autoplay 为’false’时，才生效。Flash 播放器封面也需要开启允许跨域访问。 |
| isLive | Boolean | 播放内容是否为直播，直播时会禁止用户拖动进度条。 | | isLive | Boolean | 播放内容是否为直播，直播时会禁止用户拖动进度条。 |
| autoplay | Boolean | 播放器是否自动播放，在移动端autoplay属性会失效。Safari11不会自动开启自动播放如何开启。 | | autoplay | Boolean | 播放器是否自动播放，在移动端 autoplay 属性会失效。Safari11 不会自动开启自动播放如何开启。 |
| rePlay | Boolean | 播放器自动循环播放。 | | rePlay | Boolean | 播放器自动循环播放。 |
| useH5Prism | Boolean | 指定使用H5播放器。 | | useH5Prism | Boolean | 指定使用 H5 播放器。 |
| useFlashPrism | Boolean | 指定使用Flash播放器。 | | useFlashPrism | Boolean | 指定使用 Flash 播放器。 |
| playsinline | Boolean | H5是否内置播放，有的Android浏览器不起作用。 | | playsinline | Boolean | H5 是否内置播放，有的 Android 浏览器不起作用。 |
| showBuffer | Boolean | 显示播放时缓冲图标，默认true。 | | showBuffer | Boolean | 显示播放时缓冲图标，默认 true。 |
| skinRes | Url | 说明：皮肤图片，不建议随意修改该字段，如要修改，请参照皮肤定制。 | | skinRes | Url | 说明：皮肤图片，不建议随意修改该字段，如要修改，请参照皮肤定制。 |
| skinLayout | Array Boolean | 说明：功能组件布局配置，不传该字段使用默认布局。传false隐藏所有功能组件，请参照皮肤定制。 | | skinLayout | Array Boolean | 说明：功能组件布局配置，不传该字段使用默认布局。传 false 隐藏所有功能组件，请参照皮肤定制。 |
| controlBarVisibility | String | 控制面板的实现，默认为‘hover’。可选的值为：‘click’、‘hover’、‘always’。 | | controlBarVisibility | String | 控制面板的实现，默认为‘hover’。可选的值为：‘click’、‘hover’、‘always’。 |
| showBarTime | String | 控制栏自动隐藏时间（ms）。 | | showBarTime | String | 控制栏自动隐藏时间（ms）。 |
| extraInfo | String | 说明：JSON串用于定制性接口参数。| | extraInfo | String | 说明：JSON 串用于定制性接口参数。 |
| > | > | 1.“fullTitle”：“测试页面”全屏时显示视频标题（仅flash支持）。| | > | > | 1.“fullTitle”：“测试页面”全屏时显示视频标题（仅 flash 支持）。 |
| > | > | 2. “m3u8BufferLength”：“30”播放m3u8时加载缓存ts文件长度单位（秒）（仅flash支持）。| | > | > | 2. “m3u8BufferLength”：“30”播放 m3u8 时加载缓存 ts 文件长度单位（秒）（仅 flash 支持）。 |
| > | > | 3. “liveStartTime”：“2016/08/17 12:00:00”,直播开始时间，用于提示直播未开始(仅flash支持)。| | > | > | 3. “liveStartTime”：“2016/08/17 12:00:00”,直播开始时间，用于提示直播未开始(仅 flash 支持)。 |
| > | > | 4. “liveOverTime”：“2016/08/17 14:00:00”,直播结束时间，用于提示直播结束（仅flash支持）。| | > | > | 4. “liveOverTime”：“2016/08/17 14:00:00”,直播结束时间，用于提示直播结束（仅 flash 支持）。 |
| enableSystemMenu | Boolean | 是否允许系统右键菜单显示，默认为false。 | | enableSystemMenu | Boolean | 是否允许系统右键菜单显示，默认为 false。 |
| format | String | 指定播放地址格式，只有使用vid的播放方式时支持,可选值为’mp4’、’m3u8’、’flv’、’mp3’，默认为空，仅H5支持。 | | format | String | 指定播放地址格式，只有使用 vid 的播放方式时支持,可选值为’mp4’、’m3u8’、’flv’、’mp3’，默认为空，仅 H5 支持。 |
| mediaType | String | 指定返回音频还是视频，只有使用vid的播放方式时支持。可选值为’video’和’audio’，默认为’video’,‘audio’主要是针对只包含音频的视频格式，比如音频的mp4，仅H5支持。 | | mediaType | String | 指定返回音频还是视频，只有使用 vid 的播放方式时支持。可选值为’video’和’audio’，默认为’video’,‘audio’主要是针对只包含音频的视频格式，比如音频的 mp4，仅 H5 支持。 |
| qualitySort | String | 指定排序方式，只有使用vid + plauth播放方式时支持。‘desc’表示按倒序排序（即：从大到小排序）,‘asc’表示按正序排序（即：从小到大排序）,默认值：‘asc’，仅H5支持。 | | qualitySort | String | 指定排序方式，只有使用 vid + plauth 播放方式时支持。‘desc’表示按倒序排序（即：从大到小排序）,‘asc’表示按正序排序（即：从小到大排序）,默认值：‘asc’，仅 H5 支持。 |
| definition | String | 显示视频清晰度，多个用逗号分隔，比如：’FD,LD’，此值是vid对应流清晰度的一个子集，取值范围：FD（流畅）LD（标清）SD（高清）HD（超清）OD（原画）2K（2K）4K（4K），仅H5支持。 | | definition | String | 显示视频清晰度，多个用逗号分隔，比如：’FD,LD’，此值是 vid 对应流清晰度的一个子集，取值范围：FD（流畅）LD（标清）SD（高清）HD（超清）OD（原画）2K（2K）4K（4K），仅 H5 支持。 |
| defaultDefinition | String | 默认视频清晰度，此值是vid对应流的一个清晰度，取值范围：FD（流畅）LD（标清）SD（高清）HD（超清）OD（原画）2K（2K）4K（4K）,仅H5支持。| | defaultDefinition | String | 默认视频清晰度，此值是 vid 对应流的一个清晰度，取值范围：FD（流畅）LD（标清）SD（高清）HD（超清）OD（原画）2K（2K）4K（4K）,仅 H5 支持。 |
| x5_type | String | 声明启用同层H5播放器，启用时设置的值为‘h5’,详情参见同层播放。 | | x5_type | String | 声明启用同层 H5 播放器，启用时设置的值为‘h5’,详情参见同层播放。 |
| x5_fullscreen | Boolean | 声明视频播放时是否进入到TBS的全屏模式，默认为false。当需要把视频做为背景时，设置为true,详情参见同层播放。 | | x5_fullscreen | Boolean | 声明视频播放时是否进入到 TBS 的全屏模式，默认为 false。当需要把视频做为背景时，设置为 true,详情参见同层播放。 |
| x5_video_position | String | 声明视频播在界面上的位置，默认为“center”。可选值为：“top”，“center”,详情参见同层播放。 | | x5_video_position | String | 声明视频播在界面上的位置，默认为“center”。可选值为：“top”，“center”,详情参见同层播放。 |
| x5_orientation | String | 声明TBS播放器支持的方向，可选值：landscape：横屏,portraint：竖屏,详情参见同层播放。 | | x5_orientation | String | 声明 TBS 播放器支持的方向，可选值：landscape：横屏,portraint：竖屏,详情参见同层播放。 |
| x5LandscapeAsFullScreen | String | 声明TBS全屏播放是否横屏，默认值为true。 | | x5LandscapeAsFullScreen | String | 声明 TBS 全屏播放是否横屏，默认值为 true。 |
| autoPlayDelay | Number | 延迟播放时间，单位为秒。详情参见延迟播放 | | autoPlayDelay | Number | 延迟播放时间，单位为秒。详情参见延迟播放 |
| autoPlayDelayDisplayText | String | 延迟播放提示文本，详情参见延迟播放。 | | autoPlayDelayDisplayText | String | 延迟播放提示文本，详情参见延迟播放。 |
| language | String | 国际化，默认为‘zh-cn’。如果未设置，则采用浏览器语言。可选值为‘zh-cn’、‘en-us’或其它值。 | | language | String | 国际化，默认为‘zh-cn’。如果未设置，则采用浏览器语言。可选值为‘zh-cn’、‘en-us’或其它值。 |
| languageTexts | JSON | 自定义国际化文本json结构，key的值需要和language属性值对应起来。例子：{jp:{Play:”Play”}},自定义值参见Json结构。 | | languageTexts | JSON | 自定义国际化文本 json 结构，key 的值需要和 language 属性值对应起来。例子：{jp:{Play:”Play”}},自定义值参见 Json 结构。 |
| snapshot | Boolean | flash启用截图功能。 | | snapshot | Boolean | flash 启用截图功能。 |
| snapshotWatermark | Object | H5设置截图水印。 | | snapshotWatermark | Object | H5 设置截图水印。 |
| useHlsPluginForSafari | Boolean | Safari浏览器可以启用Hls插件播放，Safari 11除外。 | | useHlsPluginForSafari | Boolean | Safari 浏览器可以启用 Hls 插件播放，Safari 11 除外。 |
| enableStashBufferForFlv | Boolean | H5播放flv时，设置是否启用播放缓存，只在直播下起作用。 | | enableStashBufferForFlv | Boolean | H5 播放 flv 时，设置是否启用播放缓存，只在直播下起作用。 |
| stashInitialSizeForFlv | Number | H5播放flv时，初始缓存大小，只在直播下起作用。 | | stashInitialSizeForFlv | Number | H5 播放 flv 时，初始缓存大小，只在直播下起作用。 |
| loadDataTimeout | Number | 缓冲多长时间后，提示用户切换低清晰度，默认：20秒。 | | loadDataTimeout | Number | 缓冲多长时间后，提示用户切换低清晰度，默认：20 秒。 |
| waitingTimeout | Number | 最大缓冲超时时间，超过这个时间会有错误提示，默认：60秒。 | | waitingTimeout | Number | 最大缓冲超时时间，超过这个时间会有错误提示，默认：60 秒。 |
| liveStartTime | String | 直播开始时间，直播时移功能使用，格式为：“2018/01/04 12:00:00”。 | | liveStartTime | String | 直播开始时间，直播时移功能使用，格式为：“2018/01/04 12:00:00”。 |
| liveOverTime | String | 直播结束时间，直播时移功能使用，格式为：“2018/01/04 12:00:00”。 | | liveOverTime | String | 直播结束时间，直播时移功能使用，格式为：“2018/01/04 12:00:00”。 |
| liveTimeShiftUrl | String | 直播可用时移查询地址，详情参见直播时移。 | | liveTimeShiftUrl | String | 直播可用时移查询地址，详情参见直播时移。 |
| liveShiftSource | String | flv直播地址播放时，hls的流地址，详情参见直播时移。 | | liveShiftSource | String | flv 直播地址播放时，hls 的流地址，详情参见直播时移。 |
| recreatePlayer | Function | flv直播和hls时移切换是，重新创建播放器方法，详情参见直播时移。 | | recreatePlayer | Function | flv 直播和 hls 时移切换是，重新创建播放器方法，详情参见直播时移。 |
| diagnosisButtonVisible | Boolean | 是否显示检测按钮，默认为true。 | | diagnosisButtonVisible | Boolean | 是否显示检测按钮，默认为 true。 |
| disableSeek | Boolean | 禁用进度条的Seek，默认为false，仅Flash支持。 | | disableSeek | Boolean | 禁用进度条的 Seek，默认为 false，仅 Flash 支持。 |
| encryptType | int | 加密类型，播放点播私有加密视频时，设置值为1，默认值为0。 | | encryptType | int | 加密类型，播放点播私有加密视频时，设置值为 1，默认值为 0。 |
| progressMarkers | Array | 进度条打点内容数组，详情参见进度条打点。 | | progressMarkers | Array | 进度条打点内容数组，详情参见进度条打点。 |
| vodRetry | int | 点播失败重试次数，默认3次 | | vodRetry | int | 点播失败重试次数，默认 3 次 |
| liveRetry | int | 直播播放失败重试次数，默认5次 | | liveRetry | int | 直播播放失败重试次数，默认 5 次 |
### 3.2 播放器方法 ### 3.2 播放器方法
```javascript ```javascript
// 暂停播放 // 暂停播放
this.$refs.VueAliplayerV2.pause(); this.$refs.VueAliplayerV2.pause();
``` ```
可以参考 [播放器接口方法](https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1085.36fc6fc57WKZ5P#h2-u64ADu653Eu5668u63A5u53E32) 可以参考 [播放器接口方法](https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1085.36fc6fc57WKZ5P#h2-u64ADu653Eu5668u63A5u53E32)
| 名称 | 参数 | 说明 | | 名称 | 参数 | 说明 |
| :- | :- | :- | | :--------------------- | :------------------------------------------------------------------------------------ | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| play | - | 播放视频。 | | play | - | 播放视频。 |
| pause | - | 暂停视频。 | | pause | - | 暂停视频。 |
| replay | - | 重播视频。 | | replay | - | 重播视频。 |
| seek | time | 跳转到某个时刻进行播放，time的单位为秒。 | | seek | time | 跳转到某个时刻进行播放，time 的单位为秒。 |
| getCurrentTime | - | 获取当前的播放时刻，返回的单位为秒。 | | getCurrentTime | - | 获取当前的播放时刻，返回的单位为秒。 |
| getDuration | - | 获取视频总时长，返回的单位为秒，这个需要在视频加载完成以后才可以获取到，可以在play事件后获取。 | | getDuration | - | 获取视频总时长，返回的单位为秒，这个需要在视频加载完成以后才可以获取到，可以在 play 事件后获取。 |
| getVolume | - | 获取当前的音量，返回值为0-1的实数。ios和部分android会失效。 | | getVolume | - | 获取当前的音量，返回值为 0-1 的实数。ios 和部分 android 会失效。 |
| setVolume | - | 设置音量，vol为0-1的实数，ios和部分android会失效。 | | setVolume | - | 设置音量，vol 为 0-1 的实数，ios 和部分 android 会失效。 |
| loadByUrl | url，time | 直接播放视频url，time为可选值（单位秒）。目前只支持同种格式（mp4/flv/m3u8）之间切换。暂不支持直播rtmp流切换。 | | loadByUrl | url，time | 直接播放视频 url，time 为可选值（单位秒）。目前只支持同种格式（mp4/flv/m3u8）之间切换。暂不支持直播 rtmp 流切换。 |
| replayByVidAndPlayAuth | vid：视频id,playauth：播放凭证 | 目前只支持H5播放器。暂不支持不同格式视频间的之间切换。暂不支持直播rtmp流切换。 | | replayByVidAndPlayAuth | vid：视频 id,playauth：播放凭证 | 目前只支持 H5 播放器。暂不支持不同格式视频间的之间切换。暂不支持直播 rtmp 流切换。 |
| replayByVidAndAuthInfo | 仅MPS用户时使用,参数顺序为：vid、accId、accSecret、stsToken、authInfo、domainRegion | 目前只支持H5播放器。暂不支持不同格式视频间的之间切换。暂不支持直播rtmp流切换。 | | replayByVidAndAuthInfo | 仅 MPS 用户时使用,参数顺序为：vid、accId、accSecret、stsToken、authInfo、domainRegion | 目前只支持 H5 播放器。暂不支持不同格式视频间的之间切换。暂不支持直播 rtmp 流切换。 |
| setPlayerSize | w，h | 设置播放器大小w，h可分别为400px像素或60%百分比。chrome浏览器下flash播放器分别不能小于397x297。 | | setPlayerSize | w，h | 设置播放器大小 w，h 可分别为 400px 像素或 60%百分比。chrome 浏览器下 flash 播放器分别不能小于 397x297。 |
| setSpeed | speed | 手动设置播放的倍速，倍速播放仅H5支持。移动端可能会失效，比如android微信。倍速播放UI默认是开启的。如果自定义过skinLaout属性，需要添加speedButton项到数组里： | | setSpeed | speed | 手动设置播放的倍速，倍速播放仅 H5 支持。移动端可能会失效，比如 android 微信。倍速播放 UI 默认是开启的。如果自定义过 skinLaout 属性，需要添加 speedButton 项到数组里： |
| > | > | {name：“speedButton”，align：“tr”，x：10，y：23} | | > | > | {name：“speedButton”，align：“tr”，x：10，y：23} |
| setSanpshotProperties | width：宽度,height：高度,rate：截图质量| 设置截图参数。 | | setSanpshotProperties | width：宽度,height：高度,rate：截图质量 | 设置截图参数。 |
| requestFullScreen | - | 播放器全屏，仅H5支持。 | | requestFullScreen | - | 播放器全屏，仅 H5 支持。 |
| cancelFullScreen | - | 播放器退出全屏，iOS调用无效，仅H5支持。 | | cancelFullScreen | - | 播放器退出全屏，iOS 调用无效，仅 H5 支持。 |
| getIsFullScreen | - | 获取播放器全屏状态，仅H5支持。 | | getIsFullScreen | - | 获取播放器全屏状态，仅 H5 支持。 |
| getStatus | - | 获取播放器状态，包含的值：‘init’,‘ready’,‘loading’,‘play’,‘pause’,‘playing’,‘waiting’,‘error’,‘ended’ | | getStatus | - | 获取播放器状态，包含的值：‘init’,‘ready’,‘loading’,‘play’,‘pause’,‘playing’,‘waiting’,‘error’,‘ended’ |
| setLiveTimeRange | 开始时间,结束时间 | 设置直播的开始结束时间，开启直播时移功能时使用。例子：player.liveShiftSerivce.setLiveTimeRange(“”，‘2018/01/04 20:00:00’) | | setLiveTimeRange | 开始时间,结束时间 | 设置直播的开始结束时间，开启直播时移功能时使用。例子：player.liveShiftSerivce.setLiveTimeRange(“”，‘2018/01/04 20:00:00’) |
| setRotate | rotate 旋转角度 | 参数为旋转角度， 正数为正时针旋转， 负数为逆时针旋转。例如: setRotate(90)。详情参见旋转和镜像。 | | setRotate | rotate 旋转角度 | 参数为旋转角度， 正数为正时针旋转， 负数为逆时针旋转。例如: setRotate(90)。详情参见旋转和镜像。 |
| getRotate | - | 获取旋转角度。详情参见旋转和镜像。 | | getRotate | - | 获取旋转角度。详情参见旋转和镜像。 |
| setImage | image：镜像类型,可选值为：horizon,vertical | 设置镜像，例如: setImage(‘horizon’)。详情参见旋转和镜像。 | | setImage | image：镜像类型,可选值为：horizon,vertical | 设置镜像，例如: setImage(‘horizon’)。详情参见旋转和镜像。 |
| dispose | - | 播放器销毁 | | dispose | - | 播放器销毁 |
| setCover | cover封面地址 | 设置封面 | | setCover | cover 封面地址 | 设置封面 |
| setProgressMarkers | markers打点数据集合 | 设置打点数据 | | setProgressMarkers | markers 打点数据集合 | 设置打点数据 |
| setPreviewTime | time试看时间 | 设置试看时间，单位为秒，详情参见试看 | | setPreviewTime | time 试看时间 | 设置试看时间，单位为秒，详情参见试看 |
| getPreviewTime | - | 获取试看时间 | | getPreviewTime | - | 获取试看时间 |
| isPreview | - | 是否试看 | | isPreview | - | 是否试看 |
| off | ev:事件名[String],handle,事件回调方法[Function] | 通过播放器实例的off方法取消绑定的方法 | | off | ev:事件名[String],handle,事件回调方法[Function] | 通过播放器实例的 off 方法取消绑定的方法 |
## 4.播放器事件 ## 4.播放器事件
@ -338,46 +358,49 @@ this.$refs.VueAliplayerV2.pause();
<vue-aliplayer-v2 @ready="handleReady" /> <vue-aliplayer-v2 @ready="handleReady" />
</template> </template>
<script> <script>
export default { export default {
methods:{ methods: {
/** /**
* 播放器事件回调 * 播放器事件回调
*/ */
handleReady(e){ handleReady(e) {
console.log(`ready`,e); console.log(`ready`, e);
} },
} },
} };
</script> </script>
``` ```
可以参考 [播放器事件](https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1085.36fc6fc57WKZ5P#h2-u64ADu653Eu5668u4E8Bu4EF63) 可以参考 [播放器事件](https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1085.36fc6fc57WKZ5P#h2-u64ADu653Eu5668u4E8Bu4EF63)
| 名称 | 说明 | | 名称 | 说明 |
| :- | :- | | :---------------- | :--------------------------------------------------------------------------------------------------------------------------------------- |
| ready | 播放器视频初始化按钮渲染完毕。播放器UI初始设置需要此事件后触发，避免UI被初始化所覆盖。播放器提供的方法需要在此事件发生后才可以调用。 | | ready | 播放器视频初始化按钮渲染完毕。播放器 UI 初始设置需要此事件后触发，避免 UI 被初始化所覆盖。播放器提供的方法需要在此事件发生后才可以调用。 |
| play | 视频由暂停恢复为播放时触发。 | | play | 视频由暂停恢复为播放时触发。 |
| pause | 视频暂停时触发。 | | pause | 视频暂停时触发。 |
| canplay | 能够开始播放音频/视频时发生，会多次触发，仅H5播放器。 | | canplay | 能够开始播放音频/视频时发生，会多次触发，仅 H5 播放器。 |
| playing | 播放中，会触发多次。 | | playing | 播放中，会触发多次。 |
| ended | 当前视频播放完毕时触发。 | | ended | 当前视频播放完毕时触发。 |
| liveStreamStop | 直播流中断时触发。m3u8/flv/rtmp在重试5次未成功后触发。提示上层流中断或需要重新加载视频。PS：m3u8一直自动重试，不需要上层添加重试。 | | liveStreamStop | 直播流中断时触发。m3u8/flv/rtmp 在重试 5 次未成功后触发。提示上层流中断或需要重新加载视频。PS：m3u8 一直自动重试，不需要上层添加重试。 |
| onM3u8Retry | m3u8直播流中断后重试事件，每次断流只触发一次。 | | onM3u8Retry | m3u8 直播流中断后重试事件，每次断流只触发一次。 |
| hideBar | 控制栏自动隐藏事件。 | | hideBar | 控制栏自动隐藏事件。 |
| showBar | 控制栏自动显示事件。 | | showBar | 控制栏自动显示事件。 |
| waiting | 数据缓冲事件。 | | waiting | 数据缓冲事件。 |
| timeupdate | 播放位置发生改变时触发，仅H5播放器。可通过getCurrentTime方法，得到当前播放时间。 | | timeupdate | 播放位置发生改变时触发，仅 H5 播放器。可通过 getCurrentTime 方法，得到当前播放时间。 |
| snapshoted | 截图完成事件。 | | snapshoted | 截图完成事件。 |
| requestFullScreen | 全屏事件，仅H5支持。 | | requestFullScreen | 全屏事件，仅 H5 支持。 |
| cancelFullScreen | 取消全屏事件，iOS下不会触发，仅H5支持。 | | cancelFullScreen | 取消全屏事件，iOS 下不会触发，仅 H5 支持。 |
| error | 错误事件。 | | error | 错误事件。 |
| startSeek | 开始拖拽，参数返回拖拽点的时间。 | | startSeek | 开始拖拽，参数返回拖拽点的时间。 |
| completeSeek | 完成拖拽，参数返回拖拽点的时间。 | | completeSeek | 完成拖拽，参数返回拖拽点的时间。 |
--- ---
## 5. 图片展示 ## 5. 图片展示
![图片1](https://github.com/langyuxiansheng/vue-aliplayer-v2/blob/master/images/p1.png) ![图片1](https://github.com/langyuxiansheng/vue-aliplayer-v2/blob/master/images/p1.png)
![图片2](https://github.com/langyuxiansheng/vue-aliplayer-v2/blob/master/images/p2.png) ![图片2](https://github.com/langyuxiansheng/vue-aliplayer-v2/blob/master/images/p2.png)
--- ---
## 6.二次开发 下载项目 ## 6.二次开发 下载项目
@ -387,6 +410,7 @@ git clone https://github.com/langyuxiansheng/vue-aliplayer-v2.git
``` ```
## Project setup ## Project setup
```bash ```bash
cd vue-aliplayer-v2 cd vue-aliplayer-v2
@ -394,65 +418,78 @@ npm install
``` ```
### Compiles and hot-reloads for development ### Compiles and hot-reloads for development
```bash ```bash
npm run dev npm run dev
``` ```
### Compiles and minifies for production ### Compiles and minifies for production
```bash ```bash
npm run build npm run build
``` ```
### Lints and fixes files ### Lints and fixes files
```bash ```bash
npm run lint npm run lint
``` ```
## 7.缺陷 & 后期计划 ## 7.缺陷 & 后期计划
> 2019年12月27日 更新优化局部引用方式
> 您有功能建议,或者bug反馈请留言. > 2019 年 12 月 27 日 更新优化局部引用方式
> 您有功能建议,或者 bug 反馈请留言.
## 8.感谢 ## 8.感谢
--- ---
- vue-aliplayer 的作者,项目地址:https://github.com/slacrey/vue-aliplayer - vue-aliplayer 的作者,项目地址:https://github.com/slacrey/vue-aliplayer
- Alipayer 阿里云的开源播放器 https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1085.36fc6fc57WKZ5P#h2-u64ADu653Eu5668u4E8Bu4EF63 - Alipayer 阿里云的开源播放器 https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1085.36fc6fc57WKZ5P#h2-u64ADu653Eu5668u4E8Bu4EF63
### Customize configuration ### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/). See [Configuration Reference](https://cli.vuejs.org/config/).
## 更新日志 ## 更新日志
> v1.3.0
- sdk 版本更新,默认 SDK 版本由 2.9.3 更新为 2.9.7
- 默认注释更新
> v1.2.9 修正部分默认属性, 感谢"Schean17"网友的反馈与建议. > v1.2.9 修正部分默认属性, 感谢"Schean17"网友的反馈与建议.
> v1.2.8 更换底层默认sdk版本为2.9.3 修复options 遇到 update loop 错误 感谢"litmonw"网友的反馈与建议. > v1.2.8 更换底层默认 sdk 版本为 2.9.3 修复 options 遇到 update loop 错误 感谢"litmonw"网友的反馈与建议.
> v1.2.7 更换底层默认sdk版本为2.9.1的版本. 更新线上演示demo的选项，感谢网友“Ghost23333”的demo > v1.2.7 更换底层默认 sdk 版本为 2.9.1 的版本. 更新线上演示 demo 的选项
> v1.2.6 优化beforeDestroy() 部分的代码. > 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"的反馈与建议.
> v1.2.3 优化播放器的初始化代码,调整包内结构,优化局部组件的注册方式,也兼容老版本的引用方式.文档部分更新,增加了问题栏. 感谢"liangzhiyuan2015"和"fancheur"两位网友的反馈与建议. > v1.2.3 优化播放器的初始化代码,调整包内结构,优化局部组件的注册方式,也兼容老版本的引用方式.文档部分更新,增加了问题栏. 感谢"liangzhiyuan2015"和"fancheur"两位网友的反馈与建议.
> v1.2.2 修复指定id情况下,播放器报错"没有为播放器指定容器",目前移除外部指定id的方式,所有的播放器id都由内部生成,不再由外部指定容器(外部指定的意义并不大),其它的说明:更新1.2.1后报错Uncaught TypeError: 没有为播放器指定容器,因为源码中变更了部分代码,以及最大限度的简化代码,组件内部的根容器就只有一个div容器,导致以前外部指定id的时候,容器id与外部的不一致,导致抛出异常了,现在已经紧急修复了,若在使用,请更新到v1.2.2的版本;如果使用了外部指定id的方式请移除外部的id.否则id会出现重复的情况., 感谢"liyoro"的反馈和建议. > v1.2.2 修复指定 id 情况下,播放器报错"没有为播放器指定容器",目前移除外部指定 id 的方式,所有的播放器 id 都由内部生成,不再由外部指定容器(外部指定的意义并不大),其它的说明:更新 1.2.1 后报错 Uncaught TypeError: 没有为播放器指定容器,因为源码中变更了部分代码,以及最大限度的简化代码,组件内部的根容器就只有一个 div 容器,导致以前外部指定 id 的时候,容器 id 与外部的不一致,导致抛出异常了,现在已经紧急修复了,若在使用,请更新到 v1.2.2 的版本;如果使用了外部指定 id 的方式请移除外部的 id.否则 id 会出现重复的情况., 感谢"liyoro"的反馈和建议.
> v1.2.1 修复直播播放的情况下,播放器已经销毁,而后台还在继续下载资源造成卡顿的bug,修复多个播放器只渲染1个的bug, 感谢"Jonauil"和"guangming95"两位网友的反馈和建议. > v1.2.1 修复直播播放的情况下,播放器已经销毁,而后台还在继续下载资源造成卡顿的 bug,修复多个播放器只渲染 1 个的 bug, 感谢"Jonauil"和"guangming95"两位网友的反馈和建议.
> v1.2.0 修复播放源(MP4/m3u8)之间切换无法正常播放的bug,增加options配置项动态响应功能,优化部分播放器的逻辑, 感谢"liyoro"网友的反馈和建议. > v1.2.0 修复播放源(MP4/m3u8)之间切换无法正常播放的 bug,增加 options 配置项动态响应功能,优化部分播放器的逻辑, 感谢"liyoro"网友的反馈和建议.
> v1.1.9 修复播放源(修复prop:source类型验证报错), 感谢"hugo2017"和“nullF”网友的反馈. > v1.1.9 修复播放源(修复 prop:source 类型验证报错), 感谢"hugo2017"和“nullF”网友的反馈.
> v1.1.8 修复播放源(增加source属性类型错误),修复获取播放器状态 getStatus()方法报错, 感谢"kongjigu"网友的反馈. > v1.1.8 修复播放源(增加 source 属性类型错误),修复获取播放器状态 getStatus()方法报错, 感谢"kongjigu"网友的反馈.
> v1.1.7 增加动态切换播放源(增加source属性)功能 感谢"wikimo"和"jieruian"两位网友的反馈建议. > v1.1.7 增加动态切换播放源(增加 source 属性)功能 感谢"wikimo"和"jieruian"两位网友的反馈建议.
> v1.1.6 修复部分已知bug和优化局部的引用方式 > v1.1.6 修复部分已知 bug 和优化局部的引用方式
--- ---
## 其它问题 ## 其它问题
1. IOS 或者其它设备无法全屏播放,或者点击全屏按钮的时候也只是显示竖屏？ 1. IOS 或者其它设备无法全屏播放,或者点击全屏按钮的时候也只是显示竖屏？
@ -460,22 +497,8 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
> 方案与问题所在: > 方案与问题所在:
一般情况下可能是开启了强制竖屏(也就是屏幕锁定)打开后就会竖屏而不会全屏了！如下关闭就可以了： 一般情况下可能是开启了强制竖屏(也就是屏幕锁定)打开后就会竖屏而不会全屏了！如下关闭就可以了：
参考issues: https://github.com/langyuxiansheng/vue-aliplayer-v2/issues/25 参考 issues: https://github.com/langyuxiansheng/vue-aliplayer-v2/issues/25
-开启了屏幕锁定，只要上拉控制中心，点击屏幕锁定关闭就可以了！ -开启了屏幕锁定，只要上拉控制中心，点击屏幕锁定关闭就可以了！
-也可能是播放器或者浏览器兼容性问题. -也可能是播放器或者浏览器兼容性问题.
2. 关于直播视频切换的问题，可以参考：
```javascript
watch: {
source: {
handler() {
this.show = !this.show
setTimeout(()=>{ //直播视频切换的问题，设置延迟执行
this.show = !this.show
},1);
}
}
}
```

442
lib/vue-aliplayer-v2.common.js
View File

@ -87,22 +87,30 @@ module.exports =
/************************************************************************/ /************************************************************************/
/******/ ({ /******/ ({
/***/ "0614": /***/ "05fd":
/***/ (function(module, exports) { /***/ (function(module, exports, __webpack_require__) {
module.exports = function (bitmap, value) { module.exports = __webpack_require__("baa7")('native-function-to-string', Function.toString);
return {
enumerable: !(bitmap & 1),
configurable: !(bitmap & 2), /***/ }),
writable: !(bitmap & 4),
value: value /***/ "065d":
}; /***/ (function(module, exports, __webpack_require__) {
var dP = __webpack_require__("bb8b");
var createDesc = __webpack_require__("5edc");
module.exports = __webpack_require__("26df") ? function (object, key, value) {
return dP.f(object, key, createDesc(1, value));
} : function (object, key, value) {
object[key] = value;
return object;
}; };
/***/ }), /***/ }),
/***/ "0cc1": /***/ "0926":
/***/ (function(module, exports) { /***/ (function(module, exports) {
module.exports = function (exec) { module.exports = function (exec) {
@ -114,12 +122,26 @@ module.exports = function (exec) {
}; };
/***/ }),
/***/ "0b34":
/***/ (function(module, exports) {
// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
var global = module.exports = typeof window != 'undefined' && window.Math == Math
? window : typeof self != 'undefined' && self.Math == Math ? self
// eslint-disable-next-line no-new-func
: Function('return this')();
if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
/***/ }), /***/ }),
/***/ "112a": /***/ "112a":
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__);
// CONCATENATED MODULE: ./node_modules/_@vue_cli-service@3.12.1@@vue/cli-service/lib/commands/build/setPublicPath.js // CONCATENATED MODULE: ./node_modules/_@vue_cli-service@3.12.1@@vue/cli-service/lib/commands/build/setPublicPath.js
@ -139,36 +161,36 @@ if (typeof window !== 'undefined') {
// Indicate to webpack that this file can be concatenated // Indicate to webpack that this file can be concatenated
/* harmony default export */ var setPublicPath = (null); /* harmony default export */ var setPublicPath = (null);
// EXTERNAL MODULE: ./node_modules/_core-js@2.6.10@core-js/modules/es6.function.name.js // EXTERNAL MODULE: ./node_modules/_core-js@2.6.12@core-js/modules/es6.function.name.js
var es6_function_name = __webpack_require__("7cfd"); var es6_function_name = __webpack_require__("a450");
// CONCATENATED MODULE: ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"05d0d90a-vue-loader-template"}!./node_modules/_vue-loader@15.7.2@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.7.2@vue-loader/lib??vue-loader-options!./packages/AliplayerV2/index.vue?vue&type=template&id=2b8c739e& // CONCATENATED MODULE: ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"52b194f6-vue-loader-template"}!./node_modules/_vue-loader@15.9.7@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.7@vue-loader/lib??vue-loader-options!./packages/AliplayerV2/index.vue?vue&type=template&id=49dd74ed&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":_vm.playerId}})} var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":_vm.playerId}})}
var staticRenderFns = [] var staticRenderFns = []
// CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=template&id=2b8c739e& // CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=template&id=49dd74ed&
// CONCATENATED MODULE: ./node_modules/_@babel_runtime@7.7.2@@babel/runtime/helpers/esm/typeof.js
function _typeof2(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
// CONCATENATED MODULE: ./node_modules/_@babel_runtime@7.14.6@@babel/runtime/helpers/esm/typeof.js
function _typeof(obj) { function _typeof(obj) {
if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") { "@babel/helpers - typeof";
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof = function _typeof(obj) { _typeof = function _typeof(obj) {
return _typeof2(obj); return typeof obj;
}; };
} else { } else {
_typeof = function _typeof(obj) { _typeof = function _typeof(obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(obj); return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
}; };
} }
return _typeof(obj); return _typeof(obj);
} }
// EXTERNAL MODULE: ./node_modules/_core-js@2.6.10@core-js/modules/es6.regexp.to-string.js // EXTERNAL MODULE: ./node_modules/_core-js@2.6.12@core-js/modules/es6.regexp.to-string.js
var es6_regexp_to_string = __webpack_require__("cc1d"); var es6_regexp_to_string = __webpack_require__("4057");
// CONCATENATED MODULE: ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.0.6@babel-loader/lib!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.7.2@vue-loader/lib??vue-loader-options!./packages/AliplayerV2/index.vue?vue&type=script&lang=js& // CONCATENATED MODULE: ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.2.2@babel-loader/lib!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.7@vue-loader/lib??vue-loader-options!./packages/AliplayerV2/index.vue?vue&type=script&lang=js&
// //
@ -195,13 +217,13 @@ var es6_regexp_to_string = __webpack_require__("cc1d");
//css版本源 //css版本源
required: false, required: false,
type: [String], type: [String],
default: "https://g.alicdn.com/de/prismplayer/2.9.3/skins/default/aliplayer-min.css" default: "https://g.alicdn.com/de/prismplayer/2.9.7/skins/default/aliplayer-min.css"
}, },
scriptSrc: { scriptSrc: {
//js版本源 //js版本源
required: false, required: false,
type: [String], type: [String],
default: "https://g.alicdn.com/de/prismplayer/2.9.3/aliplayer-min.js" default: "https://g.alicdn.com/de/prismplayer/2.9.7/aliplayer-min.js"
} }
}, },
data: function data() { data: function data() {
@ -726,7 +748,7 @@ var es6_regexp_to_string = __webpack_require__("cc1d");
}); });
// CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=script&lang=js& // CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=script&lang=js&
/* harmony default export */ var packages_AliplayerV2vue_type_script_lang_js_ = (AliplayerV2vue_type_script_lang_js_); /* harmony default export */ var packages_AliplayerV2vue_type_script_lang_js_ = (AliplayerV2vue_type_script_lang_js_);
// CONCATENATED MODULE: ./node_modules/_vue-loader@15.7.2@vue-loader/lib/runtime/componentNormalizer.js // CONCATENATED MODULE: ./node_modules/_vue-loader@15.9.7@vue-loader/lib/runtime/componentNormalizer.js
/* globals __VUE_SSR_CONTEXT__ */ /* globals __VUE_SSR_CONTEXT__ */
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules). // IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
@ -791,7 +813,12 @@ function normalizeComponent (
options._ssrRegister = hook options._ssrRegister = hook
} else if (injectStyles) { } else if (injectStyles) {
hook = shadowMode hook = shadowMode
? function () { injectStyles.call(this, this.$root.$options.shadowRoot) } ? function () {
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles : injectStyles
} }
@ -800,7 +827,7 @@ function normalizeComponent (
// for template-only hot-reload because in that case the render fn doesn't // for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer // go through the normalizer
options._injectStyles = hook options._injectStyles = hook
// register for functioal component in vue file // register for functional component in vue file
var originalRender = options.render var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) { options.render = function renderWithStyleInjection (h, context) {
hook.call(context) hook.call(context)
@ -864,21 +891,74 @@ AliplayerV2.Player = AliplayerV2;
/***/ }), /***/ }),
/***/ "25ae": /***/ "26df":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
module.exports = !__webpack_require__("f9a5") && !__webpack_require__("0cc1")(function () { // Thank's IE8 for his funny defineProperty
return Object.defineProperty(__webpack_require__("6618")('div'), 'a', { get: function () { return 7; } }).a != 7; module.exports = !__webpack_require__("0926")(function () {
return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
}); });
/***/ }), /***/ }),
/***/ "2ab1": /***/ "3d8a":
/***/ (function(module, exports) {
module.exports = false;
/***/ }),
/***/ "4057":
/***/ (function(module, exports, __webpack_require__) {
"use strict";
__webpack_require__("de49");
var anObject = __webpack_require__("a86f");
var $flags = __webpack_require__("6bf8");
var DESCRIPTORS = __webpack_require__("26df");
var TO_STRING = 'toString';
var $toString = /./[TO_STRING];
var define = function (fn) {
__webpack_require__("84e8")(RegExp.prototype, TO_STRING, fn, true);
};
// 21.2.5.14 RegExp.prototype.toString()
if (__webpack_require__("0926")(function () { return $toString.call({ source: 'a', flags: 'b' }) != '/a/b'; })) {
define(function toString() {
var R = anObject(this);
return '/'.concat(R.source, '/',
'flags' in R ? R.flags : !DESCRIPTORS && R instanceof RegExp ? $flags.call(R) : undefined);
});
// FF44- RegExp#toString has a wrong name
} else if ($toString.name != TO_STRING) {
define(function toString() {
return $toString.call(this);
});
}
/***/ }),
/***/ "4fd4":
/***/ (function(module, exports) {
var hasOwnProperty = {}.hasOwnProperty;
module.exports = function (it, key) {
return hasOwnProperty.call(it, key);
};
/***/ }),
/***/ "5d10":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
// 7.1.1 ToPrimitive(input [, PreferredType]) // 7.1.1 ToPrimitive(input [, PreferredType])
var isObject = __webpack_require__("da0b"); var isObject = __webpack_require__("9cff");
// instead of the ES6 spec version, we didn't implement @@toPrimitive case // instead of the ES6 spec version, we didn't implement @@toPrimitive case
// and the second argument - flag - preferred type is a string // and the second argument - flag - preferred type is a string
module.exports = function (it, S) { module.exports = function (it, S) {
@ -893,131 +973,73 @@ module.exports = function (it, S) {
/***/ }), /***/ }),
/***/ "3f8b": /***/ "5edc":
/***/ (function(module, exports) { /***/ (function(module, exports) {
// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028 module.exports = function (bitmap, value) {
var global = module.exports = typeof window != 'undefined' && window.Math == Math return {
? window : typeof self != 'undefined' && self.Math == Math ? self enumerable: !(bitmap & 1),
// eslint-disable-next-line no-new-func configurable: !(bitmap & 2),
: Function('return this')(); writable: !(bitmap & 4),
if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef value: value
};
/***/ }),
/***/ "4d2c":
/***/ (function(module, exports) {
var id = 0;
var px = Math.random();
module.exports = function (key) {
return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
}; };
/***/ }), /***/ }),
/***/ "549d": /***/ "6bf8":
/***/ (function(module, exports) { /***/ (function(module, exports, __webpack_require__) {
var hasOwnProperty = {}.hasOwnProperty; "use strict";
module.exports = function (it, key) {
return hasOwnProperty.call(it, key); // 21.2.5.3 get RegExp.prototype.flags
var anObject = __webpack_require__("a86f");
module.exports = function () {
var that = anObject(this);
var result = '';
if (that.global) result += 'g';
if (that.ignoreCase) result += 'i';
if (that.multiline) result += 'm';
if (that.unicode) result += 'u';
if (that.sticky) result += 'y';
return result;
}; };
/***/ }), /***/ }),
/***/ "6618": /***/ "76e3":
/***/ (function(module, exports, __webpack_require__) {
var isObject = __webpack_require__("da0b");
var document = __webpack_require__("3f8b").document;
// typeof document.createElement is 'object' in old IE
var is = isObject(document) && isObject(document.createElement);
module.exports = function (it) {
return is ? document.createElement(it) : {};
};
/***/ }),
/***/ "6cc2":
/***/ (function(module, exports) { /***/ (function(module, exports) {
module.exports = false; var core = module.exports = { version: '2.6.12' };
if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
/***/ }), /***/ }),
/***/ "6fe0": /***/ "83d3":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__("f341")('native-function-to-string', Function.toString); module.exports = !__webpack_require__("26df") && !__webpack_require__("0926")(function () {
return Object.defineProperty(__webpack_require__("e8d7")('div'), 'a', { get: function () { return 7; } }).a != 7;
/***/ }),
/***/ "7cfd":
/***/ (function(module, exports, __webpack_require__) {
var dP = __webpack_require__("d3d8").f;
var FProto = Function.prototype;
var nameRE = /^\s*function ([^ (]*)/;
var NAME = 'name';
// 19.2.4.2 name
NAME in FProto || __webpack_require__("f9a5") && dP(FProto, NAME, {
configurable: true,
get: function () {
try {
return ('' + this).match(nameRE)[1];
} catch (e) {
return '';
}
}
}); });
/***/ }), /***/ }),
/***/ "8cac": /***/ "84e8":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
var isObject = __webpack_require__("da0b"); var global = __webpack_require__("0b34");
module.exports = function (it) { var hide = __webpack_require__("065d");
if (!isObject(it)) throw TypeError(it + ' is not an object!'); var has = __webpack_require__("4fd4");
return it; var SRC = __webpack_require__("d8b3")('src');
}; var $toString = __webpack_require__("05fd");
/***/ }),
/***/ "9f7e":
/***/ (function(module, exports, __webpack_require__) {
// 21.2.5.3 get RegExp.prototype.flags()
if (__webpack_require__("f9a5") && /./g.flags != 'g') __webpack_require__("d3d8").f(RegExp.prototype, 'flags', {
configurable: true,
get: __webpack_require__("e7a1")
});
/***/ }),
/***/ "a6d5":
/***/ (function(module, exports, __webpack_require__) {
var global = __webpack_require__("3f8b");
var hide = __webpack_require__("b8ea");
var has = __webpack_require__("549d");
var SRC = __webpack_require__("4d2c")('src');
var $toString = __webpack_require__("6fe0");
var TO_STRING = 'toString'; var TO_STRING = 'toString';
var TPL = ('' + $toString).split(TO_STRING); var TPL = ('' + $toString).split(TO_STRING);
__webpack_require__("da27").inspectSource = function (it) { __webpack_require__("76e3").inspectSource = function (it) {
return $toString.call(it); return $toString.call(it);
}; };
@ -1044,63 +1066,79 @@ __webpack_require__("da27").inspectSource = function (it) {
/***/ }), /***/ }),
/***/ "b8ea": /***/ "9cff":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports) {
var dP = __webpack_require__("d3d8"); module.exports = function (it) {
var createDesc = __webpack_require__("0614"); return typeof it === 'object' ? it !== null : typeof it === 'function';
module.exports = __webpack_require__("f9a5") ? function (object, key, value) {
return dP.f(object, key, createDesc(1, value));
} : function (object, key, value) {
object[key] = value;
return object;
}; };
/***/ }), /***/ }),
/***/ "cc1d": /***/ "a450":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
"use strict"; var dP = __webpack_require__("bb8b").f;
var FProto = Function.prototype;
var nameRE = /^\s*function ([^ (]*)/;
var NAME = 'name';
__webpack_require__("9f7e"); // 19.2.4.2 name
var anObject = __webpack_require__("8cac"); NAME in FProto || __webpack_require__("26df") && dP(FProto, NAME, {
var $flags = __webpack_require__("e7a1"); configurable: true,
var DESCRIPTORS = __webpack_require__("f9a5"); get: function () {
var TO_STRING = 'toString'; try {
var $toString = /./[TO_STRING]; return ('' + this).match(nameRE)[1];
} catch (e) {
var define = function (fn) { return '';
__webpack_require__("a6d5")(RegExp.prototype, TO_STRING, fn, true); }
}; }
});
// 21.2.5.14 RegExp.prototype.toString()
if (__webpack_require__("0cc1")(function () { return $toString.call({ source: 'a', flags: 'b' }) != '/a/b'; })) {
define(function toString() {
var R = anObject(this);
return '/'.concat(R.source, '/',
'flags' in R ? R.flags : !DESCRIPTORS && R instanceof RegExp ? $flags.call(R) : undefined);
});
// FF44- RegExp#toString has a wrong name
} else if ($toString.name != TO_STRING) {
define(function toString() {
return $toString.call(this);
});
}
/***/ }), /***/ }),
/***/ "d3d8": /***/ "a86f":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
var anObject = __webpack_require__("8cac"); var isObject = __webpack_require__("9cff");
var IE8_DOM_DEFINE = __webpack_require__("25ae"); module.exports = function (it) {
var toPrimitive = __webpack_require__("2ab1"); if (!isObject(it)) throw TypeError(it + ' is not an object!');
return it;
};
/***/ }),
/***/ "baa7":
/***/ (function(module, exports, __webpack_require__) {
var core = __webpack_require__("76e3");
var global = __webpack_require__("0b34");
var SHARED = '__core-js_shared__';
var store = global[SHARED] || (global[SHARED] = {});
(module.exports = function (key, value) {
return store[key] || (store[key] = value !== undefined ? value : {});
})('versions', []).push({
version: core.version,
mode: __webpack_require__("3d8a") ? 'pure' : 'global',
copyright: '© 2020 Denis Pushkarev (zloirock.ru)'
});
/***/ }),
/***/ "bb8b":
/***/ (function(module, exports, __webpack_require__) {
var anObject = __webpack_require__("a86f");
var IE8_DOM_DEFINE = __webpack_require__("83d3");
var toPrimitive = __webpack_require__("5d10");
var dP = Object.defineProperty; var dP = Object.defineProperty;
exports.f = __webpack_require__("f9a5") ? Object.defineProperty : function defineProperty(O, P, Attributes) { exports.f = __webpack_require__("26df") ? Object.defineProperty : function defineProperty(O, P, Attributes) {
anObject(O); anObject(O);
P = toPrimitive(P, true); P = toPrimitive(P, true);
anObject(Attributes); anObject(Attributes);
@ -1115,21 +1153,26 @@ exports.f = __webpack_require__("f9a5") ? Object.defineProperty : function defin
/***/ }), /***/ }),
/***/ "da0b": /***/ "d8b3":
/***/ (function(module, exports) { /***/ (function(module, exports) {
module.exports = function (it) { var id = 0;
return typeof it === 'object' ? it !== null : typeof it === 'function'; var px = Math.random();
module.exports = function (key) {
return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
}; };
/***/ }), /***/ }),
/***/ "da27": /***/ "de49":
/***/ (function(module, exports) { /***/ (function(module, exports, __webpack_require__) {
var core = module.exports = { version: '2.6.10' }; // 21.2.5.3 get RegExp.prototype.flags()
if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef if (__webpack_require__("26df") && /./g.flags != 'g') __webpack_require__("bb8b").f(RegExp.prototype, 'flags', {
configurable: true,
get: __webpack_require__("6bf8")
});
/***/ }), /***/ }),
@ -1177,55 +1220,18 @@ if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
/***/ }), /***/ }),
/***/ "e7a1": /***/ "e8d7":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
"use strict"; var isObject = __webpack_require__("9cff");
var document = __webpack_require__("0b34").document;
// 21.2.5.3 get RegExp.prototype.flags // typeof document.createElement is 'object' in old IE
var anObject = __webpack_require__("8cac"); var is = isObject(document) && isObject(document.createElement);
module.exports = function () { module.exports = function (it) {
var that = anObject(this); return is ? document.createElement(it) : {};
var result = '';
if (that.global) result += 'g';
if (that.ignoreCase) result += 'i';
if (that.multiline) result += 'm';
if (that.unicode) result += 'u';
if (that.sticky) result += 'y';
return result;
}; };
/***/ }),
/***/ "f341":
/***/ (function(module, exports, __webpack_require__) {
var core = __webpack_require__("da27");
var global = __webpack_require__("3f8b");
var SHARED = '__core-js_shared__';
var store = global[SHARED] || (global[SHARED] = {});
(module.exports = function (key, value) {
return store[key] || (store[key] = value !== undefined ? value : {});
})('versions', []).push({
version: core.version,
mode: __webpack_require__("6cc2") ? 'pure' : 'global',
copyright: '© 2019 Denis Pushkarev (zloirock.ru)'
});
/***/ }),
/***/ "f9a5":
/***/ (function(module, exports, __webpack_require__) {
// Thank's IE8 for his funny defineProperty
module.exports = !__webpack_require__("0cc1")(function () {
return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
});
/***/ }) /***/ })
/******/ }); /******/ });

442
lib/vue-aliplayer-v2.umd.js
View File

@ -96,22 +96,30 @@ return /******/ (function(modules) { // webpackBootstrap
/************************************************************************/ /************************************************************************/
/******/ ({ /******/ ({
/***/ "0614": /***/ "05fd":
/***/ (function(module, exports) { /***/ (function(module, exports, __webpack_require__) {
module.exports = function (bitmap, value) { module.exports = __webpack_require__("baa7")('native-function-to-string', Function.toString);
return {
enumerable: !(bitmap & 1),
configurable: !(bitmap & 2), /***/ }),
writable: !(bitmap & 4),
value: value /***/ "065d":
}; /***/ (function(module, exports, __webpack_require__) {
var dP = __webpack_require__("bb8b");
var createDesc = __webpack_require__("5edc");
module.exports = __webpack_require__("26df") ? function (object, key, value) {
return dP.f(object, key, createDesc(1, value));
} : function (object, key, value) {
object[key] = value;
return object;
}; };
/***/ }), /***/ }),
/***/ "0cc1": /***/ "0926":
/***/ (function(module, exports) { /***/ (function(module, exports) {
module.exports = function (exec) { module.exports = function (exec) {
@ -123,12 +131,26 @@ module.exports = function (exec) {
}; };
/***/ }),
/***/ "0b34":
/***/ (function(module, exports) {
// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
var global = module.exports = typeof window != 'undefined' && window.Math == Math
? window : typeof self != 'undefined' && self.Math == Math ? self
// eslint-disable-next-line no-new-func
: Function('return this')();
if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
/***/ }), /***/ }),
/***/ "112a": /***/ "112a":
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__);
// CONCATENATED MODULE: ./node_modules/_@vue_cli-service@3.12.1@@vue/cli-service/lib/commands/build/setPublicPath.js // CONCATENATED MODULE: ./node_modules/_@vue_cli-service@3.12.1@@vue/cli-service/lib/commands/build/setPublicPath.js
@ -148,36 +170,36 @@ if (typeof window !== 'undefined') {
// Indicate to webpack that this file can be concatenated // Indicate to webpack that this file can be concatenated
/* harmony default export */ var setPublicPath = (null); /* harmony default export */ var setPublicPath = (null);
// EXTERNAL MODULE: ./node_modules/_core-js@2.6.10@core-js/modules/es6.function.name.js // EXTERNAL MODULE: ./node_modules/_core-js@2.6.12@core-js/modules/es6.function.name.js
var es6_function_name = __webpack_require__("7cfd"); var es6_function_name = __webpack_require__("a450");
// CONCATENATED MODULE: ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"05d0d90a-vue-loader-template"}!./node_modules/_vue-loader@15.7.2@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.7.2@vue-loader/lib??vue-loader-options!./packages/AliplayerV2/index.vue?vue&type=template&id=2b8c739e& // CONCATENATED MODULE: ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"52b194f6-vue-loader-template"}!./node_modules/_vue-loader@15.9.7@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.7@vue-loader/lib??vue-loader-options!./packages/AliplayerV2/index.vue?vue&type=template&id=49dd74ed&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":_vm.playerId}})} var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":_vm.playerId}})}
var staticRenderFns = [] var staticRenderFns = []
// CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=template&id=2b8c739e& // CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=template&id=49dd74ed&
// CONCATENATED MODULE: ./node_modules/_@babel_runtime@7.7.2@@babel/runtime/helpers/esm/typeof.js
function _typeof2(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
// CONCATENATED MODULE: ./node_modules/_@babel_runtime@7.14.6@@babel/runtime/helpers/esm/typeof.js
function _typeof(obj) { function _typeof(obj) {
if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") { "@babel/helpers - typeof";
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof = function _typeof(obj) { _typeof = function _typeof(obj) {
return _typeof2(obj); return typeof obj;
}; };
} else { } else {
_typeof = function _typeof(obj) { _typeof = function _typeof(obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(obj); return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
}; };
} }
return _typeof(obj); return _typeof(obj);
} }
// EXTERNAL MODULE: ./node_modules/_core-js@2.6.10@core-js/modules/es6.regexp.to-string.js // EXTERNAL MODULE: ./node_modules/_core-js@2.6.12@core-js/modules/es6.regexp.to-string.js
var es6_regexp_to_string = __webpack_require__("cc1d"); var es6_regexp_to_string = __webpack_require__("4057");
// CONCATENATED MODULE: ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.0.6@babel-loader/lib!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.7.2@vue-loader/lib??vue-loader-options!./packages/AliplayerV2/index.vue?vue&type=script&lang=js& // CONCATENATED MODULE: ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.2.2@babel-loader/lib!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.7@vue-loader/lib??vue-loader-options!./packages/AliplayerV2/index.vue?vue&type=script&lang=js&
// //
@ -204,13 +226,13 @@ var es6_regexp_to_string = __webpack_require__("cc1d");
//css版本源 //css版本源
required: false, required: false,
type: [String], type: [String],
default: "https://g.alicdn.com/de/prismplayer/2.9.3/skins/default/aliplayer-min.css" default: "https://g.alicdn.com/de/prismplayer/2.9.7/skins/default/aliplayer-min.css"
}, },
scriptSrc: { scriptSrc: {
//js版本源 //js版本源
required: false, required: false,
type: [String], type: [String],
default: "https://g.alicdn.com/de/prismplayer/2.9.3/aliplayer-min.js" default: "https://g.alicdn.com/de/prismplayer/2.9.7/aliplayer-min.js"
} }
}, },
data: function data() { data: function data() {
@ -735,7 +757,7 @@ var es6_regexp_to_string = __webpack_require__("cc1d");
}); });
// CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=script&lang=js& // CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=script&lang=js&
/* harmony default export */ var packages_AliplayerV2vue_type_script_lang_js_ = (AliplayerV2vue_type_script_lang_js_); /* harmony default export */ var packages_AliplayerV2vue_type_script_lang_js_ = (AliplayerV2vue_type_script_lang_js_);
// CONCATENATED MODULE: ./node_modules/_vue-loader@15.7.2@vue-loader/lib/runtime/componentNormalizer.js // CONCATENATED MODULE: ./node_modules/_vue-loader@15.9.7@vue-loader/lib/runtime/componentNormalizer.js
/* globals __VUE_SSR_CONTEXT__ */ /* globals __VUE_SSR_CONTEXT__ */
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules). // IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
@ -800,7 +822,12 @@ function normalizeComponent (
options._ssrRegister = hook options._ssrRegister = hook
} else if (injectStyles) { } else if (injectStyles) {
hook = shadowMode hook = shadowMode
? function () { injectStyles.call(this, this.$root.$options.shadowRoot) } ? function () {
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles : injectStyles
} }
@ -809,7 +836,7 @@ function normalizeComponent (
// for template-only hot-reload because in that case the render fn doesn't // for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer // go through the normalizer
options._injectStyles = hook options._injectStyles = hook
// register for functioal component in vue file // register for functional component in vue file
var originalRender = options.render var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) { options.render = function renderWithStyleInjection (h, context) {
hook.call(context) hook.call(context)
@ -873,21 +900,74 @@ AliplayerV2.Player = AliplayerV2;
/***/ }), /***/ }),
/***/ "25ae": /***/ "26df":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
module.exports = !__webpack_require__("f9a5") && !__webpack_require__("0cc1")(function () { // Thank's IE8 for his funny defineProperty
return Object.defineProperty(__webpack_require__("6618")('div'), 'a', { get: function () { return 7; } }).a != 7; module.exports = !__webpack_require__("0926")(function () {
return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
}); });
/***/ }), /***/ }),
/***/ "2ab1": /***/ "3d8a":
/***/ (function(module, exports) {
module.exports = false;
/***/ }),
/***/ "4057":
/***/ (function(module, exports, __webpack_require__) {
"use strict";
__webpack_require__("de49");
var anObject = __webpack_require__("a86f");
var $flags = __webpack_require__("6bf8");
var DESCRIPTORS = __webpack_require__("26df");
var TO_STRING = 'toString';
var $toString = /./[TO_STRING];
var define = function (fn) {
__webpack_require__("84e8")(RegExp.prototype, TO_STRING, fn, true);
};
// 21.2.5.14 RegExp.prototype.toString()
if (__webpack_require__("0926")(function () { return $toString.call({ source: 'a', flags: 'b' }) != '/a/b'; })) {
define(function toString() {
var R = anObject(this);
return '/'.concat(R.source, '/',
'flags' in R ? R.flags : !DESCRIPTORS && R instanceof RegExp ? $flags.call(R) : undefined);
});
// FF44- RegExp#toString has a wrong name
} else if ($toString.name != TO_STRING) {
define(function toString() {
return $toString.call(this);
});
}
/***/ }),
/***/ "4fd4":
/***/ (function(module, exports) {
var hasOwnProperty = {}.hasOwnProperty;
module.exports = function (it, key) {
return hasOwnProperty.call(it, key);
};
/***/ }),
/***/ "5d10":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
// 7.1.1 ToPrimitive(input [, PreferredType]) // 7.1.1 ToPrimitive(input [, PreferredType])
var isObject = __webpack_require__("da0b"); var isObject = __webpack_require__("9cff");
// instead of the ES6 spec version, we didn't implement @@toPrimitive case // instead of the ES6 spec version, we didn't implement @@toPrimitive case
// and the second argument - flag - preferred type is a string // and the second argument - flag - preferred type is a string
module.exports = function (it, S) { module.exports = function (it, S) {
@ -902,131 +982,73 @@ module.exports = function (it, S) {
/***/ }), /***/ }),
/***/ "3f8b": /***/ "5edc":
/***/ (function(module, exports) { /***/ (function(module, exports) {
// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028 module.exports = function (bitmap, value) {
var global = module.exports = typeof window != 'undefined' && window.Math == Math return {
? window : typeof self != 'undefined' && self.Math == Math ? self enumerable: !(bitmap & 1),
// eslint-disable-next-line no-new-func configurable: !(bitmap & 2),
: Function('return this')(); writable: !(bitmap & 4),
if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef value: value
};
/***/ }),
/***/ "4d2c":
/***/ (function(module, exports) {
var id = 0;
var px = Math.random();
module.exports = function (key) {
return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
}; };
/***/ }), /***/ }),
/***/ "549d": /***/ "6bf8":
/***/ (function(module, exports) { /***/ (function(module, exports, __webpack_require__) {
var hasOwnProperty = {}.hasOwnProperty; "use strict";
module.exports = function (it, key) {
return hasOwnProperty.call(it, key); // 21.2.5.3 get RegExp.prototype.flags
var anObject = __webpack_require__("a86f");
module.exports = function () {
var that = anObject(this);
var result = '';
if (that.global) result += 'g';
if (that.ignoreCase) result += 'i';
if (that.multiline) result += 'm';
if (that.unicode) result += 'u';
if (that.sticky) result += 'y';
return result;
}; };
/***/ }), /***/ }),
/***/ "6618": /***/ "76e3":
/***/ (function(module, exports, __webpack_require__) {
var isObject = __webpack_require__("da0b");
var document = __webpack_require__("3f8b").document;
// typeof document.createElement is 'object' in old IE
var is = isObject(document) && isObject(document.createElement);
module.exports = function (it) {
return is ? document.createElement(it) : {};
};
/***/ }),
/***/ "6cc2":
/***/ (function(module, exports) { /***/ (function(module, exports) {
module.exports = false; var core = module.exports = { version: '2.6.12' };
if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
/***/ }), /***/ }),
/***/ "6fe0": /***/ "83d3":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__("f341")('native-function-to-string', Function.toString); module.exports = !__webpack_require__("26df") && !__webpack_require__("0926")(function () {
return Object.defineProperty(__webpack_require__("e8d7")('div'), 'a', { get: function () { return 7; } }).a != 7;
/***/ }),
/***/ "7cfd":
/***/ (function(module, exports, __webpack_require__) {
var dP = __webpack_require__("d3d8").f;
var FProto = Function.prototype;
var nameRE = /^\s*function ([^ (]*)/;
var NAME = 'name';
// 19.2.4.2 name
NAME in FProto || __webpack_require__("f9a5") && dP(FProto, NAME, {
configurable: true,
get: function () {
try {
return ('' + this).match(nameRE)[1];
} catch (e) {
return '';
}
}
}); });
/***/ }), /***/ }),
/***/ "8cac": /***/ "84e8":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
var isObject = __webpack_require__("da0b"); var global = __webpack_require__("0b34");
module.exports = function (it) { var hide = __webpack_require__("065d");
if (!isObject(it)) throw TypeError(it + ' is not an object!'); var has = __webpack_require__("4fd4");
return it; var SRC = __webpack_require__("d8b3")('src');
}; var $toString = __webpack_require__("05fd");
/***/ }),
/***/ "9f7e":
/***/ (function(module, exports, __webpack_require__) {
// 21.2.5.3 get RegExp.prototype.flags()
if (__webpack_require__("f9a5") && /./g.flags != 'g') __webpack_require__("d3d8").f(RegExp.prototype, 'flags', {
configurable: true,
get: __webpack_require__("e7a1")
});
/***/ }),
/***/ "a6d5":
/***/ (function(module, exports, __webpack_require__) {
var global = __webpack_require__("3f8b");
var hide = __webpack_require__("b8ea");
var has = __webpack_require__("549d");
var SRC = __webpack_require__("4d2c")('src');
var $toString = __webpack_require__("6fe0");
var TO_STRING = 'toString'; var TO_STRING = 'toString';
var TPL = ('' + $toString).split(TO_STRING); var TPL = ('' + $toString).split(TO_STRING);
__webpack_require__("da27").inspectSource = function (it) { __webpack_require__("76e3").inspectSource = function (it) {
return $toString.call(it); return $toString.call(it);
}; };
@ -1053,63 +1075,79 @@ __webpack_require__("da27").inspectSource = function (it) {
/***/ }), /***/ }),
/***/ "b8ea": /***/ "9cff":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports) {
var dP = __webpack_require__("d3d8"); module.exports = function (it) {
var createDesc = __webpack_require__("0614"); return typeof it === 'object' ? it !== null : typeof it === 'function';
module.exports = __webpack_require__("f9a5") ? function (object, key, value) {
return dP.f(object, key, createDesc(1, value));
} : function (object, key, value) {
object[key] = value;
return object;
}; };
/***/ }), /***/ }),
/***/ "cc1d": /***/ "a450":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
"use strict"; var dP = __webpack_require__("bb8b").f;
var FProto = Function.prototype;
var nameRE = /^\s*function ([^ (]*)/;
var NAME = 'name';
__webpack_require__("9f7e"); // 19.2.4.2 name
var anObject = __webpack_require__("8cac"); NAME in FProto || __webpack_require__("26df") && dP(FProto, NAME, {
var $flags = __webpack_require__("e7a1"); configurable: true,
var DESCRIPTORS = __webpack_require__("f9a5"); get: function () {
var TO_STRING = 'toString'; try {
var $toString = /./[TO_STRING]; return ('' + this).match(nameRE)[1];
} catch (e) {
var define = function (fn) { return '';
__webpack_require__("a6d5")(RegExp.prototype, TO_STRING, fn, true); }
}; }
});
// 21.2.5.14 RegExp.prototype.toString()
if (__webpack_require__("0cc1")(function () { return $toString.call({ source: 'a', flags: 'b' }) != '/a/b'; })) {
define(function toString() {
var R = anObject(this);
return '/'.concat(R.source, '/',
'flags' in R ? R.flags : !DESCRIPTORS && R instanceof RegExp ? $flags.call(R) : undefined);
});
// FF44- RegExp#toString has a wrong name
} else if ($toString.name != TO_STRING) {
define(function toString() {
return $toString.call(this);
});
}
/***/ }), /***/ }),
/***/ "d3d8": /***/ "a86f":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
var anObject = __webpack_require__("8cac"); var isObject = __webpack_require__("9cff");
var IE8_DOM_DEFINE = __webpack_require__("25ae"); module.exports = function (it) {
var toPrimitive = __webpack_require__("2ab1"); if (!isObject(it)) throw TypeError(it + ' is not an object!');
return it;
};
/***/ }),
/***/ "baa7":
/***/ (function(module, exports, __webpack_require__) {
var core = __webpack_require__("76e3");
var global = __webpack_require__("0b34");
var SHARED = '__core-js_shared__';
var store = global[SHARED] || (global[SHARED] = {});
(module.exports = function (key, value) {
return store[key] || (store[key] = value !== undefined ? value : {});
})('versions', []).push({
version: core.version,
mode: __webpack_require__("3d8a") ? 'pure' : 'global',
copyright: '© 2020 Denis Pushkarev (zloirock.ru)'
});
/***/ }),
/***/ "bb8b":
/***/ (function(module, exports, __webpack_require__) {
var anObject = __webpack_require__("a86f");
var IE8_DOM_DEFINE = __webpack_require__("83d3");
var toPrimitive = __webpack_require__("5d10");
var dP = Object.defineProperty; var dP = Object.defineProperty;
exports.f = __webpack_require__("f9a5") ? Object.defineProperty : function defineProperty(O, P, Attributes) { exports.f = __webpack_require__("26df") ? Object.defineProperty : function defineProperty(O, P, Attributes) {
anObject(O); anObject(O);
P = toPrimitive(P, true); P = toPrimitive(P, true);
anObject(Attributes); anObject(Attributes);
@ -1124,21 +1162,26 @@ exports.f = __webpack_require__("f9a5") ? Object.defineProperty : function defin
/***/ }), /***/ }),
/***/ "da0b": /***/ "d8b3":
/***/ (function(module, exports) { /***/ (function(module, exports) {
module.exports = function (it) { var id = 0;
return typeof it === 'object' ? it !== null : typeof it === 'function'; var px = Math.random();
module.exports = function (key) {
return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
}; };
/***/ }), /***/ }),
/***/ "da27": /***/ "de49":
/***/ (function(module, exports) { /***/ (function(module, exports, __webpack_require__) {
var core = module.exports = { version: '2.6.10' }; // 21.2.5.3 get RegExp.prototype.flags()
if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef if (__webpack_require__("26df") && /./g.flags != 'g') __webpack_require__("bb8b").f(RegExp.prototype, 'flags', {
configurable: true,
get: __webpack_require__("6bf8")
});
/***/ }), /***/ }),
@ -1186,55 +1229,18 @@ if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
/***/ }), /***/ }),
/***/ "e7a1": /***/ "e8d7":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
"use strict"; var isObject = __webpack_require__("9cff");
var document = __webpack_require__("0b34").document;
// 21.2.5.3 get RegExp.prototype.flags // typeof document.createElement is 'object' in old IE
var anObject = __webpack_require__("8cac"); var is = isObject(document) && isObject(document.createElement);
module.exports = function () { module.exports = function (it) {
var that = anObject(this); return is ? document.createElement(it) : {};
var result = '';
if (that.global) result += 'g';
if (that.ignoreCase) result += 'i';
if (that.multiline) result += 'm';
if (that.unicode) result += 'u';
if (that.sticky) result += 'y';
return result;
}; };
/***/ }),
/***/ "f341":
/***/ (function(module, exports, __webpack_require__) {
var core = __webpack_require__("da27");
var global = __webpack_require__("3f8b");
var SHARED = '__core-js_shared__';
var store = global[SHARED] || (global[SHARED] = {});
(module.exports = function (key, value) {
return store[key] || (store[key] = value !== undefined ? value : {});
})('versions', []).push({
version: core.version,
mode: __webpack_require__("6cc2") ? 'pure' : 'global',
copyright: '© 2019 Denis Pushkarev (zloirock.ru)'
});
/***/ }),
/***/ "f9a5":
/***/ (function(module, exports, __webpack_require__) {
// Thank's IE8 for his funny defineProperty
module.exports = !__webpack_require__("0cc1")(function () {
return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
});
/***/ }) /***/ })
/******/ }); /******/ });

2
lib/vue-aliplayer-v2.umd.min.js vendored
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", "name": "vue-aliplayer-v2",
"version": "1.2.9", "version": "1.3.0",
"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",

4
packages/AliplayerV2/index.vue
View File

@ -18,12 +18,12 @@ export default {
cssLink:{ //css版本源 cssLink:{ //css版本源
required: false, required: false,
type: [String], type: [String],
default: `https://g.alicdn.com/de/prismplayer/2.9.3/skins/default/aliplayer-min.css` default: `https://g.alicdn.com/de/prismplayer/2.9.7/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.3/aliplayer-min.js` default: `https://g.alicdn.com/de/prismplayer/2.9.7/aliplayer-min.js`
} }
}, },
data () { data () {