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

Merge pull request #64 from langyuxiansheng/dev_v1.3.1

Browse Source 
Dev v1.3.1
This commit is contained in:
langyuxiansheng 2022-05-12 16:47:43 +08:00 committed by GitHub
commit cdf70ab208
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 595 additions and 544 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@ -219,6 +219,13 @@ components: {
```javascript ```javascript
props:{ props:{
forbidFastForward: { //禁止拖拽快进
required: false,
type: [Boolean],
default: false
},
options: { //配置项 (options.source 不支持动态切换,需要动态切换请直接使用source) options: { //配置项 (options.source 不支持动态切换,需要动态切换请直接使用source)
required: false, required: false,
type: [Object], type: [Object],
@ -455,10 +462,11 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
## 更新日志 ## 更新日志
> v1.3.0 > v1.3.0 修复部分已知bug,增加forbidFastForward 属性,感谢 "william-xue"网友的功能提交.
- sdk 版本更新,默认 SDK 版本由 2.9.3 更新为 2.9.7 - sdk 版本更新,默认 SDK 版本由 2.9.3 更新为 2.9.20
- 默认注释更新 - 默认注释更新
- 增加禁止用户拖拽快进的属性选项 forbidFastForward [Boolean] 默认 false
> v1.2.9 修正部分默认属性, 感谢"Schean17"网友的反馈与建议. > v1.2.9 修正部分默认属性, 感谢"Schean17"网友的反馈与建议.

46
examples/App.vue
View File

@ -13,7 +13,7 @@
<p class="remove-text" v-if="!show">播放器已销毁!</p> <p class="remove-text" v-if="!show">播放器已销毁!</p>
<div class="player-btns"> <div class="player-btns">
<template v-if="!isShowMultiple && show"> <template v-if="!isShowMultiple && show">
<span @click="play()">播放</span> <span @click="play()">播放</span>
<span @click="pause()">暂停</span> <span @click="pause()">暂停</span>
<span @click="replay()">重播</span> <span @click="replay()">重播</span>
@ -58,7 +58,7 @@
// import VueAliplayerV2 from '../packages'; // import VueAliplayerV2 from '../packages';
export default { export default {
// components:{ VueAliplayerV2 }, // components:{ VueAliplayerV2 },
data(){ data () {
return { return {
options: { options: {
// source:'//player.alicdn.com/video/aliyunmedia.mp4', // source:'//player.alicdn.com/video/aliyunmedia.mp4',
@ -105,42 +105,42 @@ export default {
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,
forbidFastForward:false, forbidFastForward: false,
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();
}, },
handlerForbidFastForward(){ handlerForbidFastForward () {
this.forbidFastForward = true this.forbidFastForward = true
}, },
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;
} }
} }
@ -151,19 +151,19 @@ export default {
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;
@ -183,18 +183,18 @@ export default {
cursor: pointer; cursor: pointer;
} }
} }
.source-box{ .source-box {
padding: 5px 10px; padding: 5px 10px;
margin-bottom: 10px; margin-bottom: 10px;
.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%;

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

@ -87,30 +87,22 @@ module.exports =
/************************************************************************/ /************************************************************************/
/******/ ({ /******/ ({
/***/ "05fd": /***/ "0614":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports) {
module.exports = __webpack_require__("baa7")('native-function-to-string', Function.toString); module.exports = function (bitmap, value) {
return {
enumerable: !(bitmap & 1),
/***/ }), configurable: !(bitmap & 2),
writable: !(bitmap & 4),
/***/ "065d": value: value
/***/ (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;
}; };
/***/ }), /***/ }),
/***/ "0926": /***/ "0cc1":
/***/ (function(module, exports) { /***/ (function(module, exports) {
module.exports = function (exec) { module.exports = function (exec) {
@ -122,26 +114,12 @@ 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
@ -161,36 +139,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.12@core-js/modules/es6.function.name.js // EXTERNAL MODULE: ./node_modules/_core-js@2.6.10@core-js/modules/es6.function.name.js
var es6_function_name = __webpack_require__("a450"); var es6_function_name = __webpack_require__("7cfd");
// 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& // 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=c8a41478&
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=49dd74ed& // CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=template&id=c8a41478&
// 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) {
"@babel/helpers - typeof"; if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") {
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof = function _typeof(obj) { _typeof = function _typeof(obj) {
return typeof obj; return _typeof2(obj);
}; };
} else { } else {
_typeof = function _typeof(obj) { _typeof = function _typeof(obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(obj);
}; };
} }
return _typeof(obj); return _typeof(obj);
} }
// EXTERNAL MODULE: ./node_modules/_core-js@2.6.12@core-js/modules/es6.regexp.to-string.js // EXTERNAL MODULE: ./node_modules/_core-js@2.6.10@core-js/modules/es6.regexp.to-string.js
var es6_regexp_to_string = __webpack_require__("4057"); var es6_regexp_to_string = __webpack_require__("cc1d");
// 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& // 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&
// //
@ -199,6 +177,12 @@ var es6_regexp_to_string = __webpack_require__("4057");
/* harmony default export */ var AliplayerV2vue_type_script_lang_js_ = ({ /* harmony default export */ var AliplayerV2vue_type_script_lang_js_ = ({
name: 'VueAliplayerV2', name: 'VueAliplayerV2',
props: { props: {
forbidFastForward: {
//禁止拖拽快进
required: false,
type: [Boolean],
default: false
},
options: { options: {
//配置项 //配置项
required: false, required: false,
@ -217,13 +201,13 @@ var es6_regexp_to_string = __webpack_require__("4057");
//css版本源 //css版本源
required: false, required: false,
type: [String], type: [String],
default: "https://g.alicdn.com/de/prismplayer/2.9.7/skins/default/aliplayer-min.css" default: "https://g.alicdn.com/de/prismplayer/2.9.20/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.7/aliplayer-min.js" default: "https://g.alicdn.com/de/prismplayer/2.9.20/aliplayer-min.js"
} }
}, },
data: function data() { data: function data() {
@ -326,6 +310,9 @@ var es6_regexp_to_string = __webpack_require__("4057");
//监听播放源变化 //监听播放源变化
this.init(); this.init();
}, },
forbidFastForward: function forbidFastForward() {
this.init();
},
options: { options: {
//配置项是对象,只能深度监听 //配置项是对象,只能深度监听
handler: function handler() { handler: function handler() {
@ -350,6 +337,8 @@ var es6_regexp_to_string = __webpack_require__("4057");
}); });
}, },
methods: { methods: {
handlerFastForward: function handlerFastForward() {},
/** /**
* 创建script和css * 创建script和css
* 加载Alipayer的SDK * 加载Alipayer的SDK
@ -426,6 +415,25 @@ var es6_regexp_to_string = __webpack_require__("4057");
for (var ev in this.events) { for (var ev in this.events) {
_loop(ev); _loop(ev);
} //开启禁止拖拽快进
if (this.forbidFastForward) {
var last = 0,
max_time = 0;
this.player.on('timeupdate', function () {
var current = this.getCurrentTime();
if (current - last > 2) {
this.seek(last);
} else {
last = current;
if (last >= max_time) {
max_time = last;
}
}
});
} //通过播放器实例的off方法取消订阅 } //通过播放器实例的off方法取消订阅
//player.off('ready',handleReady); //player.off('ready',handleReady);
@ -748,7 +756,7 @@ var es6_regexp_to_string = __webpack_require__("4057");
}); });
// 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.9.7@vue-loader/lib/runtime/componentNormalizer.js // CONCATENATED MODULE: ./node_modules/_vue-loader@15.7.2@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).
@ -813,12 +821,7 @@ function normalizeComponent (
options._ssrRegister = hook options._ssrRegister = hook
} else if (injectStyles) { } else if (injectStyles) {
hook = shadowMode hook = shadowMode
? function () { ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles : injectStyles
} }
@ -827,7 +830,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 functional component in vue file // register for functioal 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)
@ -891,74 +894,21 @@ AliplayerV2.Player = AliplayerV2;
/***/ }), /***/ }),
/***/ "26df": /***/ "25ae":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
// Thank's IE8 for his funny defineProperty module.exports = !__webpack_require__("f9a5") && !__webpack_require__("0cc1")(function () {
module.exports = !__webpack_require__("0926")(function () { return Object.defineProperty(__webpack_require__("6618")('div'), 'a', { get: function () { return 7; } }).a != 7;
return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
}); });
/***/ }), /***/ }),
/***/ "3d8a": /***/ "2ab1":
/***/ (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__("9cff"); var isObject = __webpack_require__("da0b");
// 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) {
@ -973,73 +923,131 @@ module.exports = function (it, S) {
/***/ }), /***/ }),
/***/ "5edc": /***/ "3f8b":
/***/ (function(module, exports) { /***/ (function(module, exports) {
module.exports = function (bitmap, value) { // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
return { var global = module.exports = typeof window != 'undefined' && window.Math == Math
enumerable: !(bitmap & 1), ? window : typeof self != 'undefined' && self.Math == Math ? self
configurable: !(bitmap & 2), // eslint-disable-next-line no-new-func
writable: !(bitmap & 4), : Function('return this')();
value: value if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
};
/***/ }),
/***/ "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));
}; };
/***/ }), /***/ }),
/***/ "6bf8": /***/ "549d":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports) {
"use strict"; var hasOwnProperty = {}.hasOwnProperty;
module.exports = function (it, key) {
// 21.2.5.3 get RegExp.prototype.flags return hasOwnProperty.call(it, key);
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;
}; };
/***/ }), /***/ }),
/***/ "76e3": /***/ "6618":
/***/ (function(module, exports) { /***/ (function(module, exports, __webpack_require__) {
var core = module.exports = { version: '2.6.12' }; var isObject = __webpack_require__("da0b");
if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef 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) : {};
};
/***/ }), /***/ }),
/***/ "83d3": /***/ "6cc2":
/***/ (function(module, exports) {
module.exports = false;
/***/ }),
/***/ "6fe0":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
module.exports = !__webpack_require__("26df") && !__webpack_require__("0926")(function () { module.exports = __webpack_require__("f341")('native-function-to-string', Function.toString);
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 '';
}
}
}); });
/***/ }), /***/ }),
/***/ "84e8": /***/ "8cac":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
var global = __webpack_require__("0b34"); var isObject = __webpack_require__("da0b");
var hide = __webpack_require__("065d"); module.exports = function (it) {
var has = __webpack_require__("4fd4"); if (!isObject(it)) throw TypeError(it + ' is not an object!');
var SRC = __webpack_require__("d8b3")('src'); return it;
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__("76e3").inspectSource = function (it) { __webpack_require__("da27").inspectSource = function (it) {
return $toString.call(it); return $toString.call(it);
}; };
@ -1066,79 +1074,63 @@ __webpack_require__("76e3").inspectSource = function (it) {
/***/ }), /***/ }),
/***/ "9cff": /***/ "b8ea":
/***/ (function(module, exports) { /***/ (function(module, exports, __webpack_require__) {
module.exports = function (it) { var dP = __webpack_require__("d3d8");
return typeof it === 'object' ? it !== null : typeof it === 'function'; var createDesc = __webpack_require__("0614");
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;
}; };
/***/ }), /***/ }),
/***/ "a450": /***/ "cc1d":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
var dP = __webpack_require__("bb8b").f; "use strict";
var FProto = Function.prototype;
var nameRE = /^\s*function ([^ (]*)/;
var NAME = 'name';
// 19.2.4.2 name __webpack_require__("9f7e");
NAME in FProto || __webpack_require__("26df") && dP(FProto, NAME, { var anObject = __webpack_require__("8cac");
configurable: true, var $flags = __webpack_require__("e7a1");
get: function () { var DESCRIPTORS = __webpack_require__("f9a5");
try { var TO_STRING = 'toString';
return ('' + this).match(nameRE)[1]; var $toString = /./[TO_STRING];
} catch (e) {
return '';
}
}
});
var define = function (fn) {
/***/ }), __webpack_require__("a6d5")(RegExp.prototype, TO_STRING, fn, true);
/***/ "a86f":
/***/ (function(module, exports, __webpack_require__) {
var isObject = __webpack_require__("9cff");
module.exports = function (it) {
if (!isObject(it)) throw TypeError(it + ' is not an object!');
return it;
}; };
// 21.2.5.14 RegExp.prototype.toString()
/***/ }), if (__webpack_require__("0cc1")(function () { return $toString.call({ source: 'a', flags: 'b' }) != '/a/b'; })) {
define(function toString() {
/***/ "baa7": var R = anObject(this);
/***/ (function(module, exports, __webpack_require__) { return '/'.concat(R.source, '/',
'flags' in R ? R.flags : !DESCRIPTORS && R instanceof RegExp ? $flags.call(R) : undefined);
var core = __webpack_require__("76e3"); });
var global = __webpack_require__("0b34"); // FF44- RegExp#toString has a wrong name
var SHARED = '__core-js_shared__'; } else if ($toString.name != TO_STRING) {
var store = global[SHARED] || (global[SHARED] = {}); define(function toString() {
return $toString.call(this);
(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": /***/ "d3d8":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
var anObject = __webpack_require__("a86f"); var anObject = __webpack_require__("8cac");
var IE8_DOM_DEFINE = __webpack_require__("83d3"); var IE8_DOM_DEFINE = __webpack_require__("25ae");
var toPrimitive = __webpack_require__("5d10"); var toPrimitive = __webpack_require__("2ab1");
var dP = Object.defineProperty; var dP = Object.defineProperty;
exports.f = __webpack_require__("26df") ? Object.defineProperty : function defineProperty(O, P, Attributes) { exports.f = __webpack_require__("f9a5") ? Object.defineProperty : function defineProperty(O, P, Attributes) {
anObject(O); anObject(O);
P = toPrimitive(P, true); P = toPrimitive(P, true);
anObject(Attributes); anObject(Attributes);
@ -1153,26 +1145,21 @@ exports.f = __webpack_require__("26df") ? Object.defineProperty : function defin
/***/ }), /***/ }),
/***/ "d8b3": /***/ "da0b":
/***/ (function(module, exports) { /***/ (function(module, exports) {
var id = 0; module.exports = function (it) {
var px = Math.random(); return typeof it === 'object' ? it !== null : typeof it === 'function';
module.exports = function (key) {
return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
}; };
/***/ }), /***/ }),
/***/ "de49": /***/ "da27":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports) {
// 21.2.5.3 get RegExp.prototype.flags() var core = module.exports = { version: '2.6.10' };
if (__webpack_require__("26df") && /./g.flags != 'g') __webpack_require__("bb8b").f(RegExp.prototype, 'flags', { if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
configurable: true,
get: __webpack_require__("6bf8")
});
/***/ }), /***/ }),
@ -1220,18 +1207,55 @@ if (__webpack_require__("26df") && /./g.flags != 'g') __webpack_require__("bb8b"
/***/ }), /***/ }),
/***/ "e8d7": /***/ "e7a1":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
var isObject = __webpack_require__("9cff"); "use strict";
var document = __webpack_require__("0b34").document;
// typeof document.createElement is 'object' in old IE // 21.2.5.3 get RegExp.prototype.flags
var is = isObject(document) && isObject(document.createElement); var anObject = __webpack_require__("8cac");
module.exports = function (it) { module.exports = function () {
return is ? document.createElement(it) : {}; 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;
}; };
/***/ }),
/***/ "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;
});
/***/ }) /***/ })
/******/ }); /******/ });

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

@ -96,30 +96,22 @@ return /******/ (function(modules) { // webpackBootstrap
/************************************************************************/ /************************************************************************/
/******/ ({ /******/ ({
/***/ "05fd": /***/ "0614":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports) {
module.exports = __webpack_require__("baa7")('native-function-to-string', Function.toString); module.exports = function (bitmap, value) {
return {
enumerable: !(bitmap & 1),
/***/ }), configurable: !(bitmap & 2),
writable: !(bitmap & 4),
/***/ "065d": value: value
/***/ (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;
}; };
/***/ }), /***/ }),
/***/ "0926": /***/ "0cc1":
/***/ (function(module, exports) { /***/ (function(module, exports) {
module.exports = function (exec) { module.exports = function (exec) {
@ -131,26 +123,12 @@ 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
@ -170,36 +148,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.12@core-js/modules/es6.function.name.js // EXTERNAL MODULE: ./node_modules/_core-js@2.6.10@core-js/modules/es6.function.name.js
var es6_function_name = __webpack_require__("a450"); var es6_function_name = __webpack_require__("7cfd");
// 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& // 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=c8a41478&
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=49dd74ed& // CONCATENATED MODULE: ./packages/AliplayerV2/index.vue?vue&type=template&id=c8a41478&
// 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) {
"@babel/helpers - typeof"; if (typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol") {
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof = function _typeof(obj) { _typeof = function _typeof(obj) {
return typeof obj; return _typeof2(obj);
}; };
} else { } else {
_typeof = function _typeof(obj) { _typeof = function _typeof(obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : _typeof2(obj);
}; };
} }
return _typeof(obj); return _typeof(obj);
} }
// EXTERNAL MODULE: ./node_modules/_core-js@2.6.12@core-js/modules/es6.regexp.to-string.js // EXTERNAL MODULE: ./node_modules/_core-js@2.6.10@core-js/modules/es6.regexp.to-string.js
var es6_regexp_to_string = __webpack_require__("4057"); var es6_regexp_to_string = __webpack_require__("cc1d");
// 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& // 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&
// //
@ -208,6 +186,12 @@ var es6_regexp_to_string = __webpack_require__("4057");
/* harmony default export */ var AliplayerV2vue_type_script_lang_js_ = ({ /* harmony default export */ var AliplayerV2vue_type_script_lang_js_ = ({
name: 'VueAliplayerV2', name: 'VueAliplayerV2',
props: { props: {
forbidFastForward: {
//禁止拖拽快进
required: false,
type: [Boolean],
default: false
},
options: { options: {
//配置项 //配置项
required: false, required: false,
@ -226,13 +210,13 @@ var es6_regexp_to_string = __webpack_require__("4057");
//css版本源 //css版本源
required: false, required: false,
type: [String], type: [String],
default: "https://g.alicdn.com/de/prismplayer/2.9.7/skins/default/aliplayer-min.css" default: "https://g.alicdn.com/de/prismplayer/2.9.20/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.7/aliplayer-min.js" default: "https://g.alicdn.com/de/prismplayer/2.9.20/aliplayer-min.js"
} }
}, },
data: function data() { data: function data() {
@ -335,6 +319,9 @@ var es6_regexp_to_string = __webpack_require__("4057");
//监听播放源变化 //监听播放源变化
this.init(); this.init();
}, },
forbidFastForward: function forbidFastForward() {
this.init();
},
options: { options: {
//配置项是对象,只能深度监听 //配置项是对象,只能深度监听
handler: function handler() { handler: function handler() {
@ -359,6 +346,8 @@ var es6_regexp_to_string = __webpack_require__("4057");
}); });
}, },
methods: { methods: {
handlerFastForward: function handlerFastForward() {},
/** /**
* 创建script和css * 创建script和css
* 加载Alipayer的SDK * 加载Alipayer的SDK
@ -435,6 +424,25 @@ var es6_regexp_to_string = __webpack_require__("4057");
for (var ev in this.events) { for (var ev in this.events) {
_loop(ev); _loop(ev);
} //开启禁止拖拽快进
if (this.forbidFastForward) {
var last = 0,
max_time = 0;
this.player.on('timeupdate', function () {
var current = this.getCurrentTime();
if (current - last > 2) {
this.seek(last);
} else {
last = current;
if (last >= max_time) {
max_time = last;
}
}
});
} //通过播放器实例的off方法取消订阅 } //通过播放器实例的off方法取消订阅
//player.off('ready',handleReady); //player.off('ready',handleReady);
@ -757,7 +765,7 @@ var es6_regexp_to_string = __webpack_require__("4057");
}); });
// 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.9.7@vue-loader/lib/runtime/componentNormalizer.js // CONCATENATED MODULE: ./node_modules/_vue-loader@15.7.2@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).
@ -822,12 +830,7 @@ function normalizeComponent (
options._ssrRegister = hook options._ssrRegister = hook
} else if (injectStyles) { } else if (injectStyles) {
hook = shadowMode hook = shadowMode
? function () { ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles : injectStyles
} }
@ -836,7 +839,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 functional component in vue file // register for functioal 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)
@ -900,74 +903,21 @@ AliplayerV2.Player = AliplayerV2;
/***/ }), /***/ }),
/***/ "26df": /***/ "25ae":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
// Thank's IE8 for his funny defineProperty module.exports = !__webpack_require__("f9a5") && !__webpack_require__("0cc1")(function () {
module.exports = !__webpack_require__("0926")(function () { return Object.defineProperty(__webpack_require__("6618")('div'), 'a', { get: function () { return 7; } }).a != 7;
return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
}); });
/***/ }), /***/ }),
/***/ "3d8a": /***/ "2ab1":
/***/ (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__("9cff"); var isObject = __webpack_require__("da0b");
// 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) {
@ -982,73 +932,131 @@ module.exports = function (it, S) {
/***/ }), /***/ }),
/***/ "5edc": /***/ "3f8b":
/***/ (function(module, exports) { /***/ (function(module, exports) {
module.exports = function (bitmap, value) { // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
return { var global = module.exports = typeof window != 'undefined' && window.Math == Math
enumerable: !(bitmap & 1), ? window : typeof self != 'undefined' && self.Math == Math ? self
configurable: !(bitmap & 2), // eslint-disable-next-line no-new-func
writable: !(bitmap & 4), : Function('return this')();
value: value if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
};
/***/ }),
/***/ "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));
}; };
/***/ }), /***/ }),
/***/ "6bf8": /***/ "549d":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports) {
"use strict"; var hasOwnProperty = {}.hasOwnProperty;
module.exports = function (it, key) {
// 21.2.5.3 get RegExp.prototype.flags return hasOwnProperty.call(it, key);
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;
}; };
/***/ }), /***/ }),
/***/ "76e3": /***/ "6618":
/***/ (function(module, exports) { /***/ (function(module, exports, __webpack_require__) {
var core = module.exports = { version: '2.6.12' }; var isObject = __webpack_require__("da0b");
if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef 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) : {};
};
/***/ }), /***/ }),
/***/ "83d3": /***/ "6cc2":
/***/ (function(module, exports) {
module.exports = false;
/***/ }),
/***/ "6fe0":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
module.exports = !__webpack_require__("26df") && !__webpack_require__("0926")(function () { module.exports = __webpack_require__("f341")('native-function-to-string', Function.toString);
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 '';
}
}
}); });
/***/ }), /***/ }),
/***/ "84e8": /***/ "8cac":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
var global = __webpack_require__("0b34"); var isObject = __webpack_require__("da0b");
var hide = __webpack_require__("065d"); module.exports = function (it) {
var has = __webpack_require__("4fd4"); if (!isObject(it)) throw TypeError(it + ' is not an object!');
var SRC = __webpack_require__("d8b3")('src'); return it;
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__("76e3").inspectSource = function (it) { __webpack_require__("da27").inspectSource = function (it) {
return $toString.call(it); return $toString.call(it);
}; };
@ -1075,79 +1083,63 @@ __webpack_require__("76e3").inspectSource = function (it) {
/***/ }), /***/ }),
/***/ "9cff": /***/ "b8ea":
/***/ (function(module, exports) { /***/ (function(module, exports, __webpack_require__) {
module.exports = function (it) { var dP = __webpack_require__("d3d8");
return typeof it === 'object' ? it !== null : typeof it === 'function'; var createDesc = __webpack_require__("0614");
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;
}; };
/***/ }), /***/ }),
/***/ "a450": /***/ "cc1d":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
var dP = __webpack_require__("bb8b").f; "use strict";
var FProto = Function.prototype;
var nameRE = /^\s*function ([^ (]*)/;
var NAME = 'name';
// 19.2.4.2 name __webpack_require__("9f7e");
NAME in FProto || __webpack_require__("26df") && dP(FProto, NAME, { var anObject = __webpack_require__("8cac");
configurable: true, var $flags = __webpack_require__("e7a1");
get: function () { var DESCRIPTORS = __webpack_require__("f9a5");
try { var TO_STRING = 'toString';
return ('' + this).match(nameRE)[1]; var $toString = /./[TO_STRING];
} catch (e) {
return '';
}
}
});
var define = function (fn) {
/***/ }), __webpack_require__("a6d5")(RegExp.prototype, TO_STRING, fn, true);
/***/ "a86f":
/***/ (function(module, exports, __webpack_require__) {
var isObject = __webpack_require__("9cff");
module.exports = function (it) {
if (!isObject(it)) throw TypeError(it + ' is not an object!');
return it;
}; };
// 21.2.5.14 RegExp.prototype.toString()
/***/ }), if (__webpack_require__("0cc1")(function () { return $toString.call({ source: 'a', flags: 'b' }) != '/a/b'; })) {
define(function toString() {
/***/ "baa7": var R = anObject(this);
/***/ (function(module, exports, __webpack_require__) { return '/'.concat(R.source, '/',
'flags' in R ? R.flags : !DESCRIPTORS && R instanceof RegExp ? $flags.call(R) : undefined);
var core = __webpack_require__("76e3"); });
var global = __webpack_require__("0b34"); // FF44- RegExp#toString has a wrong name
var SHARED = '__core-js_shared__'; } else if ($toString.name != TO_STRING) {
var store = global[SHARED] || (global[SHARED] = {}); define(function toString() {
return $toString.call(this);
(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": /***/ "d3d8":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
var anObject = __webpack_require__("a86f"); var anObject = __webpack_require__("8cac");
var IE8_DOM_DEFINE = __webpack_require__("83d3"); var IE8_DOM_DEFINE = __webpack_require__("25ae");
var toPrimitive = __webpack_require__("5d10"); var toPrimitive = __webpack_require__("2ab1");
var dP = Object.defineProperty; var dP = Object.defineProperty;
exports.f = __webpack_require__("26df") ? Object.defineProperty : function defineProperty(O, P, Attributes) { exports.f = __webpack_require__("f9a5") ? Object.defineProperty : function defineProperty(O, P, Attributes) {
anObject(O); anObject(O);
P = toPrimitive(P, true); P = toPrimitive(P, true);
anObject(Attributes); anObject(Attributes);
@ -1162,26 +1154,21 @@ exports.f = __webpack_require__("26df") ? Object.defineProperty : function defin
/***/ }), /***/ }),
/***/ "d8b3": /***/ "da0b":
/***/ (function(module, exports) { /***/ (function(module, exports) {
var id = 0; module.exports = function (it) {
var px = Math.random(); return typeof it === 'object' ? it !== null : typeof it === 'function';
module.exports = function (key) {
return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
}; };
/***/ }), /***/ }),
/***/ "de49": /***/ "da27":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports) {
// 21.2.5.3 get RegExp.prototype.flags() var core = module.exports = { version: '2.6.10' };
if (__webpack_require__("26df") && /./g.flags != 'g') __webpack_require__("bb8b").f(RegExp.prototype, 'flags', { if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
configurable: true,
get: __webpack_require__("6bf8")
});
/***/ }), /***/ }),
@ -1229,18 +1216,55 @@ if (__webpack_require__("26df") && /./g.flags != 'g') __webpack_require__("bb8b"
/***/ }), /***/ }),
/***/ "e8d7": /***/ "e7a1":
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
var isObject = __webpack_require__("9cff"); "use strict";
var document = __webpack_require__("0b34").document;
// typeof document.createElement is 'object' in old IE // 21.2.5.3 get RegExp.prototype.flags
var is = isObject(document) && isObject(document.createElement); var anObject = __webpack_require__("8cac");
module.exports = function (it) { module.exports = function () {
return is ? document.createElement(it) : {}; 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;
}; };
/***/ }),
/***/ "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.3.0", "version": "1.3.1",
"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",

141
packages/AliplayerV2/index.vue
View File

@ -5,7 +5,7 @@
export default { export default {
name: 'VueAliplayerV2', name: 'VueAliplayerV2',
props: { props: {
forbidFastForward:{ forbidFastForward: { //禁止拖拽快进
required: false, required: false,
type: [Boolean], type: [Boolean],
default: false default: false
@ -20,22 +20,22 @@ export default {
type: [String], type: [String],
default: null default: null
}, },
cssLink:{ //css版本源 cssLink: { //css版本源
required: false, required: false,
type: [String], type: [String],
default: `https://g.alicdn.com/de/prismplayer/2.9.7/skins/default/aliplayer-min.css` default: `https://g.alicdn.com/de/prismplayer/2.9.20/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.7/aliplayer-min.js` default: `https://g.alicdn.com/de/prismplayer/2.9.20/aliplayer-min.js`
} }
}, },
data () { data () {
return { return {
player: null, //播放器实例 player: null, //播放器实例
playerId: `player-${Math.random().toString(36).substr(2).toLocaleUpperCase()}`, playerId: `player-${Math.random().toString(36).substr(2).toLocaleUpperCase()}`,
config:{ config: {
id: null, //播放器的ID id: null, //播放器的ID
width: '100%', width: '100%',
autoplay: true, autoplay: true,
@ -43,7 +43,7 @@ export default {
//支持播放地址播放,此播放优先级最高 //支持播放地址播放,此播放优先级最高
// source: 'rtmp://182.145.195.238:1935/hls/1194076936807170050', // source: 'rtmp://182.145.195.238:1935/hls/1194076936807170050',
}, },
events:[ events: [
/** /**
* 播放器视频初始化按钮渲染完毕。 * 播放器视频初始化按钮渲染完毕。
* 播放器UI初始设置需要此事件后触发，避免UI被初始化所覆盖。 * 播放器UI初始设置需要此事件后触发，避免UI被初始化所覆盖。
@ -125,49 +125,49 @@ export default {
], ],
}; };
}, },
watch:{ watch: {
source(){ //监听播放源变化 source () { //监听播放源变化
this.init(); this.init();
}, },
forbidFastForward(){ forbidFastForward () {
this.init(); this.init();
}, },
options:{ //配置项是对象,只能深度监听 options: { //配置项是对象,只能深度监听
handler(){ handler () {
this.init(); this.init();
}, },
deep: true deep: true
} }
}, },
mounted () { mounted () {
this.$nextTick(()=>{ this.$nextTick(() => {
this.init(); this.init();
}); });
}, },
updated(){ updated () {
//重载播放器 //重载播放器
this.$nextTick(()=>{ this.$nextTick(() => {
this.init(); this.init();
}); });
}, },
methods: { methods: {
handlerFastForward(){ handlerFastForward () {
}, },
/** /**
* 创建script和css * 创建script和css
* 加载Alipayer的SDK * 加载Alipayer的SDK
*/ */
init(){ init () {
const linkID = 'app__aliplayer-min-css'; const linkID = 'app__aliplayer-min-css';
const scriptID = 'app__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);
let linkIDTag = document.getElementById(linkID); let linkIDTag = document.getElementById(linkID);
if(!linkIDTag) { if (!linkIDTag) {
// console.log('linkIDTag'); // console.log('linkIDTag');
const link = document.createElement('link'); const link = document.createElement('link');
link.type = 'text/css'; link.type = 'text/css';
@ -177,7 +177,7 @@ export default {
// link.className = linkID; // link.className = linkID;
head[0].appendChild(link); head[0].appendChild(link);
} }
if(!scriptTag) { if (!scriptTag) {
// console.log('scriptTag'); // console.log('scriptTag');
scriptTag = document.createElement('script'); scriptTag = document.createElement('script');
scriptTag.type = "text/javascript"; scriptTag.type = "text/javascript";
@ -198,46 +198,41 @@ export default {
* 创建播放器 * 创建播放器
* @description SDK文档地址:https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1084.131d1c4cJT7o5Z * @description SDK文档地址:https://help.aliyun.com/document_detail/125572.html?spm=a2c4g.11186623.6.1084.131d1c4cJT7o5Z
*/ */
initPlayer(){ initPlayer () {
if(typeof window.Aliplayer != 'undefined') { if (typeof window.Aliplayer != 'undefined') {
const options = this.deepCloneObject(this.options); const options = this.deepCloneObject(this.options);
if(options){ if (options) {
for (const key in options) { for (const key in options) {
this.config[key] = options[key]; this.config[key] = options[key];
} }
} }
if(this.source) this.config.source = this.source; //播放源 if (this.source) this.config.source = this.source; //播放源
this.config.id = this.playerId; //赋值播放器容器id this.config.id = this.playerId; //赋值播放器容器id
this.player && this.player.dispose(); //防止实例的重复 this.player && this.player.dispose(); //防止实例的重复
this.player = Aliplayer(this.config); this.player = Aliplayer(this.config);
for(const ev in this.events){ for (const ev in this.events) {
this.player && 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);
}); });
} }
if(this.forbidFastForward){
//开启禁止拖拽快进
let last = 0,max_time=0; if (this.forbidFastForward) {
this.player.on('timeupdate',function(){ let last = 0, max_time = 0;
let current = this.getCurrentTime(); this.player.on('timeupdate', function () {
if(current - last > 2) { let current = this.getCurrentTime();
if (current - last > 2) {
this.seek(last); this.seek(last);
} else { } else {
last = current; last = current;
if(last >= max_time){ if (last >= max_time) {
max_time=last; max_time = last;
} }
} }
});
}
})
}
//通过播放器实例的off方法取消订阅 //通过播放器实例的off方法取消订阅
//player.off('ready',handleReady); //player.off('ready',handleReady);
@ -247,14 +242,14 @@ export default {
/** /**
* @return player 实例 * @return player 实例
*/ */
getPlayer(){ getPlayer () {
return this.player; return this.player;
}, },
/** /**
* 播放视频。 * 播放视频。
*/ */
play(){ play () {
// console.log(`播放视频。`); // console.log(`播放视频。`);
this.player && this.player.play(); this.player && this.player.play();
}, },
@ -262,7 +257,7 @@ export default {
/** /**
* 暂停视频 * 暂停视频
*/ */
pause(){ pause () {
// console.log(`暂停视频`); // console.log(`暂停视频`);
this.player && this.player.pause(); this.player && this.player.pause();
}, },
@ -270,7 +265,7 @@ export default {
/** /**
* 重播视频 * 重播视频
*/ */
replay(){ replay () {
// console.log(`重播视频`); // console.log(`重播视频`);
this.player && this.player.replay(); this.player && this.player.replay();
}, },
@ -280,7 +275,7 @@ export default {
* @param time * @param time
* @return player * @return player
*/ */
seek(time){ seek (time) {
// console.log(`跳转到某个时刻进行播放，time为${time}秒。`); // console.log(`跳转到某个时刻进行播放，time为${time}秒。`);
this.player && this.player.seek(time); this.player && this.player.seek(time);
}, },
@ -289,7 +284,7 @@ export default {
* 获取当前的播放时刻，返回的单位为秒。 * 获取当前的播放时刻，返回的单位为秒。
* @return player * @return player
*/ */
getCurrentTime(){ getCurrentTime () {
// console.log(`获取当前的播放时刻，返回的单位为${this.player && this.player.getCurrentTime()}秒。`); // console.log(`获取当前的播放时刻，返回的单位为${this.player && this.player.getCurrentTime()}秒。`);
return this.player && this.player.getCurrentTime(); return this.player && this.player.getCurrentTime();
}, },
@ -298,7 +293,7 @@ export default {
* 获取视频总时长，返回的单位为秒，这个需要在视频加载完成以后才可以获取到，可以在play事件后获取。 * 获取视频总时长，返回的单位为秒，这个需要在视频加载完成以后才可以获取到，可以在play事件后获取。
* @return player * @return player
*/ */
getDuration(){ getDuration () {
// console.log(`获取视频总时长，返回的单位为${this.player && this.player.getDuration()}秒。`); // console.log(`获取视频总时长，返回的单位为${this.player && this.player.getDuration()}秒。`);
return this.player && this.player.getDuration(); return this.player && this.player.getDuration();
}, },
@ -307,7 +302,7 @@ export default {
* 获取当前的音量，返回值为0-1的实数。ios和部分android会失效。 * 获取当前的音量，返回值为0-1的实数。ios和部分android会失效。
* @return player * @return player
*/ */
getVolume(){ getVolume () {
// console.log(`获取当前的音量${this.player && this.player.getVolume()}。`); // console.log(`获取当前的音量${this.player && this.player.getVolume()}。`);
return this.player && this.player.getVolume(); return this.player && this.player.getVolume();
}, },
@ -316,7 +311,7 @@ export default {
* 设置音量，vol为0-1的实数，ios和部分android会失效。 * 设置音量，vol为0-1的实数，ios和部分android会失效。
* @return player * @return player
*/ */
setVolume(v){ setVolume (v) {
// console.log(`设置音量，vol为${v}。`); // console.log(`设置音量，vol为${v}。`);
this.player && this.player.setVolume(v); this.player && this.player.setVolume(v);
}, },
@ -326,7 +321,7 @@ export default {
* 暂不支持直播rtmp流切换。 * 暂不支持直播rtmp流切换。
* @return player * @return player
*/ */
loadByUrl(url, time){ loadByUrl (url, time) {
// console.log(`直接播放视频url${url}，time为${time}。`); // console.log(`直接播放视频url${url}，time为${time}。`);
this.player && this.player.loadByUrl(url, time); this.player && this.player.loadByUrl(url, time);
}, },
@ -336,7 +331,7 @@ export default {
* @param vid 视频id * @param vid 视频id
* @param 播放凭证 * @param 播放凭证
*/ */
replayByVidAndPlayAuth(vid, playauth){ replayByVidAndPlayAuth (vid, playauth) {
// console.log(`replayByVidAndPlayAuth vid${vid}，playauth为${playauth}。`); // console.log(`replayByVidAndPlayAuth vid${vid}，playauth为${playauth}。`);
this.player && this.player.replayByVidAndPlayAuth(vid, playauth); this.player && this.player.replayByVidAndPlayAuth(vid, playauth);
}, },
@ -347,7 +342,7 @@ export default {
* @param 播放凭证 * @param 播放凭证
* @description 仅MPS用户时使用 仅MPS用户时使用 参数顺序为：vid、accId、accSecret、stsToken、authInfo、domainRegion * @description 仅MPS用户时使用 仅MPS用户时使用 参数顺序为：vid、accId、accSecret、stsToken、authInfo、domainRegion
*/ */
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 && this.player.replayByVidAndAuthInfo(vid, accId, accSecret, stsToken, authInfo, domainRegion); this.player && this.player.replayByVidAndAuthInfo(vid, accId, accSecret, stsToken, authInfo, domainRegion);
}, },
@ -358,7 +353,7 @@ export default {
* @param h 宽度 * @param h 宽度
* @description chrome浏览器下flash播放器分别不能小于397x297。 * @description chrome浏览器下flash播放器分别不能小于397x297。
*/ */
setPlayerSize(w, h){ setPlayerSize (w, h) {
// console.log(`设置播放器大小 宽度:${w},高度:${h}`); // console.log(`设置播放器大小 宽度:${w},高度:${h}`);
this.player && this.player.setPlayerSize(w, h); this.player && this.player.setPlayerSize(w, h);
}, },
@ -370,7 +365,7 @@ export default {
* @param h 宽度 * @param h 宽度
* @description {name：“speedButton”，align：“tr”，x：10，y：23} * @description {name：“speedButton”，align：“tr”，x：10，y：23}
*/ */
setSpeed(speed){ setSpeed (speed) {
// console.log(`手动设置播放的倍速:${speed}`); // console.log(`手动设置播放的倍速:${speed}`);
this.player && this.player.setSpeed(speed); this.player && this.player.setSpeed(speed);
}, },
@ -381,7 +376,7 @@ export default {
* @param height 高度 * @param height 高度
* @param rate 截图质量 * @param rate 截图质量
*/ */
setSanpshotProperties(width, height, rate){ setSanpshotProperties (width, height, rate) {
// console.log(`设置截图参数:`,width, height, rate); // console.log(`设置截图参数:`,width, height, rate);
this.player && this.player.setSanpshotProperties(width, height, rate); this.player && this.player.setSanpshotProperties(width, height, rate);
}, },
@ -389,7 +384,7 @@ export default {
/** /**
* 播放器全屏，仅H5支持。 * 播放器全屏，仅H5支持。
*/ */
requestFullScreen(){ requestFullScreen () {
// console.log(`播放器全屏，仅H5支持`); // console.log(`播放器全屏，仅H5支持`);
this.player && this.player.fullscreenService && this.player.fullscreenService.requestFullScreen(); this.player && this.player.fullscreenService && this.player.fullscreenService.requestFullScreen();
}, },
@ -397,7 +392,7 @@ export default {
/** /**
* 播放器退出全屏，iOS调用无效，仅H5支持。 * 播放器退出全屏，iOS调用无效，仅H5支持。
*/ */
cancelFullScreen(){ cancelFullScreen () {
// console.log(`播放器全屏，仅H5支持`); // console.log(`播放器全屏，仅H5支持`);
this.player && this.player.fullscreenService && this.player.fullscreenService.cancelFullScreen(); this.player && this.player.fullscreenService && this.player.fullscreenService.cancelFullScreen();
}, },
@ -405,7 +400,7 @@ export default {
/** /**
* 获取播放器全屏状态，仅H5支持。 * 获取播放器全屏状态，仅H5支持。
*/ */
getIsFullScreen(){ getIsFullScreen () {
// console.log(`获取播放器全屏状态，仅H5支持。`,this.player && this.player.fullscreenService && this.player && this.player.fullscreenService.getIsFullScreen()); // console.log(`获取播放器全屏状态，仅H5支持。`,this.player && this.player.fullscreenService && this.player && this.player.fullscreenService.getIsFullScreen());
return this.player && this.player.fullscreenService && this.player.fullscreenService.getIsFullScreen(); return this.player && this.player.fullscreenService && this.player.fullscreenService.getIsFullScreen();
}, },
@ -414,7 +409,7 @@ 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 && this.player.fullscreenService && this.player && this.player.fullscreenService.getStatus()); // console.log(`获取播放器状态，包含的值`,this.player && this.player.fullscreenService && this.player && this.player.fullscreenService.getStatus());
return this.player && this.player.getStatus(); return this.player && this.player.getStatus();
}, },
@ -425,7 +420,7 @@ export default {
* @param endTime 结束时间 * @param endTime 结束时间
* @description 例子：player.liveShiftSerivce.setLiveTimeRange(“”，‘2018/01/04 20:00:00’) * @description 例子：player.liveShiftSerivce.setLiveTimeRange(“”，‘2018/01/04 20:00:00’)
*/ */
setLiveTimeRange(beginTime, endTime){ setLiveTimeRange (beginTime, endTime) {
// console.log(`设置直播的开始时间:${beginTime},结束时间:${endTime}，开启直播时移功能时使用。`); // console.log(`设置直播的开始时间:${beginTime},结束时间:${endTime}，开启直播时移功能时使用。`);
this.player && this.player.liveShiftSerivce && this.player.liveShiftSerivce.setLiveTimeRange(beginTime, endTime); this.player && this.player.liveShiftSerivce && this.player.liveShiftSerivce.setLiveTimeRange(beginTime, endTime);
}, },
@ -435,7 +430,7 @@ export default {
* @param rotate 旋转角度 * @param rotate 旋转角度
* @description 例如: setRotate(90)。详情参见旋转和镜像。 * @description 例如: setRotate(90)。详情参见旋转和镜像。
*/ */
setRotate(rotate){ setRotate (rotate) {
// console.log(`参数为旋转角度:${rotate}。`); // console.log(`参数为旋转角度:${rotate}。`);
this.player && this.player.setRotate(rotate); this.player && this.player.setRotate(rotate);
}, },
@ -444,7 +439,7 @@ export default {
* 获取旋转角度。详情参见旋转和镜像。 * 获取旋转角度。详情参见旋转和镜像。
* @return rotate 旋转角度 * @return rotate 旋转角度
*/ */
getRotate(){ getRotate () {
// console.log(`获取旋转角度:${this.player && this.player.getRotate()}`); // console.log(`获取旋转角度:${this.player && this.player.getRotate()}`);
return this.player && this.player.getRotate(); return this.player && this.player.getRotate();
}, },
@ -454,7 +449,7 @@ export default {
* @param image 镜像类型 可选值为：horizon,vertical * @param image 镜像类型 可选值为：horizon,vertical
* @description 例如: setImage(‘horizon’)。详情参见旋转和镜像。 * @description 例如: setImage(‘horizon’)。详情参见旋转和镜像。
*/ */
setImage(image){ setImage (image) {
// console.log(`设置镜像:${image}。`); // console.log(`设置镜像:${image}。`);
this.player && this.player.setImage(image); this.player && this.player.setImage(image);
}, },
@ -462,7 +457,7 @@ export default {
/** /**
* 播放器销毁 * 播放器销毁
*/ */
dispose(){ dispose () {
// console.log(`播放器销毁。`); // console.log(`播放器销毁。`);
this.player && this.player.dispose(); this.player && this.player.dispose();
}, },
@ -471,7 +466,7 @@ export default {
* 设置封面 * 设置封面
* @param cover 封面地址 * @param cover 封面地址
*/ */
setCover(cover){ setCover (cover) {
// console.log(`设置封面:${cover}`); // console.log(`设置封面:${cover}`);
this.player && this.player.setCover(cover); this.player && this.player.setCover(cover);
}, },
@ -480,7 +475,7 @@ export default {
* 设置封面 * 设置封面
* @param markers 设置打点数据 * @param markers 设置打点数据
*/ */
setProgressMarkers(markers){ setProgressMarkers (markers) {
// console.log(`markers打点数据集合:${markers}`); // console.log(`markers打点数据集合:${markers}`);
this.player && this.player.setProgressMarkers(markers); this.player && this.player.setProgressMarkers(markers);
}, },
@ -489,7 +484,7 @@ export default {
* 设置试看时间，单位为秒，详情参见 * 设置试看时间，单位为秒，详情参见
* @param time 试看时间 * @param time 试看时间
*/ */
setPreviewTime(time){ setPreviewTime (time) {
// console.log(`设置试看时间，单位为:${time}秒`); // console.log(`设置试看时间，单位为:${time}秒`);
this.player && this.player.setPreviewTime(time); this.player && this.player.setPreviewTime(time);
}, },
@ -498,7 +493,7 @@ export default {
* 获取试看时间 * 获取试看时间
* @return rotate 旋转角度 * @return rotate 旋转角度
*/ */
getPreviewTime(){ getPreviewTime () {
// console.log(`获取试看时间:${this.player && this.player.getPreviewTime()}`); // console.log(`获取试看时间:${this.player && this.player.getPreviewTime()}`);
return this.player && this.player.getPreviewTime(); return this.player && this.player.getPreviewTime();
}, },
@ -506,7 +501,7 @@ export default {
/** /**
* 是否试看 * 是否试看
*/ */
isPreview(){ isPreview () {
// console.log(`是否试看`); // console.log(`是否试看`);
this.player && this.player.isPreview(); this.player && this.player.isPreview();
}, },
@ -515,8 +510,8 @@ export default {
* @param ev 事件名 * @param ev 事件名
* @param handle 回调方法 * @param handle 回调方法
*/ */
off(ev,handle){ off (ev, handle) {
this.player && this.player.off(ev,handle); this.player && this.player.off(ev, handle);
}, },
@ -543,7 +538,7 @@ export default {
} }
}, },
beforeDestroy(){ //防止重复创建 beforeDestroy () { //防止重复创建
this.dispose(); //销毁播放器(防止直播播放的情况下,播放器已经销毁,而后台还在继续下载资源造成卡顿的bug) this.dispose(); //销毁播放器(防止直播播放的情况下,播放器已经销毁,而后台还在继续下载资源造成卡顿的bug)
// const head = document.querySelector('head'); // const head = document.querySelector('head');
// const cssNodes = document.querySelectorAll(`link.app__aliplayer-min-css`); // const cssNodes = document.querySelectorAll(`link.app__aliplayer-min-css`);