From 9a6e3e0fb6169140823078ec55d74b1eabe889f5 Mon Sep 17 00:00:00 2001 From: Harvey Date: Tue, 30 Jun 2020 13:43:45 +0800 Subject: [PATCH] build all packages --- .size-snapshot.json | 40 +++++++++---------- dist/artplayer-plugin-danmuku.js | 2 +- dist/artplayer-plugin-gif.js | 2 +- dist/artplayer-react.js | 2 +- dist/artplayer-tool-github.js | 2 +- dist/artplayer-tool-thumbnail.js | 2 +- dist/artplayer-vue.js | 2 +- dist/artplayer.js | 2 +- .../dist/artplayer-plugin-danmuku.js | 2 +- .../dist/artplayer-plugin-gif.js | 2 +- .../artplayer-react/dist/artplayer-react.js | 2 +- .../dist/artplayer-tool-github.js | 2 +- .../dist/artplayer-tool-thumbnail.js | 2 +- packages/artplayer-vue/dist/artplayer-vue.js | 2 +- packages/artplayer/dist/artplayer.js | 2 +- scripts/build.js | 18 +++++---- scripts/getProjects.js | 9 ++--- 17 files changed, 49 insertions(+), 46 deletions(-) diff --git a/.size-snapshot.json b/.size-snapshot.json index a5d367ebd..8241aa581 100644 --- a/.size-snapshot.json +++ b/.size-snapshot.json @@ -1,8 +1,8 @@ { "packages/artplayer/dist/artplayer.js": { - "bundled": 188980, - "minified": 109528, - "gzipped": 25960 + "bundled": 192297, + "minified": 111622, + "gzipped": 26360 }, "packages/artplayer-plugin-backlight/dist/artplayer-plugin-backlight.js": { "bundled": 4629, @@ -11,32 +11,32 @@ }, "packages/artplayer-tool-github/dist/artplayer-tool-github.js": { "bundled": 12660, - "minified": 12307, - "gzipped": 4310 + "minified": 12305, + "gzipped": 4307 }, "packages/artplayer-plugin-gif/dist/artplayer-plugin-gif.js": { - "bundled": 98474, - "minified": 28839, - "gzipped": 10437 + "bundled": 98490, + "minified": 28883, + "gzipped": 10422 }, "packages/artplayer-tool-thumbnail/dist/artplayer-tool-thumbnail.js": { - "bundled": 16311, - "minified": 7927, - "gzipped": 2827 + "bundled": 15973, + "minified": 7709, + "gzipped": 2786 }, "packages/artplayer-plugin-danmuku/dist/artplayer-plugin-danmuku.js": { - "bundled": 24145, - "minified": 12797, - "gzipped": 4160 + "bundled": 24161, + "minified": 12813, + "gzipped": 4163 }, "packages/artplayer-vue/dist/artplayer-vue.js": { - "bundled": 190523, - "minified": 110435, - "gzipped": 26102 + "bundled": 193856, + "minified": 112545, + "gzipped": 26494 }, "packages/artplayer-react/dist/artplayer-react.js": { - "bundled": 273906, - "minified": 139567, - "gzipped": 35352 + "bundled": 275791, + "minified": 141130, + "gzipped": 35607 } } diff --git a/dist/artplayer-plugin-danmuku.js b/dist/artplayer-plugin-danmuku.js index 43453d367..c95d71250 100644 --- a/dist/artplayer-plugin-danmuku.js +++ b/dist/artplayer-plugin-danmuku.js @@ -5,4 +5,4 @@ * Released under the MIT License. */ -!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).artplayerPluginDanmuku=e()}(this,(function(){"use strict";var t=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};var e=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function n(t,e){for(var n=0;n'.concat(e.get("Danmu opacity"),': 100%
'),mounted:function(e){var i=e.querySelector("input[type=range]"),r=e.querySelector(".art-value");n(i,"change",(function(){var e=i.value;r.innerText=100*Number(e),t.plugins.artplayerPluginDanmuku.config({opacity:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){i.value!==t.opacity&&(i.value=t.opacity,r.innerText=100*t.opacity)}))}}}function o(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-size",index:11,html:'
'.concat(e.get("Danmu size"),': 25px
'),mounted:function(e){var i=e.querySelector("input[type=range]"),r=e.querySelector(".art-value");n(i,"change",(function(){var e=i.value;r.innerText=e,t.plugins.artplayerPluginDanmuku.config({fontSize:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){i.value!==t.fontSize&&(i.value=t.fontSize,r.innerText=t.fontSize)}))}}}function s(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-speed",index:12,html:'
'.concat(e.get("Danmu speed"),': 5s
'),mounted:function(e){var i=e.querySelector("input[type=range]"),r=e.querySelector(".art-value");n(i,"change",(function(){var e=i.value;r.innerText=e,t.plugins.artplayerPluginDanmuku.config({speed:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){i.value!==t.speed&&(i.value=t.speed,r.innerText=t.speed)}))}}}function u(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-synchronousPlayback",index:13,html:'"),mounted:function(e){var i=e.querySelector("input[type=checkbox]");n(i,"change",(function(){t.plugins.artplayerPluginDanmuku.config({synchronousPlayback:i.checked})})),t.on("artplayerPluginDanmuku:config",(function(t){i.checked!==t.synchronousPlayback&&(i.checked=t.synchronousPlayback)}))}}}function l(t,e,n){return t.filter((function(t){return t.$state===e})).map(n)}function c(t,e){var n=t.getBoundingClientRect();return e?n[e]:n}var p=function(t){if(Array.isArray(t))return t};var f=function(t,e){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)){var n=[],i=!0,r=!1,a=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){r=!0,a=t}finally{try{i||null==s.return||s.return()}finally{if(r)throw a}}return n}};var m=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var h=function(t,e){return p(t)||f(t,e)||m()};function d(t){switch(t){case 1:case 2:case 3:return 0;case 4:case 5:return 1;default:return 0}}function y(t){return fetch(t).then((function(t){return t.text()})).then((function(t){return function(t){if("string"!=typeof t)return[];var e=t.match(/[\S ]*?)<\/d>/gi);return e.length?e.map((function(t){var e=t.match(/(.+)<\/d>/),n=h(e,3),i=n[1],r=n[2],a=i.split(",");return 8===a.length&&r.trim()?{text:r,time:Number(a[0]),mode:d(Number(a[1])),fontSize:Number(a[2]),color:"#".concat(Number(a[3]).toString(16)),timestamp:Number(a[4]),pool:Number(a[5]),userID:a[6],rowID:Number(a[7])}:null})):[]}(t)}))}function g(t,e){var n=h(t.option.margin,2),i=n[0],r=n[1],a=c(t.art.template.$player),o=t.queue.filter((function(t){return t.mode===e.mode&&"emit"===t.$state&&t.$ref&&t.$ref.style.fontSize===e.$ref.style.fontSize&&parseFloat(t.$ref.style.top)<=a.height-r})).map((function(t){var e=c(t.$ref),n=e.width,i=e.height,r=e.top-a.top,o=e.left-a.left;return{top:r,left:o,height:i,width:n,right:a.width-o-n}})).sort((function(t,e){return t.top-e.top}));return 0===o.length?i:(o.unshift({top:0,left:0,right:0,height:i,width:a.width}),o.push({top:a.height-r,left:0,right:0,height:r,width:a.width}),function(t){for(var e=0,n={},i=0;io&&(e=c,o=p)}if(0===e)for(var f=0,m=0;mf)f=d,e=h(g,1)[0].top}if(0===e){var x=a.filter((function(t,e){return 0!==e&&e!==a.length-1})).sort((function(t,e){return n[t].length-n[e].length}));e=h(x,1)[0]}return e}(o))}function v(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}var b=function(){function n(t,i){var l=this;e(this,n),t.i18n.update(r),t.setting.add(a),t.setting.add(o),t.setting.add(s),t.setting.add(u),this.art=t,this.queue=[],this.option={},this.config(i),this.isStop=!1,this.isHide=!1,this.animationFrameTimer=null,this.$danmuku=t.template.$danmuku,t.on("video:play",this.start.bind(this)),t.on("video:playing",this.start.bind(this)),t.on("video:pause",this.stop.bind(this)),t.on("video:waiting",this.stop.bind(this)),t.on("resize",this.resize.bind(this)),t.on("destroy",this.stop.bind(this)),"function"==typeof this.option.danmuku?this.option.danmuku().then((function(e){e.forEach(l.emit.bind(l)),t.emit("artplayerPluginDanmuku:loaded")})):"string"==typeof this.option.danmuku?y(this.option.danmuku).then((function(e){e.forEach(l.emit.bind(l)),t.emit("artplayerPluginDanmuku:loaded")})):(this.option.danmuku.forEach(this.emit.bind(this)),t.emit("artplayerPluginDanmuku:loaded"))}return i(n,[{key:"config",value:function(t){var e=this.art.constructor,i=e.utils.clamp,r=e.validator;this.option=Object.assign({},n.option,this.option,t),r(this.option,n.scheme),this.option.speed=i(this.option.speed,1,10),this.option.maxlength=i(this.option.maxlength,10,100),this.option.margin[0]=i(this.option.margin[0],0,100),this.option.margin[1]=i(this.option.margin[1],0,100),this.option.opacity=i(this.option.opacity,0,1),this.option.fontSize=i(this.option.fontSize,12,30),this.art.emit("artplayerPluginDanmuku:config",this.option)}},{key:"continue",value:function(){l(this.queue,"stop",(function(t){switch(t.$state="emit",t.$lastStartTime=Date.now(),t.mode){case 0:t.$ref.style.transform="translateX(".concat(-t.$restWidth,"px) translateY(0px) translateZ(0px)"),t.$ref.style.transition="transform ".concat(t.$restTime,"s linear 0s")}}))}},{key:"suspend",value:function(){var t=this.art.template.$player;l(this.queue,"emit",(function(e){switch(e.$state="stop",e.mode){case 0:var n=c(t),i=n.left,r=n.width-(c(e.$ref).left-i)+5;e.$ref.style.transform="translateX(".concat(-r,"px) translateY(0px) translateZ(0px)"),e.$ref.style.transition="transform 0s linear 0s"}}))}},{key:"resize",value:function(){var t=c(this.art.template.$player,"width");l(this.queue,"wait",(function(e){e.$ref&&(e.$ref.style.border="none",e.$ref.style.left="".concat(t,"px"),e.$ref.style.marginLeft="0px",e.$ref.style.transform="translateX(0px) translateY(0px) translateZ(0px)",e.$ref.style.transition="transform 0s linear 0s")}))}},{key:"update",value:function(){var t=this,e=this.art,n=e.player,i=e.template.$player;this.animationFrameTimer=window.requestAnimationFrame((function(){if(n.playing&&!t.isHide){var e=c(i,"width");l(t.queue,"emit",(function(t){t.$restTime-=(Date.now()-t.$lastStartTime)/1e3,t.$lastStartTime=Date.now(),t.$restTime<=0&&(t.$state="wait",t.$ref.style.border="none",t.$ref.style.left="".concat(e,"px"),t.$ref.style.marginLeft="0px",t.$ref.style.transform="translateX(0px) translateY(0px) translateZ(0px)",t.$ref.style.transition="transform 0s linear 0s")})),t.queue.filter((function(t){return n.currentTime+.1>=t.time&&t.time>=n.currentTime-.1&&"wait"===t.$state})).forEach((function(i){i.$ref=function(t){var e=t.find((function(t){return t.$ref&&"wait"===t.$state}));if(e){var n=e.$ref;return e.$ref=null,n}var i=document.createElement("div");return i.style.cssText='\n user-select: none;\n position: absolute;\n white-space: pre;\n pointer-events: none;\n perspective: 500px;\n display: inline-block;\n will-change: transform;\n font-family: SimHei, "Microsoft JhengHei", Arial, Helvetica, sans-serif;\n font-weight: normal;\n line-height: 1.125;\n text-shadow: rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) -1px 0px 1px;\n ',i}(t.queue),t.$danmuku.appendChild(i.$ref),i.$ref.style.opacity=t.option.opacity,i.$ref.style.fontSize="".concat(t.option.fontSize,"px"),i.$ref.innerText=i.text,i.$ref.style.color=i.color||"#fff",i.$ref.style.border=i.border?"1px solid ".concat(i.color||"#fff"):"none",i.$restTime=t.option.synchronousPlayback&&n.playbackRate?t.option.speed/Number(n.playbackRate):t.option.speed,i.$lastStartTime=Date.now();var r=c(i.$ref,"width"),a=g(t,i);switch(i.$state="emit",i.mode){case 0:i.$restWidth=e+r+5,i.$ref.style.left="".concat(e,"px"),i.$ref.style.top="".concat(a,"px"),i.$ref.style.transform="translateX(".concat(-i.$restWidth,"px) translateY(0px) translateZ(0px)"),i.$ref.style.transition="transform ".concat(i.$restTime,"s linear 0s");break;case 1:i.$ref.style.top="".concat(a,"px"),i.$ref.style.left="50%",i.$ref.style.marginLeft="-".concat(r/2,"px")}}))}t.isStop||t.update()}))}},{key:"stop",value:function(){this.isStop=!0,this.suspend(),window.cancelAnimationFrame(this.animationFrameTimer),this.art.emit("artplayerPluginDanmuku:stop")}},{key:"start",value:function(){this.isStop=!1,this.continue(),this.update(),this.art.emit("artplayerPluginDanmuku:start")}},{key:"show",value:function(){this.isHide=!1,this.$danmuku.style.display="block",this.art.emit("artplayerPluginDanmuku:show")}},{key:"hide",value:function(){this.isHide=!0,this.$danmuku.style.display="none",this.art.emit("artplayerPluginDanmuku:hide")}},{key:"emit",value:function(e){var n=this.art,i=n.notice,r=n.player,a=n.i18n,o=this.art.constructor,s=o.utils.clamp;(0,o.validator)(e,{text:"string",mode:"number|undefined",color:"string|undefined",time:"number|undefined",border:"boolean|undefined"}),e.text.trim()?e.text.length>this.option.maxlength?i.show="".concat(a.get("The length of the danmu does not exceed")," ").concat(this.option.maxlength):(e.time?e.time=s(e.time,0,1/0):e.time=r.currentTime+.5,this.queue.push(function(e){for(var n=1;n'.concat(e.get("Danmu opacity"),': 100%
'),mounted:function(e){var i=e.querySelector("input[type=range]"),r=e.querySelector(".art-value");n(i,"change",(function(){var e=i.value;r.innerText=100*Number(e),t.plugins.artplayerPluginDanmuku.config({opacity:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){i.value!==t.opacity&&(i.value=t.opacity,r.innerText=100*t.opacity)}))}}}function o(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-size",index:11,html:'
'.concat(e.get("Danmu size"),': 25px
'),mounted:function(e){var i=e.querySelector("input[type=range]"),r=e.querySelector(".art-value");n(i,"change",(function(){var e=i.value;r.innerText=e,t.plugins.artplayerPluginDanmuku.config({fontSize:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){i.value!==t.fontSize&&(i.value=t.fontSize,r.innerText=t.fontSize)}))}}}function s(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-speed",index:12,html:'
'.concat(e.get("Danmu speed"),': 5s
'),mounted:function(e){var i=e.querySelector("input[type=range]"),r=e.querySelector(".art-value");n(i,"change",(function(){var e=i.value;r.innerText=e,t.plugins.artplayerPluginDanmuku.config({speed:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){i.value!==t.speed&&(i.value=t.speed,r.innerText=t.speed)}))}}}function u(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-synchronousPlayback",index:13,html:'"),mounted:function(e){var i=e.querySelector("input[type=checkbox]");n(i,"change",(function(){t.plugins.artplayerPluginDanmuku.config({synchronousPlayback:i.checked})})),t.on("artplayerPluginDanmuku:config",(function(t){i.checked!==t.synchronousPlayback&&(i.checked=t.synchronousPlayback)}))}}}function l(t,e,n){return t.filter((function(t){return t.$state===e})).map(n)}function c(t,e){var n=t.getBoundingClientRect();return e?n[e]:n}var p=function(t){if(Array.isArray(t))return t};var f=function(t,e){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)){var n=[],i=!0,r=!1,a=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){r=!0,a=t}finally{try{i||null==s.return||s.return()}finally{if(r)throw a}}return n}};var m=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var h=function(t,e){return p(t)||f(t,e)||m()};function d(t){switch(t){case 1:case 2:case 3:return 0;case 4:case 5:return 1;default:return 0}}function y(t){return fetch(t).then((function(t){return t.text()})).then((function(t){return function(t){if("string"!=typeof t)return[];var e=t.match(/[\S ]*?)<\/d>/gi);return e.length?e.map((function(t){var e=t.match(/(.+)<\/d>/),n=h(e,3),i=n[1],r=n[2],a=i.split(",");return 8===a.length&&r.trim()?{text:r,time:Number(a[0]),mode:d(Number(a[1])),fontSize:Number(a[2]),color:"#".concat(Number(a[3]).toString(16)),timestamp:Number(a[4]),pool:Number(a[5]),userID:a[6],rowID:Number(a[7])}:null})):[]}(t)}))}function g(t,e){var n=h(t.option.margin,2),i=n[0],r=n[1],a=c(t.art.template.$player),o=t.queue.filter((function(t){return t.mode===e.mode&&"emit"===t.$state&&t.$ref&&t.$ref.style.fontSize===e.$ref.style.fontSize&&parseFloat(t.$ref.style.top)<=a.height-r})).map((function(t){var e=c(t.$ref),n=e.width,i=e.height,r=e.top-a.top,o=e.left-a.left;return{top:r,left:o,height:i,width:n,right:a.width-o-n}})).sort((function(t,e){return t.top-e.top}));return 0===o.length?i:(o.unshift({top:0,left:0,right:0,height:i,width:a.width}),o.push({top:a.height-r,left:0,right:0,height:r,width:a.width}),function(t){for(var e=0,n={},i=0;io&&(e=c,o=p)}if(0===e)for(var f=0,m=0;mf)f=d,e=h(g,1)[0].top}if(0===e){var x=a.filter((function(t,e){return 0!==e&&e!==a.length-1})).sort((function(t,e){return n[t].length-n[e].length}));e=h(x,1)[0]}return e}(o))}function v(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}var b=function(){function n(t,i){var l=this;e(this,n),t.i18n.update(r),t.setting.add(a),t.setting.add(o),t.setting.add(s),t.setting.add(u),this.art=t,this.queue=[],this.option={},this.config(i),this.isStop=!1,this.isHide=!1,this.animationFrameTimer=null,this.$danmuku=t.template.$danmuku,t.on("video:play",this.start.bind(this)),t.on("video:playing",this.start.bind(this)),t.on("video:pause",this.stop.bind(this)),t.on("video:waiting",this.stop.bind(this)),t.on("resize",this.resize.bind(this)),t.on("destroy",this.stop.bind(this)),"function"==typeof this.option.danmuku?this.option.danmuku().then((function(e){e.forEach(l.emit.bind(l)),t.emit("artplayerPluginDanmuku:loaded")})):"string"==typeof this.option.danmuku?y(this.option.danmuku).then((function(e){e.forEach(l.emit.bind(l)),t.emit("artplayerPluginDanmuku:loaded")})):(this.option.danmuku.forEach(this.emit.bind(this)),t.emit("artplayerPluginDanmuku:loaded"))}return i(n,[{key:"config",value:function(t){var e=this.art.constructor,i=e.utils.clamp,r=e.validator;this.option=Object.assign({},n.option,this.option,t),r(this.option,n.scheme),this.option.speed=i(this.option.speed,1,10),this.option.maxlength=i(this.option.maxlength,10,100),this.option.margin[0]=i(this.option.margin[0],0,100),this.option.margin[1]=i(this.option.margin[1],0,100),this.option.opacity=i(this.option.opacity,0,1),this.option.fontSize=i(this.option.fontSize,12,30),this.art.emit("artplayerPluginDanmuku:config",this.option)}},{key:"continue",value:function(){l(this.queue,"stop",(function(t){switch(t.$state="emit",t.$lastStartTime=Date.now(),t.mode){case 0:t.$ref.style.transform="translateX(".concat(-t.$restWidth,"px) translateY(0px) translateZ(0px)"),t.$ref.style.transition="transform ".concat(t.$restTime,"s linear 0s")}}))}},{key:"suspend",value:function(){var t=this.art.template.$player;l(this.queue,"emit",(function(e){switch(e.$state="stop",e.mode){case 0:var n=c(t),i=n.left,r=n.width-(c(e.$ref).left-i)+5;e.$ref.style.transform="translateX(".concat(-r,"px) translateY(0px) translateZ(0px)"),e.$ref.style.transition="transform 0s linear 0s"}}))}},{key:"resize",value:function(){var t=c(this.art.template.$player,"width");l(this.queue,"wait",(function(e){e.$ref&&(e.$ref.style.border="none",e.$ref.style.left="".concat(t,"px"),e.$ref.style.marginLeft="0px",e.$ref.style.transform="translateX(0px) translateY(0px) translateZ(0px)",e.$ref.style.transition="transform 0s linear 0s")}))}},{key:"update",value:function(){var t=this,e=this.art,n=e.player,i=e.template.$player;this.animationFrameTimer=window.requestAnimationFrame((function(){if(n.playing&&!t.isHide){var e=c(i,"width");l(t.queue,"emit",(function(t){t.$restTime-=(Date.now()-t.$lastStartTime)/1e3,t.$lastStartTime=Date.now(),t.$restTime<=0&&(t.$state="wait",t.$ref.style.border="none",t.$ref.style.left="".concat(e,"px"),t.$ref.style.marginLeft="0px",t.$ref.style.transform="translateX(0px) translateY(0px) translateZ(0px)",t.$ref.style.transition="transform 0s linear 0s")})),t.queue.filter((function(t){return n.currentTime+.1>=t.time&&t.time>=n.currentTime-.1&&"wait"===t.$state})).forEach((function(i){i.$ref=function(t){var e=t.find((function(t){return t.$ref&&"wait"===t.$state}));if(e){var n=e.$ref;return e.$ref=null,n}var i=document.createElement("div");return i.style.cssText='\n user-select: none;\n position: absolute;\n white-space: pre;\n pointer-events: none;\n perspective: 500px;\n display: inline-block;\n will-change: transform;\n font-family: SimHei, "Microsoft JhengHei", Arial, Helvetica, sans-serif;\n font-weight: normal;\n line-height: 1.125;\n text-shadow: rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) -1px 0px 1px;\n ',i}(t.queue),t.$danmuku.appendChild(i.$ref),i.$ref.style.opacity=t.option.opacity,i.$ref.style.fontSize="".concat(t.option.fontSize,"px"),i.$ref.innerText=i.text,i.$ref.style.color=i.color||"#fff",i.$ref.style.border=i.border?"1px solid ".concat(i.color||"#fff"):"none",i.$restTime=t.option.synchronousPlayback&&n.playbackRate?t.option.speed/Number(n.playbackRate):t.option.speed,i.$lastStartTime=Date.now();var r=c(i.$ref,"width"),a=g(t,i);switch(i.$state="emit",i.mode){case 0:i.$restWidth=e+r+5,i.$ref.style.left="".concat(e,"px"),i.$ref.style.top="".concat(a,"px"),i.$ref.style.transform="translateX(".concat(-i.$restWidth,"px) translateY(0px) translateZ(0px)"),i.$ref.style.transition="transform ".concat(i.$restTime,"s linear 0s");break;case 1:i.$ref.style.top="".concat(a,"px"),i.$ref.style.left="50%",i.$ref.style.marginLeft="-".concat(r/2,"px")}}))}t.isStop||t.update()}))}},{key:"stop",value:function(){this.isStop=!0,this.suspend(),window.cancelAnimationFrame(this.animationFrameTimer),this.art.emit("artplayerPluginDanmuku:stop")}},{key:"start",value:function(){this.isStop=!1,this.continue(),this.update(),this.art.emit("artplayerPluginDanmuku:start")}},{key:"show",value:function(){this.isHide=!1,this.$danmuku.style.display="block",this.art.emit("artplayerPluginDanmuku:show")}},{key:"hide",value:function(){this.isHide=!0,this.$danmuku.style.display="none",this.art.emit("artplayerPluginDanmuku:hide")}},{key:"emit",value:function(e){var n=this.art,i=n.notice,r=n.player,a=n.i18n,o=this.art.constructor,s=o.utils.clamp;(0,o.validator)(e,{text:"string",mode:"number|undefined",color:"string|undefined",time:"number|undefined",border:"boolean|undefined"}),e.text.trim()?e.text.length>this.option.maxlength?i.show="".concat(a.get("The length of the danmu does not exceed")," ").concat(this.option.maxlength):(e.time?e.time=s(e.time,0,1/0):e.time=r.currentTime+.5,this.queue.push(function(e){for(var n=1;n=t?e.call():i.value=n(o)})),i},Blob:t.Blob||t.BlobBuilder||t.WebKitBlobBuilder||t.MozBlobBuilder||t.MSBlobBuilder,btoa:(o=t.btoa||function(e){for(var t="",r=0,i=e.length,n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",o=void 0,a=void 0,s=void 0,c=void 0,d=void 0,l=void 0,u=void 0;r>2,d=(3&o)<<4|(a=e.charCodeAt(r++))>>4,l=(15&a)<<2|(s=e.charCodeAt(r++))>>6,u=63&s,isNaN(a)?l=u=64:isNaN(s)&&(u=64),t=t+n.charAt(c)+n.charAt(d)+n.charAt(l)+n.charAt(u);return t},o?o.bind(t):s.noop),isObject:function(e){return e&&"[object Object]"===Object.prototype.toString.call(e)},isEmptyObject:function(e){return s.isObject(e)&&!Object.keys(e).length},isArray:function(e){return e&&Array.isArray(e)},isFunction:function(e){return e&&"function"==typeof e},isElement:function(e){return e&&1===e.nodeType},isString:function(e){return"string"==typeof e||"[object String]"===Object.prototype.toString.call(e)},isSupported:{canvas:function(){var e=r.createElement("canvas");return e&&e.getContext&&e.getContext("2d")},webworkers:function(){return t.Worker},blob:function(){return s.Blob},Uint8Array:function(){return t.Uint8Array},Uint32Array:function(){return t.Uint32Array},videoCodecs:function(){var e=r.createElement("video"),t={mp4:!1,h264:!1,ogv:!1,ogg:!1,webm:!1};try{e&&e.canPlayType&&(t.mp4=""!==e.canPlayType('video/mp4; codecs="mp4v.20.8"'),t.h264=""!==(e.canPlayType('video/mp4; codecs="avc1.42E01E"')||e.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')),t.ogv=""!==e.canPlayType('video/ogg; codecs="theora"'),t.ogg=""!==e.canPlayType('video/ogg; codecs="theora"'),t.webm=-1!==e.canPlayType('video/webm; codecs="vp8, vorbis"'))}catch(e){}return t}()},noop:function(){},each:function(e,t){var r=void 0,i=void 0;if(s.isArray(e))for(r=-1,i=e.length;++r0&&arguments[0]!==n?arguments[0]:{};if(!r.body||!1===e.resizeFont)return e.fontSize;var t=e.text,i=e.gifWidth,o=parseInt(e.fontSize,10),a=parseInt(e.minFontSize,10),s=r.createElement("div"),c=r.createElement("span");for(s.setAttribute("width",i),s.appendChild(c),c.innerHTML=t,c.style.fontSize=o+"px",c.style.textIndent="-9999px",c.style.visibility="hidden",r.body.appendChild(c);c.offsetWidth>i&&o>=a;)c.style.fontSize=--o+"px";return r.body.removeChild(c),o+"px"},webWorkerError:!1},c=Object.freeze({default:s}),d={validate:function(e){e=s.isObject(e)?e:{};var t={};return s.each(d.validators,(function(r,i){var n=i.errorCode;if(!e[n]&&!i.condition)return(t=i).error=!0,!1})),delete t.condition,t},isValid:function(e){var t=!0!==d.validate(e).error;return t},validators:[{condition:s.isFunction(s.getUserMedia),errorCode:"getUserMedia",errorMsg:"The getUserMedia API is not supported in your browser"},{condition:s.isSupported.canvas(),errorCode:"canvas",errorMsg:"Canvas elements are not supported in your browser"},{condition:s.isSupported.webworkers(),errorCode:"webworkers",errorMsg:"The Web Workers API is not supported in your browser"},{condition:s.isFunction(s.URL),errorCode:"window.URL",errorMsg:"The window.URL API is not supported in your browser"},{condition:s.isSupported.blob(),errorCode:"window.Blob",errorMsg:"The window.Blob File API is not supported in your browser"},{condition:s.isSupported.Uint8Array(),errorCode:"window.Uint8Array",errorMsg:"The window.Uint8Array function constructor is not supported in your browser"},{condition:s.isSupported.Uint32Array(),errorCode:"window.Uint32Array",errorMsg:"The window.Uint32Array function constructor is not supported in your browser"}],messages:{videoCodecs:{errorCode:"videocodec",errorMsg:"The video codec you are trying to use is not supported in your browser"}}},l=Object.freeze({default:d}),u=function(){},f={sampleInterval:10,numWorkers:2,filter:"",gifWidth:200,gifHeight:200,interval:.1,numFrames:10,frameDuration:1,keepCameraOn:!1,images:[],video:null,webcamVideoElement:null,cameraStream:null,text:"",fontWeight:"normal",fontSize:"16px",minFontSize:"10px",resizeFont:!1,fontFamily:"sans-serif",fontColor:"#ffffff",textAlign:"center",textBaseline:"bottom",textXCoordinate:null,textYCoordinate:null,progressCallback:u,completeCallback:u,saveRenderingContexts:!1,savedRenderingContexts:[],crossOrigin:"Anonymous"},g=Object.freeze({default:f});function m(){return d.isValid()}function h(){var e,t,r,i,n,o=256,a=499,s=491,c=487,d=503,l=3*d,u=o-1,f=4,g=100,m=16,h=1<>v,w=h<>3)*(1<o&&(l=o),s=t+1,c=t-1,f=1;sd;){if(u=A[f++],sd){g=n[c--];try{g[0]-=u*(g[0]-r)/O|0,g[1]-=u*(g[1]-i)/O|0,g[2]-=u*(g[2]-a)/O|0}catch(e){}}}}function T(e,t,r,i,o){var a=n[t],s=e/x;a[0]-=s*(a[0]-r)|0,a[1]-=s*(a[1]-i)|0,a[2]-=s*(a[2]-o)|0}function U(e,t,r){var i,a,s,c,d,l,u,g,h,y;for(h=g=~(1<<31),u=l=-1,i=0;i>m-f))>v,E[i]-=d,W[i]+=d<=0;)i=d?i=o:(i++,s<0&&(s=-s),(c=l[0]-e)<0&&(c=-c),(s+=c)=0&&((s=t-(l=n[a])[1])>=d?a=-1:(a--,s<0&&(s=-s),(c=l[0]-e)<0&&(c=-c),(s+=c)>y)<=1&&(v=0),n=0;n=M&&(E-=r),0===O&&(O=1),++n%O==0)for(b-=b/e,(v=(p-=p/S)>>y)<=1&&(v=0),o=0;o>=f,n[e][1]>>=f,n[e][2]>>=f,n[e][3]=e}(),function(){var e,t,r,i,a,s,c,d;for(c=0,d=0,e=0;e>1,t=c+1;t>1,t=c+1;t<256;t++)F[t]=u}(),function(){for(var e=[],t=new Array(o),r=0;r65535||r>65535)throw"Width/Height invalid.";e[o++]=71,e[o++]=73,e[o++]=70,e[o++]=56,e[o++]=57,e[o++]=97;if(e[o++]=255&t,e[o++]=t>>8&255,e[o++]=255&r,e[o++]=r>>8&255,e[o++]=0|(null!==s?128:0),e[o++]=0,e[o++]=0,null!==a){if(a<0||a>65535)throw"Loop count invalid.";e[o++]=33,e[o++]=255,e[o++]=11,e[o++]=78,e[o++]=69,e[o++]=84,e[o++]=83,e[o++]=67,e[o++]=65,e[o++]=80,e[o++]=69,e[o++]=50,e[o++]=46,e[o++]=48,e[o++]=3,e[o++]=1,e[o++]=255&a,e[o++]=a>>8&255,e[o++]=0}var c=!1;this.addFrame=function(t,r,i,a,d,l){if(!0===c&&(--o,c=!1),l=l===n?{}:l,t<0||r<0||t>65535||r>65535)throw"x/y invalid.";if(i<=0||a<=0||i>65535||a>65535)throw"Width/Height invalid.";if(d.length256||t&t-1)throw"Invalid code/color length, must be power of 2 and 2 .. 256.";return t}(f),m=0;g>>=1;)++m;g=1<3)throw"Disposal out of range.";var v=!1,b=0;if(l.transparent!==n&&null!==l.transparent&&(v=!0,(b=l.transparent)<0||b>=g))throw"Transparent color index.";if((0!==p||v||0!==h)&&(e[o++]=33,e[o++]=249,e[o++]=4,e[o++]=p<<2|(!0===v?1:0),e[o++]=255&h,e[o++]=h>>8&255,e[o++]=b,e[o++]=0),e[o++]=44,e[o++]=255&t,e[o++]=t>>8&255,e[o++]=255&r,e[o++]=r>>8&255,e[o++]=255&i,e[o++]=i>>8&255,e[o++]=255&a,e[o++]=a>>8&255,e[o++]=!0===u?128|m-1:0,!0===u)for(var w=0,y=f.length;w>16&255,e[o++]=C>>8&255,e[o++]=255&C}o=function(e,t,r,i){e[t++]=r;var o=t++,a=1<=r;)e[t++]=255&f,f>>=8,u-=8,t===o+256&&(e[o]=255,o=t++)}function m(e){f|=e<=8;)e[t++]=255&f,f>>=8,u-=8,t===o+256&&(e[o]=255,o=t++);4096===d?(m(a),d=c+1,l=r+1,p={}):(d>=1<0&&arguments[0]!==n?arguments[0]:{},r=e.data;delete s.data,s.pixels=Array.prototype.slice.call(r.pixels),s.palette=Array.prototype.slice.call(r.palette),s.done=!0,s.beingProcessed=!1,t.freeWorker(c),t.onFrameFinished(i)};(s=a[e]).beingProcessed||s.done?this.onFrameFinished():(s.sampleInterval=o,s.beingProcessed=!0,s.gifshot=!0,(c=this.getWorker())?(c.onmessage=d,c.postMessage(s)):d({data:t.workerMethods.run(s)}))},startRendering:function(e){this.onRenderCompleteCallback=e;for(var t=0;t=0&&this.processFrame(e)},generateGIF:function(e,t){var r=[],i={loop:this.repeat},n=this.options,o=n.interval,a=n.frameDuration,c=!!n.images.length,d=n.gifHeight,l=n.gifWidth,u=new v(r,l,d,i),f=this.onRenderProgressCallback,g=c?100*o:0,m=void 0;this.generatingGIF=!0,s.each(e,(function(t,r){var i=r.palette;f(.75+.25*r.position*1/e.length);for(var n=0;n0&&arguments[0]!==n?arguments[0]:{},t=this.frames,r=e.data;this.frames.push({data:r,width:e.width,height:e.height,palette:null,dithering:null,done:!1,beingProcessed:!1,position:t.length})},onRenderProgress:function(e){this.onRenderProgressCallback=e},isRendering:function(){return this.generatingGIF},getBase64GIF:function(e){var t=this;t.startRendering((function(r){t.destroyWorkers(),s.requestTimeout((function(){e(r)}),0)}))},destroyWorkers:function(){if(!this.workerError){var e=this.workers;s.each(e,(function(e,t){var r=t.worker,i=t.objectUrl;r.terminate(),s.URL.revokeObjectURL(i)}))}}};var y=function(){},C={getGIF:function(){var e=arguments.length>0&&arguments[0]!==n?arguments[0]:{},t=arguments[1];t=s.isFunction(t)?t:y;var i=r.createElement("canvas"),o=void 0,a=e.images,c=!!a.length,d=e.cameraStream,l=e.crop,u=e.filter,f=e.fontColor,g=e.fontFamily,m=e.fontWeight,h=e.keepCameraOn,p=(e.numWorkers,e.progressCallback),v=e.saveRenderingContexts,b=e.savedRenderingContexts,C=e.text,S=e.textAlign,x=e.textBaseline,k=e.videoElement,O=e.videoHeight,F=e.videoWidth,W=e.webcamVideoElement,E=Number(e.gifWidth),A=Number(e.gifHeight),R=Number(e.interval),T=(Number(e.sampleInterval),c?0:1e3*R),U=[],M=b.length?b.length:e.numFrames,j=M,I=new w(e),P=s.getFontSize(e),V=e.textXCoordinate?e.textXCoordinate:"left"===S?1:"right"===S?E:E/2,L=e.textYCoordinate?e.textYCoordinate:"top"===x?1:"center"===x?A/2:A,H=m+" "+P+" "+g,z=l?Math.floor(l.scaledWidth/2):0,G=l?F-l.scaledWidth:0,B=l?Math.floor(l.scaledHeight/2):0,D=l?O-l.scaledHeight:0,N=function e(){var r=j-1;function i(){var i;v&&U.push(o.getImageData(0,0,E,A)),C&&(o.font=H,o.fillStyle=f,o.textAlign=S,o.textBaseline=x,o.fillText(C,V,L)),i=o.getImageData(0,0,E,A),I.addFrameImageData(i),p((M-(j=r))/M),r>0&&s.requestTimeout(e,T),j||I.getBase64GIF((function(e){t({error:!1,errorCode:"",errorMsg:"",image:e,cameraStream:d,videoElement:k,webcamVideoElement:W,savedRenderingContexts:U,keepCameraOn:h})}))}b.length?(o.putImageData(b[M-j],0,0),i()):function e(){try{G>F&&(G=F),D>O&&(D=O),z<0&&(z=0),B<0&&(B=0),o.filter=u,o.drawImage(k,z,B,G,D,0,0,E,A),i()}catch(t){if("NS_ERROR_NOT_AVAILABLE"!==t.name)throw t;s.requestTimeout(e,100)}}()};M=M!==n?M:10,R=R!==n?R:.1,i.width=E,i.height=A,o=i.getContext("2d"),function e(){b.length||0!==k.currentTime?N():s.requestTimeout(e,100)}()},getCropDimensions:function(){var e=arguments.length>0&&arguments[0]!==n?arguments[0]:{},t=e.videoWidth,r=e.videoHeight,i=e.gifWidth,o=e.gifHeight,a={width:0,height:0,scaledWidth:0,scaledHeight:0};return t>r?(a.width=Math.round(t*(o/r))-i,a.scaledWidth=Math.round(a.width*(r/o))):(a.height=Math.round(r*(i/t))-o,a.scaledHeight=Math.round(a.height*(t/i))),a}},S={loadedData:!1,defaultVideoDimensions:{width:640,height:480},findVideoSize:function e(t){e.attempts=e.attempts||0;var r=t.cameraStream,i=t.completedCallback,n=t.videoElement;n&&(n.videoWidth>0&&n.videoHeight>0?(n.removeEventListener("loadeddata",S.findVideoSize),i({videoElement:n,cameraStream:r,videoWidth:n.videoWidth,videoHeight:n.videoHeight})):e.attempts<10?(e.attempts+=1,s.requestTimeout((function(){S.findVideoSize(t)}),400)):i({videoElement:n,cameraStream:r,videoWidth:S.defaultVideoDimensions.width,videoHeight:S.defaultVideoDimensions.height}))},onStreamingTimeout:function(e){s.isFunction(e)&&e({error:!0,errorCode:"getUserMedia",errorMsg:"There was an issue with the getUserMedia API - Timed out while trying to start streaming",image:null,cameraStream:{}})},stream:function(e){var t=s.isArray(e.existingVideo)?e.existingVideo[0]:e.existingVideo,r=e.cameraStream,i=e.completedCallback,n=e.streamedCallback,o=e.videoElement;if(s.isFunction(n)&&n(),t){if(s.isString(t))o.src=t,o.innerHTML='';else if(t instanceof Blob){try{o.src=s.URL.createObjectURL(t)}catch(e){}o.innerHTML=''}}else if(o.mozSrcObject)o.mozSrcObject=r;else if(s.URL)try{o.srcObject=r,o.src=s.URL.createObjectURL(r)}catch(e){o.srcObject=r}o.play(),s.requestTimeout((function e(){e.count=e.count||0,!0===S.loadedData?(S.findVideoSize({videoElement:o,cameraStream:r,completedCallback:i}),S.loadedData=!1):(e.count+=1)>10?S.findVideoSize({videoElement:o,cameraStream:r,completedCallback:i}):e()}),0)},startStreaming:function(e){var t=s.isFunction(e.error)?e.error:s.noop,i=s.isFunction(e.streamed)?e.streamed:s.noop,n=s.isFunction(e.completed)?e.completed:s.noop,o=e.crossOrigin,a=e.existingVideo,c=e.lastCameraStream,d=e.options,l=e.webcamVideoElement,u=s.isElement(a)?a:l||r.createElement("video");o&&(u.crossOrigin=d.crossOrigin),u.autoplay=!0,u.loop=!0,u.muted=!0,u.addEventListener("loadeddata",(function(e){S.loadedData=!0,d.offset&&(u.currentTime=d.offset)})),a?S.stream({videoElement:u,existingVideo:a,completedCallback:n}):c?S.stream({videoElement:u,cameraStream:c,streamedCallback:i,completedCallback:n}):s.getUserMedia({video:!0},(function(e){S.stream({videoElement:u,cameraStream:e,streamedCallback:i,completedCallback:n})}),t)},startVideoStreaming:function(e){var t=arguments.length>1&&arguments[1]!==n?arguments[1]:{},r=t.timeout!==n?t.timeout:0,i=t.callback,o=t.webcamVideoElement,a=void 0;r>0&&(a=s.requestTimeout((function(){S.onStreamingTimeout(i)}),1e4)),S.startStreaming({error:function(){i({error:!0,errorCode:"getUserMedia",errorMsg:"There was an issue with the getUserMedia API - the user probably denied permission",image:null,cameraStream:{}})},streamed:function(){clearTimeout(a)},completed:function(){var t=arguments.length>0&&arguments[0]!==n?arguments[0]:{},r=t.cameraStream,i=t.videoElement,o=t.videoHeight,a=t.videoWidth;e({cameraStream:r,videoElement:i,videoHeight:o,videoWidth:a})},lastCameraStream:t.lastCameraStream,webcamVideoElement:o,crossOrigin:t.crossOrigin,options:t})},stopVideoStreaming:function(e){var t=e=s.isObject(e)?e:{},r=t.keepCameraOn,i=t.videoElement,n=t.webcamVideoElement,o=e.cameraStream||{},a=o.getTracks&&o.getTracks()||[],c=!!a.length,d=a[0];!r&&c&&s.isFunction(d.stop)&&d.stop(),s.isElement(i)&&!n&&(i.pause(),s.isFunction(s.URL.revokeObjectURL)&&!s.webWorkerError&&i.src&&s.URL.revokeObjectURL(i.src),s.removeElement(i))}};function x(e){e=s.isObject(e)?e:{},S.stopVideoStreaming(e)}function k(e,t){var i=e.options||{},n=i.images,o=i.video,a=Number(i.gifWidth),c=Number(i.gifHeight),d=(Number(i.numFrames),e.cameraStream),l=e.videoElement,u=e.videoWidth,f=e.videoHeight,g=C.getCropDimensions({videoWidth:u,videoHeight:f,gifHeight:c,gifWidth:a}),m=t;i.crop=g,i.videoElement=l,i.videoWidth=u,i.videoHeight=f,i.cameraStream=d,s.isElement(l)&&(l.width=a+g.width,l.height=c+g.height,i.webcamVideoElement||(s.setCSSAttr(l,{position:"fixed",opacity:"0"}),r.body.appendChild(l)),l.play(),C.getGIF(i,(function(e){n&&n.length||o&&o.length||x(e),m(e)})))}function O(e,t){if(t=s.isFunction(e)?e:t,e=s.isObject(e)?e:{},s.isFunction(t)){var i=s.mergeOptions(f,e)||{},o=e.cameraStream,a=i.images,c=a?a.length:0,l=i.video,u=i.webcamVideoElement;i=s.mergeOptions(i,{gifWidth:Math.floor(i.gifWidth),gifHeight:Math.floor(i.gifHeight)}),c?function(){var e=arguments.length>0&&arguments[0]!==n?arguments[0]:{},t=e.callback,i=e.images,o=e.options,a=e.imagesLength,c=d.validate({getUserMedia:!0,"window.URL":!0}),l=[],u=0,f=void 0,g=void 0;if(c.error)return t(c);function m(){s.each(l,(function(e,t){t&&(t.text?g.addFrame(t.img,o,t.text):g.addFrame(t,o))})),function(e,t){e.getBase64GIF((function(e){t({error:!1,errorCode:"",errorMsg:"",image:e})}))}(g,t)}g=new w(o),s.each(i,(function(e,i){var n=i;i.src&&(n=n.src),s.isElement(n)?(o.crossOrigin&&(n.crossOrigin=o.crossOrigin),l[e]=n,(u+=1)===a&&m()):s.isString(n)&&(f=new Image,o.crossOrigin&&(f.crossOrigin=o.crossOrigin),function(r){i.text&&(r.text=i.text),r.onerror=function(e){var r=void 0;if(0===--a)return(r={}).error="None of the requested images was capable of being retrieved",t(r)},r.onload=function(t){i.text?l[e]={img:r,text:r.text}:l[e]=r,(u+=1)===a&&m(),s.removeElement(r)},r.src=n}(f),s.setCSSAttr(f,{position:"fixed",opacity:"0"}),r.body.appendChild(f))}))}({images:a,imagesLength:c,callback:t,options:i}):l?function(){var e=arguments.length>0&&arguments[0]!==n?arguments[0]:{},t=e.callback,r=e.existingVideo,i=e.options,o=d.validate({getUserMedia:!0,"window.URL":!0}),a=void 0,c=void 0;if(o.error)return t(o);if(s.isElement(r)&&r.src){if(c=r.src,a=s.getExtension(c),!s.isSupported.videoCodecs[a])return t(d.messages.videoCodecs)}else s.isArray(r)&&s.each(r,(function(e,t){if(a=t instanceof Blob?t.type.substr(t.type.lastIndexOf("/")+1,t.length):t.substr(t.lastIndexOf(".")+1,t.length),s.isSupported.videoCodecs[a])return r=t,!1}));S.startStreaming({completed:function(e){e.options=i||{},k(e,t)},existingVideo:r,crossOrigin:i.crossOrigin,options:i})}({existingVideo:l,callback:t,options:i}):function(){var e=arguments.length>0&&arguments[0]!==n?arguments[0]:{},t=e.callback,r=e.lastCameraStream,i=e.options,o=e.webcamVideoElement;if(!m())return t(d.validate());i.savedRenderingContexts.length?C.getGIF(i,(function(e){t(e)})):S.startVideoStreaming((function(){var e=arguments.length>0&&arguments[0]!==n?arguments[0]:{};e.options=i||{},k(e,t)}),{lastCameraStream:r,callback:t,webcamVideoElement:o,crossOrigin:i.crossOrigin})}({lastCameraStream:o,callback:t,webcamVideoElement:u,options:i})}}var F={utils:c,error:l,defaultOptions:g,createGIF:O,takeSnapShot:function(e,t){if(t=s.isFunction(e)?e:t,e=s.isObject(e)?e:{},s.isFunction(t)){var r=s.mergeOptions(f,e);O(s.mergeOptions(r,{interval:.1,numFrames:1,gifWidth:Math.floor(r.gifWidth),gifHeight:Math.floor(r.gifHeight)}),t)}},stopVideoStreaming:x,isSupported:function(){return d.isValid()},isWebCamGIFSupported:m,isExistingVideoGIFSupported:function(e){var t=!1;if(s.isArray(e)&&e.length){if(s.each(e,(function(e,r){s.isSupported.videoCodecs[r]&&(t=!0)})),!t)return!1}else if(s.isString(e)&&e.length&&!s.isSupported.videoCodecs[e])return!1;return d.isValid({getUserMedia:!0})},isExistingImagesGIFSupported:function(){return d.isValid({getUserMedia:!0})},VERSION:"0.4.5"};"function"==typeof n&&n.amd?n([],(function(){return F})):e.exports=F}("undefined"!=typeof window?window:{},"undefined"!=typeof document?document:{createElement:function(){}},"undefined"!=typeof window?window.navigator:{})})),i=t((function(e){var t;t=function(){return function(e,t,r){t=t||"",r=r||512;for(var i=atob(e),n=[],o=0;o0&&void 0!==arguments[0]?arguments[0]:{},a=arguments.length>1?arguments[1]:void 0;y=!0,f.show=!0,e.emit("artplayerPluginGif:start"),d.show=c.get("Start creating gif..."),r.createGIF(o({},t,{video:[v.src],crossOrigin:"anonymous"}),(function(t){if(t.error)d.show=t.errorMsg,n(!1,t.errorMsg);else if("function"==typeof a){var r=t.image.split(",")[1],o=i(r,"image/gif"),s=URL.createObjectURL(o);d.show=c.get("Create gif successfully"),e.emit("artplayerPluginGif",s),a(s)}y=!1,f.show=!1,e.emit("artplayerPluginGif:end")}))}}}})); +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).artplayerPluginGif=t()}(this,(function(){"use strict";var e=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e};"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function t(e,t){return e(t={exports:{}},t.exports),t.exports}var r=t((function(e,t){!function(t,r,i,n){var o,a,s={URL:t.URL||t.webkitURL||t.mozURL||t.msURL,getUserMedia:(a=i.getUserMedia||i.webkitGetUserMedia||i.mozGetUserMedia||i.msGetUserMedia,a?a.bind(i):a),requestAnimFrame:t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.oRequestAnimationFrame||t.msRequestAnimationFrame,requestTimeout:function(e,t){if(e=e||s.noop,t=t||0,!s.requestAnimFrame)return setTimeout(e,t);var r=(new Date).getTime(),i=new Object,n=s.requestAnimFrame;return i.value=n((function o(){(new Date).getTime()-r>=t?e.call():i.value=n(o)})),i},Blob:t.Blob||t.BlobBuilder||t.WebKitBlobBuilder||t.MozBlobBuilder||t.MSBlobBuilder,btoa:(o=t.btoa||function(e){for(var t="",r=0,i=e.length,n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",o=void 0,a=void 0,s=void 0,c=void 0,d=void 0,l=void 0,u=void 0;r>2,d=(3&o)<<4|(a=e.charCodeAt(r++))>>4,l=(15&a)<<2|(s=e.charCodeAt(r++))>>6,u=63&s,isNaN(a)?l=u=64:isNaN(s)&&(u=64),t=t+n.charAt(c)+n.charAt(d)+n.charAt(l)+n.charAt(u);return t},o?o.bind(t):s.noop),isObject:function(e){return e&&"[object Object]"===Object.prototype.toString.call(e)},isEmptyObject:function(e){return s.isObject(e)&&!Object.keys(e).length},isArray:function(e){return e&&Array.isArray(e)},isFunction:function(e){return e&&"function"==typeof e},isElement:function(e){return e&&1===e.nodeType},isString:function(e){return"string"==typeof e||"[object String]"===Object.prototype.toString.call(e)},isSupported:{canvas:function(){var e=r.createElement("canvas");return e&&e.getContext&&e.getContext("2d")},webworkers:function(){return t.Worker},blob:function(){return s.Blob},Uint8Array:function(){return t.Uint8Array},Uint32Array:function(){return t.Uint32Array},videoCodecs:function(){var e=r.createElement("video"),t={mp4:!1,h264:!1,ogv:!1,ogg:!1,webm:!1};try{e&&e.canPlayType&&(t.mp4=""!==e.canPlayType('video/mp4; codecs="mp4v.20.8"'),t.h264=""!==(e.canPlayType('video/mp4; codecs="avc1.42E01E"')||e.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')),t.ogv=""!==e.canPlayType('video/ogg; codecs="theora"'),t.ogg=""!==e.canPlayType('video/ogg; codecs="theora"'),t.webm=-1!==e.canPlayType('video/webm; codecs="vp8, vorbis"'))}catch(e){}return t}()},noop:function(){},each:function(e,t){var r=void 0,i=void 0;if(s.isArray(e))for(r=-1,i=e.length;++r0&&void 0!==arguments[0]?arguments[0]:{};if(!r.body||!1===e.resizeFont)return e.fontSize;var t=e.text,i=e.gifWidth,n=parseInt(e.fontSize,10),o=parseInt(e.minFontSize,10),a=r.createElement("div"),s=r.createElement("span");for(a.setAttribute("width",i),a.appendChild(s),s.innerHTML=t,s.style.fontSize=n+"px",s.style.textIndent="-9999px",s.style.visibility="hidden",r.body.appendChild(s);s.offsetWidth>i&&n>=o;)s.style.fontSize=--n+"px";return r.body.removeChild(s),n+"px"},webWorkerError:!1},c=Object.freeze({default:s}),d={validate:function(e){e=s.isObject(e)?e:{};var t={};return s.each(d.validators,(function(r,i){var n=i.errorCode;if(!e[n]&&!i.condition)return(t=i).error=!0,!1})),delete t.condition,t},isValid:function(e){var t=!0!==d.validate(e).error;return t},validators:[{condition:s.isFunction(s.getUserMedia),errorCode:"getUserMedia",errorMsg:"The getUserMedia API is not supported in your browser"},{condition:s.isSupported.canvas(),errorCode:"canvas",errorMsg:"Canvas elements are not supported in your browser"},{condition:s.isSupported.webworkers(),errorCode:"webworkers",errorMsg:"The Web Workers API is not supported in your browser"},{condition:s.isFunction(s.URL),errorCode:"window.URL",errorMsg:"The window.URL API is not supported in your browser"},{condition:s.isSupported.blob(),errorCode:"window.Blob",errorMsg:"The window.Blob File API is not supported in your browser"},{condition:s.isSupported.Uint8Array(),errorCode:"window.Uint8Array",errorMsg:"The window.Uint8Array function constructor is not supported in your browser"},{condition:s.isSupported.Uint32Array(),errorCode:"window.Uint32Array",errorMsg:"The window.Uint32Array function constructor is not supported in your browser"}],messages:{videoCodecs:{errorCode:"videocodec",errorMsg:"The video codec you are trying to use is not supported in your browser"}}},l=Object.freeze({default:d}),u=function(){},f={sampleInterval:10,numWorkers:2,filter:"",gifWidth:200,gifHeight:200,interval:.1,numFrames:10,frameDuration:1,keepCameraOn:!1,images:[],video:null,webcamVideoElement:null,cameraStream:null,text:"",fontWeight:"normal",fontSize:"16px",minFontSize:"10px",resizeFont:!1,fontFamily:"sans-serif",fontColor:"#ffffff",textAlign:"center",textBaseline:"bottom",textXCoordinate:null,textYCoordinate:null,progressCallback:u,completeCallback:u,saveRenderingContexts:!1,savedRenderingContexts:[],crossOrigin:"Anonymous"},g=Object.freeze({default:f});function m(){return d.isValid()}function h(){var e,t,r,i,n,o=256,a=499,s=491,c=487,d=503,l=3*d,u=o-1,f=4,g=100,m=16,h=1<>v,w=h<>3,S=6,C=1<>1,t=c+1;t>1,t=c+1;t<256;t++)T[t]=u}function L(){var n,o,u,m,h,p,v,b,w,y,C,k,W,A;for(r>S)<=1&&(v=0),n=0;n=A&&(W-=r),0===y&&(y=1),++n%y==0)for(b-=b/e,(v=(p-=p/O)>>S)<=1&&(v=0),o=0;o=0;)i=d?i=o:(i++,s<0&&(s=-s),(c=l[0]-e)<0&&(c=-c),(s+=c)=0&&((s=t-(l=n[a])[1])>=d?a=-1:(a--,s<0&&(s=-s),(c=l[0]-e)<0&&(c=-c),(s+=c)>=f,n[e][1]>>=f,n[e][2]>>=f,n[e][3]=e}function B(e,t,r,i,a){var s,c,d,l,u,f,g;for((d=t-e)<-1&&(d=-1),(l=t+e)>o&&(l=o),s=t+1,c=t-1,f=1;sd;){if(u=M[f++],sd){g=n[c--];try{g[0]-=u*(g[0]-r)/R|0,g[1]-=u*(g[1]-i)/R|0,g[2]-=u*(g[2]-a)/R|0}catch(e){}}}}function D(e,t,r,i,o){var a=n[t],s=e/F;a[0]-=s*(a[0]-r)|0,a[1]-=s*(a[1]-i)|0,a[2]-=s*(a[2]-o)|0}function N(e,t,r){var i,a,s,c,d,l,u,g,h,y;for(h=g=~(1<<31),u=l=-1,i=0;i>m-f))>v,j[i]-=d,U[i]+=d<65535||r>65535)throw"Width/Height invalid.";e[n++]=71,e[n++]=73,e[n++]=70,e[n++]=56,e[n++]=57,e[n++]=97;if(e[n++]=255&t,e[n++]=t>>8&255,e[n++]=255&r,e[n++]=r>>8&255,e[n++]=0|(null!==a?128:0),e[n++]=0,e[n++]=0,null!==o){if(o<0||o>65535)throw"Loop count invalid.";e[n++]=33,e[n++]=255,e[n++]=11,e[n++]=78,e[n++]=69,e[n++]=84,e[n++]=83,e[n++]=67,e[n++]=65,e[n++]=80,e[n++]=69,e[n++]=50,e[n++]=46,e[n++]=48,e[n++]=3,e[n++]=1,e[n++]=255&o,e[n++]=o>>8&255,e[n++]=0}var s=!1;this.addFrame=function(t,r,i,o,c,d){if(!0===s&&(--n,s=!1),d=void 0===d?{}:d,t<0||r<0||t>65535||r>65535)throw"x/y invalid.";if(i<=0||o<=0||i>65535||o>65535)throw"Width/Height invalid.";if(c.length256||t&t-1)throw"Invalid code/color length, must be power of 2 and 2 .. 256.";return t}(u),g=0;f>>=1;)++g;f=1<3)throw"Disposal out of range.";var p=!1,v=0;if(void 0!==d.transparent&&null!==d.transparent&&(p=!0,(v=d.transparent)<0||v>=f))throw"Transparent color index.";if((0!==h||p||0!==m)&&(e[n++]=33,e[n++]=249,e[n++]=4,e[n++]=h<<2|(!0===p?1:0),e[n++]=255&m,e[n++]=m>>8&255,e[n++]=v,e[n++]=0),e[n++]=44,e[n++]=255&t,e[n++]=t>>8&255,e[n++]=255&r,e[n++]=r>>8&255,e[n++]=255&i,e[n++]=i>>8&255,e[n++]=255&o,e[n++]=o>>8&255,e[n++]=!0===l?128|g-1:0,!0===l)for(var b=0,w=u.length;b>16&255,e[n++]=y>>8&255,e[n++]=255&y}n=function(e,t,r,i){e[t++]=r;var n=t++,o=1<=r;)e[t++]=255&u,u>>=8,l-=8,t===n+256&&(e[n]=255,n=t++)}function g(e){u|=e<=8;)e[t++]=255&u,u>>=8,l-=8,t===n+256&&(e[n]=255,n=t++);4096===c?(g(o),c=s+1,d=r+1,h={}):(c>=1<0&&void 0!==arguments[0]?arguments[0]:{},r=e.data;delete a.data,a.pixels=Array.prototype.slice.call(r.pixels),a.palette=Array.prototype.slice.call(r.palette),a.done=!0,a.beingProcessed=!1,t.freeWorker(s),t.onFrameFinished(i)};(a=o[e]).beingProcessed||a.done?this.onFrameFinished():(a.sampleInterval=n,a.beingProcessed=!0,a.gifshot=!0,(s=this.getWorker())?(s.onmessage=c,s.postMessage(a)):c({data:t.workerMethods.run(a)}))},startRendering:function(e){this.onRenderCompleteCallback=e;for(var t=0;t=0&&this.processFrame(e)},generateGIF:function(e,t){var r=[],i={loop:this.repeat},n=this.options,o=n.interval,a=n.frameDuration,c=!!n.images.length,d=n.gifHeight,l=n.gifWidth,u=new v(r,l,d,i),f=this.onRenderProgressCallback,g=c?100*o:0,m=void 0;this.generatingGIF=!0,s.each(e,(function(t,r){var i=r.palette;f(.75+.25*r.position*1/e.length);for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{},t=this.frames,r=e.data;this.frames.push({data:r,width:e.width,height:e.height,palette:null,dithering:null,done:!1,beingProcessed:!1,position:t.length})},onRenderProgress:function(e){this.onRenderProgressCallback=e},isRendering:function(){return this.generatingGIF},getBase64GIF:function(e){var t=this;t.startRendering((function(r){t.destroyWorkers(),s.requestTimeout((function(){e(r)}),0)}))},destroyWorkers:function(){if(!this.workerError){var e=this.workers;s.each(e,(function(e,t){var r=t.worker,i=t.objectUrl;r.terminate(),s.URL.revokeObjectURL(i)}))}}};var S=function(){},C=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments[1];t=s.isFunction(t)?t:S;var i=r.createElement("canvas"),n=void 0,o=e.images,a=!!o.length,c=e.cameraStream,d=e.crop,l=e.filter,u=e.fontColor,f=e.fontFamily,g=e.fontWeight,m=e.keepCameraOn,h=(e.numWorkers,e.progressCallback),p=e.saveRenderingContexts,v=e.savedRenderingContexts,b=e.text,y=e.textAlign,C=e.textBaseline,x=e.videoElement,O=e.videoHeight,k=e.videoWidth,F=e.webcamVideoElement,W=Number(e.gifWidth),E=Number(e.gifHeight),A=Number(e.interval),R=(Number(e.sampleInterval),a?0:1e3*A),T=[],U=v.length?v.length:e.numFrames,j=U,M=new w(e),I=s.getFontSize(e),P=e.textXCoordinate?e.textXCoordinate:"left"===y?1:"right"===y?W:W/2,V=e.textYCoordinate?e.textYCoordinate:"top"===C?1:"center"===C?E/2:E,L=g+" "+I+" "+f,H=d?Math.floor(d.scaledWidth/2):0,z=d?k-d.scaledWidth:0,G=d?Math.floor(d.scaledHeight/2):0,B=d?O-d.scaledHeight:0,D=function e(){var r=j-1;function i(){var i;p&&T.push(n.getImageData(0,0,W,E)),b&&(n.font=L,n.fillStyle=u,n.textAlign=y,n.textBaseline=C,n.fillText(b,P,V)),i=n.getImageData(0,0,W,E),M.addFrameImageData(i),h((U-(j=r))/U),r>0&&s.requestTimeout(e,R),j||M.getBase64GIF((function(e){t({error:!1,errorCode:"",errorMsg:"",image:e,cameraStream:c,videoElement:x,webcamVideoElement:F,savedRenderingContexts:T,keepCameraOn:m})}))}v.length?(n.putImageData(v[U-j],0,0),i()):function e(){try{z>k&&(z=k),B>O&&(B=O),H<0&&(H=0),G<0&&(G=0),n.filter=l,n.drawImage(x,H,G,z,B,0,0,W,E),i()}catch(t){if("NS_ERROR_NOT_AVAILABLE"!==t.name)throw t;s.requestTimeout(e,100)}}()};U=void 0!==U?U:10,A=void 0!==A?A:.1,i.width=W,i.height=E,n=i.getContext("2d"),function e(){v.length||0!==x.currentTime?D():s.requestTimeout(e,100)}()},x=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.videoWidth,r=e.videoHeight,i=e.gifWidth,n=e.gifHeight,o={width:0,height:0,scaledWidth:0,scaledHeight:0};return t>r?(o.width=Math.round(t*(n/r))-i,o.scaledWidth=Math.round(o.width*(r/n))):(o.height=Math.round(r*(i/t))-n,o.scaledHeight=Math.round(o.height*(t/i))),o},O={loadedData:!1,defaultVideoDimensions:{width:640,height:480},findVideoSize:function e(t){e.attempts=e.attempts||0;var r=t.cameraStream,i=t.completedCallback,n=t.videoElement;n&&(n.videoWidth>0&&n.videoHeight>0?(n.removeEventListener("loadeddata",O.findVideoSize),i({videoElement:n,cameraStream:r,videoWidth:n.videoWidth,videoHeight:n.videoHeight})):e.attempts<10?(e.attempts+=1,s.requestTimeout((function(){O.findVideoSize(t)}),400)):i({videoElement:n,cameraStream:r,videoWidth:O.defaultVideoDimensions.width,videoHeight:O.defaultVideoDimensions.height}))},onStreamingTimeout:function(e){s.isFunction(e)&&e({error:!0,errorCode:"getUserMedia",errorMsg:"There was an issue with the getUserMedia API - Timed out while trying to start streaming",image:null,cameraStream:{}})},stream:function(e){var t=s.isArray(e.existingVideo)?e.existingVideo[0]:e.existingVideo,r=e.cameraStream,i=e.completedCallback,n=e.streamedCallback,o=e.videoElement;if(s.isFunction(n)&&n(),t){if(s.isString(t))o.src=t,o.innerHTML='';else if(t instanceof Blob){try{o.src=s.URL.createObjectURL(t)}catch(e){}o.innerHTML=''}}else if(o.mozSrcObject)o.mozSrcObject=r;else if(s.URL)try{o.srcObject=r,o.src=s.URL.createObjectURL(r)}catch(e){o.srcObject=r}o.play(),s.requestTimeout((function e(){e.count=e.count||0,!0===O.loadedData?(O.findVideoSize({videoElement:o,cameraStream:r,completedCallback:i}),O.loadedData=!1):(e.count+=1)>10?O.findVideoSize({videoElement:o,cameraStream:r,completedCallback:i}):e()}),0)},startStreaming:function(e){var t=s.isFunction(e.error)?e.error:s.noop,i=s.isFunction(e.streamed)?e.streamed:s.noop,n=s.isFunction(e.completed)?e.completed:s.noop,o=e.crossOrigin,a=e.existingVideo,c=e.lastCameraStream,d=e.options,l=e.webcamVideoElement,u=s.isElement(a)?a:l||r.createElement("video");o&&(u.crossOrigin=d.crossOrigin),u.autoplay=!0,u.loop=!0,u.muted=!0,u.addEventListener("loadeddata",(function(e){O.loadedData=!0,d.offset&&(u.currentTime=d.offset)})),a?O.stream({videoElement:u,existingVideo:a,completedCallback:n}):c?O.stream({videoElement:u,cameraStream:c,streamedCallback:i,completedCallback:n}):s.getUserMedia({video:!0},(function(e){O.stream({videoElement:u,cameraStream:e,streamedCallback:i,completedCallback:n})}),t)},startVideoStreaming:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=void 0!==t.timeout?t.timeout:0,i=t.callback,n=t.webcamVideoElement,o=void 0;r>0&&(o=s.requestTimeout((function(){O.onStreamingTimeout(i)}),1e4)),O.startStreaming({error:function(){i({error:!0,errorCode:"getUserMedia",errorMsg:"There was an issue with the getUserMedia API - the user probably denied permission",image:null,cameraStream:{}})},streamed:function(){clearTimeout(o)},completed:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=t.cameraStream,i=t.videoElement,n=t.videoHeight,o=t.videoWidth;e({cameraStream:r,videoElement:i,videoHeight:n,videoWidth:o})},lastCameraStream:t.lastCameraStream,webcamVideoElement:n,crossOrigin:t.crossOrigin,options:t})},stopVideoStreaming:function(e){var t=e=s.isObject(e)?e:{},r=t.keepCameraOn,i=t.videoElement,n=t.webcamVideoElement,o=e.cameraStream||{},a=o.getTracks&&o.getTracks()||[],c=!!a.length,d=a[0];!r&&c&&s.isFunction(d.stop)&&d.stop(),s.isElement(i)&&!n&&(i.pause(),s.isFunction(s.URL.revokeObjectURL)&&!s.webWorkerError&&i.src&&s.URL.revokeObjectURL(i.src),s.removeElement(i))}};function k(e){e=s.isObject(e)?e:{},O.stopVideoStreaming(e)}function F(e,t){var i=e.options||{},n=i.images,o=i.video,a=Number(i.gifWidth),c=Number(i.gifHeight),d=(Number(i.numFrames),e.cameraStream),l=e.videoElement,u=e.videoWidth,f=e.videoHeight,g=x({videoWidth:u,videoHeight:f,gifHeight:c,gifWidth:a}),m=t;i.crop=g,i.videoElement=l,i.videoWidth=u,i.videoHeight=f,i.cameraStream=d,s.isElement(l)&&(l.width=a+g.width,l.height=c+g.height,i.webcamVideoElement||(s.setCSSAttr(l,{position:"fixed",opacity:"0"}),r.body.appendChild(l)),l.play(),C(i,(function(e){n&&n.length||o&&o.length||k(e),m(e)})))}function W(e,t){if(t=s.isFunction(e)?e:t,e=s.isObject(e)?e:{},s.isFunction(t)){var i=s.mergeOptions(f,e)||{},n=e.cameraStream,o=i.images,a=o?o.length:0,c=i.video,l=i.webcamVideoElement;i=s.mergeOptions(i,{gifWidth:Math.floor(i.gifWidth),gifHeight:Math.floor(i.gifHeight)}),a?function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.callback,i=e.images,n=e.options,o=e.imagesLength,a={getUserMedia:!0,"window.URL":!0},c=d.validate(a),l=[],u=0,f=void 0,g=void 0;if(c.error)return t(c);function m(){s.each(l,(function(e,t){t&&(t.text?g.addFrame(t.img,n,t.text):g.addFrame(t,n))})),y(g,t)}g=new w(n),s.each(i,(function(e,i){var a=i;i.src&&(a=a.src),s.isElement(a)?(n.crossOrigin&&(a.crossOrigin=n.crossOrigin),l[e]=a,(u+=1)===o&&m()):s.isString(a)&&(f=new Image,n.crossOrigin&&(f.crossOrigin=n.crossOrigin),function(r){i.text&&(r.text=i.text),r.onerror=function(e){var r=void 0;if(0===--o)return(r={}).error="None of the requested images was capable of being retrieved",t(r)},r.onload=function(t){i.text?l[e]={img:r,text:r.text}:l[e]=r,(u+=1)===o&&m(),s.removeElement(r)},r.src=a}(f),s.setCSSAttr(f,{position:"fixed",opacity:"0"}),r.body.appendChild(f))}))}({images:o,imagesLength:a,callback:t,options:i}):c?function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.callback,r=e.existingVideo,i=e.options,n={getUserMedia:!0,"window.URL":!0},o=d.validate(n),a=void 0,c=void 0;if(o.error)return t(o);if(s.isElement(r)&&r.src){if(c=r.src,a=s.getExtension(c),!s.isSupported.videoCodecs[a])return t(d.messages.videoCodecs)}else s.isArray(r)&&s.each(r,(function(e,t){if(a=t instanceof Blob?t.type.substr(t.type.lastIndexOf("/")+1,t.length):t.substr(t.lastIndexOf(".")+1,t.length),s.isSupported.videoCodecs[a])return r=t,!1}));O.startStreaming({completed:function(e){e.options=i||{},F(e,t)},existingVideo:r,crossOrigin:i.crossOrigin,options:i})}({existingVideo:c,callback:t,options:i}):function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.callback,r=e.lastCameraStream,i=e.options,n=e.webcamVideoElement;if(!m())return t(d.validate());i.savedRenderingContexts.length?C(i,(function(e){t(e)})):O.startVideoStreaming((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.options=i||{},F(e,t)}),{lastCameraStream:r,callback:t,webcamVideoElement:n,crossOrigin:i.crossOrigin})}({lastCameraStream:n,callback:t,webcamVideoElement:l,options:i})}}var E={utils:c,error:l,defaultOptions:g,createGIF:W,takeSnapShot:function(e,t){if(t=s.isFunction(e)?e:t,e=s.isObject(e)?e:{},s.isFunction(t)){var r=s.mergeOptions(f,e);W(s.mergeOptions(r,{interval:.1,numFrames:1,gifWidth:Math.floor(r.gifWidth),gifHeight:Math.floor(r.gifHeight)}),t)}},stopVideoStreaming:k,isSupported:function(){return d.isValid()},isWebCamGIFSupported:m,isExistingVideoGIFSupported:function(e){var t=!1;if(s.isArray(e)&&e.length){if(s.each(e,(function(e,r){s.isSupported.videoCodecs[r]&&(t=!0)})),!t)return!1}else if(s.isString(e)&&e.length&&!s.isSupported.videoCodecs[e])return!1;return d.isValid({getUserMedia:!0})},isExistingImagesGIFSupported:function(){return d.isValid({getUserMedia:!0})},VERSION:"0.4.5"};e.exports=E}("undefined"!=typeof window?window:{},"undefined"!=typeof document?document:{createElement:function(){}},"undefined"!=typeof window?window.navigator:{})})),i=t((function(e){var t;t=function(){return function(e,t,r){t=t||"",r=r||512;for(var i=atob(e),n=[],o=0;o0&&void 0!==arguments[0]?arguments[0]:{},a=arguments.length>1?arguments[1]:void 0;w=!0,f.show=!0,e.emit("artplayerPluginGif:start"),d.show=c.get("Start creating gif..."),r.createGIF(o({},t,{video:[v.src],crossOrigin:"anonymous"}),(function(t){if(t.error)d.show=t.errorMsg,n(!1,t.errorMsg);else if("function"==typeof a){var r=t.image.split(",")[1],o=i(r,"image/gif"),s=URL.createObjectURL(o);d.show=c.get("Create gif successfully"),e.emit("artplayerPluginGif",s),a(s)}w=!1,f.show=!1,e.emit("artplayerPluginGif:end")}))}}}})); diff --git a/dist/artplayer-react.js b/dist/artplayer-react.js index b1863cdac..c47758bdb 100644 --- a/dist/artplayer-react.js +++ b/dist/artplayer-react.js @@ -5,4 +5,4 @@ * Released under the MIT License. */ -!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).ArtplayerReact=e()}(this,(function(){"use strict";var t=function(t,e){if(null==t)return{};var n,r,o={},i=Object.keys(t);for(r=0;r=0||(o[n]=t[n]);return o};var e=function(e,n){if(null==e)return{};var r,o,i=t(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i};var n=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function r(t,e){return t(e={exports:{}},e.exports),e.exports}var o=r((function(t){function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function n(r){return"function"==typeof Symbol&&"symbol"===e(Symbol.iterator)?t.exports=n=function(t){return e(t)}:t.exports=n=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":e(t)},n(r)}t.exports=n}));var i=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function a(t,e){for(var n=0;nY.length&&Y.push(t)}function Z(t,e,n){return null==t?0:function t(e,n,r,o){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var a=!1;if(null===e)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case g:case w:a=!0}}if(a)return r(o,e,""===n?"."+Q(e,0):n),1;if(a=0,n=""===n?".":n+":",Array.isArray(e))for(var c=0;c1?e-1:0),r=1;r2?n-2:0),o=2;o2?n-2:0),o=2;o8)throw new Error("warningWithoutStack() currently supports at most 8 arguments.");if(!t){if("undefined"!=typeof console){var i=r.map((function(t){return""+t}));i.unshift("Warning: "+e),Function.prototype.apply.call(console.error,console,i)}try{var a=0,c="Warning: "+e.replace(/%s/g,(function(){return r[a++]}));throw new Error(c)}catch(t){}}},E={};function R(t,e){var n=t.constructor,r=n&&(n.displayName||n.name)||"ReactClass",o=r+"."+e;E[o]||(S(!1,"Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",e,r),E[o]=!0)}var $={isMounted:function(t){return!1},enqueueForceUpdate:function(t,e,n){R(t,"forceUpdate")},enqueueReplaceState:function(t,e,n,r){R(t,"replaceState")},enqueueSetState:function(t,e,n,r){R(t,"setState")}},C={};function D(t,e,n){this.props=t,this.context=e,this.refs=C,this.updater=n||$}Object.freeze(C),D.prototype.isReactComponent={},D.prototype.setState=function(t,e){!function(){if("object"!=typeof t&&"function"!=typeof t&&null!=t)throw k(Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables."))}(),this.updater.enqueueSetState(this,t,e,"setState")},D.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};var T={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]},A=function(t,e){Object.defineProperty(D.prototype,t,{get:function(){P(!1,"%s(...) is deprecated in plain JavaScript React classes. %s",e[0],e[1])}})};for(var _ in T)T.hasOwnProperty(_)&&A(_,T[_]);function z(){}function L(t,e,n){this.props=t,this.context=e,this.refs=C,this.updater=n||$}z.prototype=D.prototype;var M=L.prototype=new z;M.constructor=L,e(M,D.prototype),M.isPureReactComponent=!0;var q={current:null},I={suspense:null},F={current:null},N=/^(.*)[\\\/]/,V=1;function W(t){if(null==t)return null;if("number"==typeof t.tag&&S(!1,"Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),"function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t;switch(t){case a:return"Fragment";case i:return"Portal";case s:return"Profiler";case c:return"StrictMode";case d:return"Suspense";case y:return"SuspenseList"}if("object"==typeof t)switch(t.$$typeof){case u:return"Context.Consumer";case l:return"Context.Provider";case f:return r=t,o=t.render,p="ForwardRef",v=o.displayName||o.name||"",r.displayName||(""!==v?p+"("+v+")":p);case h:return W(t.type);case m:var e=(n=t)._status===V?n._result:null;if(e)return W(e)}var n,r,o,p,v;return null}var H={},B=null;function U(t){B=t}H.getCurrentStack=null,H.getStackAddendum=function(){var t="";if(B){var e=W(B.type),n=B._owner;t+=function(t,e,n){var r="";if(e){var o=e.fileName,i=o.replace(N,"");if(/^index\./.test(i)){var a=o.match(N);if(a){var c=a[1];if(c)i=c.replace(N,"")+"/"+i}}r=" (at "+i+":"+e.lineNumber+")"}else n&&(r=" (created by "+n+")");return"\n in "+(t||"Unknown")+r}(e,B._source,n&&W(n.type))}var r=H.getCurrentStack;return r&&(t+=r()||""),t};var Y={ReactCurrentDispatcher:q,ReactCurrentBatchConfig:I,ReactCurrentOwner:F,IsSomeRendererActing:{current:!1},assign:e};e(Y,{ReactDebugCurrentFrame:H,ReactComponentTreeHook:{}});var X=function(t,e){if(!t){for(var n=Y.ReactDebugCurrentFrame,r=n.getStackAddendum(),o=arguments.length,i=Array(o>2?o-2:0),a=2;a1){for(var u=Array(l),p=0;p1){for(var d=Array(f),y=0;y.")}return e}(e);if(!jt[n]){jt[n]=!0;var r="";t&&t._owner&&t._owner!==F.current&&(r=" It was passed a child from "+W(t._owner.type)+"."),U(t),X(!1,'Each child in a list should have a unique "key" prop.%s%s See https://fb.me/react-warning-keys for more information.',n,r),U(null)}}}function St(t,e){if("object"==typeof t)if(Array.isArray(t))for(var n=0;n",s=" Did you accidentally export a JSX literal instead of a component?"):u=typeof t,X(!1,"React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",u,s)}var p=nt.apply(this,arguments);if(null==p)return p;if(c)for(var f=2;f is not supported and will be removed in a future major release. Did you mean to render instead?")),n.Provider},set:function(t){n.Provider=t}},_currentValue:{get:function(){return n._currentValue},set:function(t){n._currentValue=t}},_currentValue2:{get:function(){return n._currentValue2},set:function(t){n._currentValue2=t}},_threadCount:{get:function(){return n._threadCount},set:function(t){n._threadCount=t}},Consumer:{get:function(){return r||(r=!0,X(!1,"Rendering is not supported and will be removed in a future major release. Did you mean to render instead?")),n.Consumer}}}),n.Consumer=i,n._currentRenderer=null,n._currentRenderer2=null,n},forwardRef:function(t){return null!=t&&t.$$typeof===h?S(!1,"forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):"function"!=typeof t?S(!1,"forwardRef requires a render function but was given %s.",null===t?"null":typeof t):0!==t.length&&2!==t.length&&S(!1,"forwardRef render functions accept exactly two parameters: props and ref. %s",1===t.length?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),null!=t&&(null!=t.defaultProps||null!=t.propTypes)&&S(!1,"forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"),{$$typeof:f,render:t}},lazy:function(t){var e={$$typeof:m,_ctor:t,_status:-1,_result:null},n=void 0,r=void 0;return Object.defineProperties(e,{defaultProps:{configurable:!0,get:function(){return n},set:function(t){X(!1,"React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),n=t,Object.defineProperty(e,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return r},set:function(t){X(!1,"React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),r=t,Object.defineProperty(e,"propTypes",{enumerable:!0})}}}),e},memo:function(t,e){return wt(t)||S(!1,"memo: The first argument must be a component. Instead received: %s",null===t?"null":typeof t),{$$typeof:h,type:t,compare:void 0===e?null:e}},useCallback:function(t,e){return xt().useCallback(t,e)},useContext:function(t,e){var n=xt();if(void 0!==e&&X(!1,"useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",e,"number"==typeof e&&Array.isArray(arguments[2])?"\n\nDid you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://fb.me/rules-of-hooks":""),void 0!==t._context){var r=t._context;r.Consumer===t?X(!1,"Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):r.Provider===t&&X(!1,"Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return n.useContext(t,e)},useEffect:function(t,e){return xt().useEffect(t,e)},useImperativeHandle:function(t,e,n){return xt().useImperativeHandle(t,e,n)},useDebugValue:function(t,e){return xt().useDebugValue(t,e)},useLayoutEffect:function(t,e){return xt().useLayoutEffect(t,e)},useMemo:function(t,e){return xt().useMemo(t,e)},useReducer:function(t,e,n){return xt().useReducer(t,e,n)},useRef:function(t){return xt().useRef(t)},useState:function(t){return xt().useState(t)},Fragment:a,Profiler:s,StrictMode:c,Suspense:d,unstable_SuspenseList:y,createElement:Rt,cloneElement:function(t,e,n){for(var r=rt.apply(this,arguments),o=2;oobject{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}.art-video-player .art-subtitle{display:none;position:absolute;z-index:20;bottom:10px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.art-video-player .art-subtitle p{word-break:break-all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:40px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-mask,.art-video-player .art-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.art-video-player .art-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.art-video-player.art-mask-show .art-mask,.art-video-player .art-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.art-video-player.art-loading-show .art-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:55px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.art-video-player .art-bottom .art-progress{position:relative;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4px;cursor:pointer}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{position:relative;height:50%;width:100%;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:100%;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:100%;background:#fff;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner{height:100%}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-indicator,.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-tip{display:block}.art-video-player .art-bottom .art-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.art-video-player .art-bottom .art-progress .art-control-loop{display:none;position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point{position:absolute;left:0;top:-2px;width:2px;height:8px;background:hsla(0,0%,100%,.75)}.art-video-player .art-bottom .art-controls{position:relative;pointer-events:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:5px 0}.art-video-player .art-bottom .art-controls,.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.art-video-player .art-bottom .art-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{position:relative;z-index:30}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-destroy .art-progress-tip,.art-video-player.art-error .art-progress-indicator,.art-video-player.art-error .art-progress-tip{display:none!important}.art-video-player .art-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.art-video-player .art-notice .art-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.art-video-player.art-notice-show .art-notice{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-contextmenus{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.9);border-radius:3px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;font-size:12px;display:block;color:#fff;padding:10px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{display:inline-block;padding:0 7px}.art-video-player .art-contextmenus .art-contextmenu span.art-current,.art-video-player .art-contextmenus .art-contextmenu span:hover{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:none}.art-video-player.art-contextmenu-show .art-contextmenus,.art-video-player .art-settings{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.art-video-player .art-settings .art-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.9);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.art-video-player .art-settings .art-setting-inner .art-setting-body{overflow-y:auto;width:100%;height:100%}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting .art-setting-header{margin-bottom:5px}.art-video-player .art-settings .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.art-video-player .art-settings .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.art-video-player .art-settings .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.art-video-player .art-settings .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.art-video-player .art-settings .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.art-video-player .art-settings .art-setting-upload{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-upload .art-upload-btn{width:80px;height:22px;line-height:22px;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px;text-align:center}.art-video-player .art-settings .art-setting-upload .art-upload-value{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;padding-left:10px}.art-video-player.art-setting-show .art-settings{opacity:1;visibility:visible;pointer-events:auto}.art-video-player.art-setting-show .art-settings .art-setting-inner{right:0}.art-video-player .art-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.9)}.art-video-player .art-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.art-video-player .art-info .art-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.art-video-player.art-info-show .art-info{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player.art-hide-cursor *{cursor:none!important}.art-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.art-video-player.art-fullscreen-web{position:fixed;z-index:9999;width:100%!important;height:100%!important;left:0;top:0;right:0;bottom:0}.art-fullscreen-rotate{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:#000}.art-video-player .art-mini-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.art-video-player .art-mini-header .art-mini-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.art-video-player .art-mini-header .art-mini-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-mini{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.art-video-player.art-mini .art-mini-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.art-video-player.art-mini.art-hover .art-mini-header{opacity:1;visibility:visible}.art-video-player.art-mini .art-mask .art-state{position:static}.art-video-player.art-mini .art-bottom,.art-video-player.art-mini .art-contextmenu,.art-video-player.art-mini .art-danmu,.art-video-player.art-mini .art-info,.art-video-player.art-mini .art-layers,.art-video-player.art-mini .art-notice,.art-video-player.art-mini .art-setting,.art-video-player.art-mini .art-subtitle{display:none!important}.art-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.art-video-player[data-flip=horizontal] .art-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}:root{--balloon-color:rgba(16,16,16,0.95);--balloon-font-size:12px;--balloon-move:4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:#fff;content:attr(aria-label);padding:.5em 1em;white-space:nowrap;line-height:1.2}[aria-label][data-balloon-pos]:after,[aria-label][data-balloon-pos]:before{opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--balloon-color);content:""}[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before{opacity:1;pointer-events:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,var(--balloon-move));transform:translate(-50%,var(--balloon-move));-webkit-transform-origin:top;transform-origin:top}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before{-webkit-transform:translate(-50%);transform:translate(-50%)}');var yt=r((function(t,e){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var o=t(n);if("boolean"===o)return"boolean";if("string"===o)return"string";if("number"===o)return"number";if("symbol"===o)return"symbol";if("function"===o)return function(t){return"GeneratorFunction"===r(t)}(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(o=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return o.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function o(t,e){var r=21?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document).querySelector(t)}function xt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function Ot(t,e){return t.classList.add(e)}function kt(t,e){return t.classList.remove(e)}function jt(t,e){return t.classList.contains(e)}function Pt(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function St(t,e,n){return t.style[e]=n,t}function Et(t,e){return Object.keys(e).forEach((function(n){St(t,n,e[n])})),t}function Rt(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function $t(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function Ct(t,e){$t(t).forEach((function(t){return kt(t,e)})),Ot(t,e)}function Dt(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";vt||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function Tt(t){var e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth,o=e.top<=n&&e.top+e.height>=0,i=e.left<=r&&e.left+e.width>=0;return o&&i}var At=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},_t=r((function(t){function e(n,r,o){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}()?t.exports=e=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&p(o,n.prototype),o}:t.exports=e=Reflect.construct,e.apply(null,arguments)}t.exports=e})),zt=function(t){function e(t,n){var r;return i(this,e),r=l(this,u(e).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(s(r),n||r.constructor),r.name="ArtPlayerError",r}return f(e,t),e}(r((function(t){function e(n){var r="function"==typeof Map?new Map:void 0;return t.exports=e=function(t){if(null===t||!At(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return _t(t,arguments,u(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),p(e,t)},e(n)}t.exports=e}))(Error));function Lt(t,e){if(!t)throw new zt(e);return t}function Mt(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function qt(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function It(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function Ft(t){return t.includes("?")?Ft(t.split("?")[0]):t.includes("#")?Ft(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function Nt(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var Vt=function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1?e-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function Gt(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function ne(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var re=Object.freeze({__proto__:null,query:wt,queryAll:xt,addClass:Ot,removeClass:kt,hasClass:jt,append:Pt,remove:function(t){return t.parentNode.removeChild(t)},setStyle:St,setStyles:Et,getStyle:Rt,sublings:$t,inverseClass:Ct,tooltip:Dt,isInViewport:Tt,ArtPlayerError:zt,errorHandle:Lt,srtToVtt:Mt,vttToBlob:qt,assToVtt:It,getExt:Ft,download:Nt,def:Ut,has:Xt,proxyPropertys:Jt,mergeDeep:Zt,sleep:Qt,debounce:Gt,throttle:Kt,clamp:te,secondToTime:ee,escape:ne,userAgent:mt,isMobile:vt,isSafari:bt,isWechat:gt});function oe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ie(t,e,n){return Lt("string"===e||t instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}var ae={html:ie,disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"},ce={container:ie,url:"string",poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",autoMin:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",light:"boolean",backdrop:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",subtitleOffset:"boolean",miniProgressBar:"boolean",localVideo:"boolean",localSubtitle:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[ae],contextmenu:[ae],controls:[function(t){for(var e=1;e-1;case"function":return t(e.userAgent);case"regexp":return t.test(e.userAgent);default:return!1}}))},ue=function(){function t(e){var n=this;i(this,t),this.art=e,e.option.container instanceof Element?this.$container=e.option.container:(this.$container=wt(e.option.container),Lt(this.$container,"No container element found by ".concat(e.option.container))),Lt(e.constructor.instances.every((function(t){return t.template.$container!==n.$container})),"Cannot mount multiple instances on the same dom element"),Lt(this.$container.clientWidth&&this.$container.clientHeight,"The width and height of the container cannot be 0"),e.whitelist.state?this.desktop():this.mobile()}return c(t,[{key:"query",value:function(t){return wt(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option,e=t.theme,n=t.backdrop;this.$container.innerHTML='
Player version:
3.5.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'),this.$undercover=this.query(".art-undercover"),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$settingInner=this.query(".art-setting-inner"),this.$settingBody=this.query(".art-setting-body"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),n&&(Ot(this.$settingInner,"art-backdrop-filter"),Ot(this.$info,"art-backdrop-filter"),Ot(this.$contextmenu,"art-backdrop-filter")),this.art.isMobile&&Ot(this.$container,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":Ot(this.$player,"art-destroy")}}]),t}(),pe={"Video info":"视频统计信息",Close:"关闭","Light Off":"关灯","Light On":"开灯","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","PIP mode":"画中画模式","Exit PIP mode":"退出画中画模式","PIP not supported":"不支持画中画模式","Local Subtitle":"本地字幕","Local Video":"本地视频","Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},fe={"Video info":"影片統計訊息",Close:"關閉","Light Off":"關燈","Light On":"開燈","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕","Show setting":"顯示设置","Hide setting":"隱藏设置",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","PIP mode":"畫中畫模式","Exit PIP mode":"退出畫中畫模式","PIP not supported":"不支持畫中畫模式","Local Subtitle":"本地字幕","Local Video":"本地視頻","Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"},de=function(){function t(e){i(this,t),this.art=e,this.languages={"zh-cn":pe,"zh-tw":fe},this.init()}return c(t,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=Zt(this.languages,t),this.init()}}]),t}();var ye=r((function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};ry){var h=y*u/l;St(r,"width","".concat(100*h,"%")),St(r,"height","100%"),St(r,"padding","0 ".concat((p-p*h)/2,"px"))}else{var m=l/y/u;St(r,"width","100%"),St(r,"height","".concat(100*m,"%")),St(r,"padding","".concat((f-f*m)/2,"px 0"))}}o.dataset.aspectRatio=n,a.show="".concat(i.get("Aspect ratio"),": ").concat("default"===n?i.get("Default"):n),t.emit("aspectRatio",n)}else e.aspectRatio&&(St(r,"width",null),St(r,"height",null),St(r,"padding",null),delete o.dataset.aspectRatio,t.emit("aspectRatio"))}}),Ut(e,"aspectRatioReset",{set:function(t){if(t&&e.aspectRatio){var n=e.aspectRatio;e.aspectRatio=n}}})}(e,this),function(t,e){var n=t.option,r=t.notice,o=t.template.$video,i=document.createElement("canvas");Ut(e,"getDataURL",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),t(i.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),Ut(e,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),i.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),Ut(e,"screenshot",{value:function(){e.getDataURL().then((function(e){Nt(e,"".concat(n.title||"artplayer","_").concat(ee(o.currentTime),".png")),t.emit("screenshot",e)}))}})}(e,this),function(t,e){var n=t.template.$player;Ut(e,"fullscreen",{get:function(){return ye.isFullscreen},set:function(r){r?ye.request(n).then((function(){Ot(n,"art-fullscreen"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreen",!0)})):ye.exit().then((function(){kt(n,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreen")}))}}),Ut(e,"fullscreenToggle",{set:function(t){t&&(e.fullscreen=!e.fullscreen)}})}(e,this),function(t,e){var n=t.template.$player;Ut(e,"fullscreenWeb",{get:function(){return jt(n,"art-fullscreen-web")},set:function(r){r?(Ot(n,"art-fullscreen-web"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreenWeb",!0)):(kt(n,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"))}}),Ut(e,"fullscreenWebToggle",{set:function(t){t&&(e.fullscreenWeb=!e.fullscreenWeb)}})}(e,this),function(t,e){var n=t.template,r=n.$container,o=n.$player;Ut(e,"fullscreenRotate",{get:function(){return jt(r,"art-fullscreen-rotate")},set:function(n){if(n){Ot(r,"art-fullscreen-rotate"),e.autoSize=!0;var i=document.body,a=i.clientHeight,c=i.clientWidth,s=o.clientHeight,l=o.clientWidth;if(c/a0&&!n.paused&&!n.ended&&n.readyState>2)}})}(e,this),function(t,e){var n=t.template,r=n.$container,o=n.$player,i=n.$video;Ut(e,"autoSize",{get:function(){return jt(r,"art-auto-size")},set:function(n){if(n){var a=i.videoWidth,c=i.videoHeight,s=r.getBoundingClientRect(),l=s.width,u=s.height,p=a/c,f=l/u;if(Ot(r,"art-auto-size"),f>p){St(o,"width","".concat(u*p/l*100,"%")),St(o,"height","100%")}else{var d=l/p/u*100;St(o,"width","100%"),St(o,"height","".concat(d,"%"))}t.emit("autoSize",{width:e.width,height:e.height})}else kt(r,"art-auto-size"),St(o,"width",null),St(o,"height",null),t.emit("autoSize")}})}(e,this),function(t,e){Ut(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach((function(t){Ut(e,t,{get:function(){return e.rect[t]}})})),Ut(e,"x",{get:function(){return e.left+window.pageXOffset}}),Ut(e,"y",{get:function(){return e.top+window.pageYOffset}})}(e,this),function(t,e){var n=t.template.$player;Ut(e,"flip",{get:function(){return n.dataset.flip},set:function(e){if(e){var r=["normal","horizontal","vertical"];Lt(r.includes(e),"'flip' only accept ".concat(r.toString()," as parameters")),n.dataset.flip=e,t.emit("flip",e)}else delete n.dataset.flip,t.emit("flip")}})}(e,this),function(t,e){var n=t.template.$undercover;Ut(e,"light",{get:function(){return"none"!==Rt(n,"display",!1)},set:function(e){St(n,"display",e?"block":"none"),t.emit("light",e)}})}(e,this),function(t,e){var n=t.i18n,r=t.option,o=t.storage,i=t.events.proxy,a=t.template,c=a.$player,s=a.$miniClose,l=a.$miniTitle,u=a.$miniHeader,p="",f=!1,d=0,y=0,h=0,m=0;i(u,"mousedown",(function(t){f=!0,d=t.pageX,y=t.pageY,h=e.left,m=e.top})),i(document,"mousemove",(function(t){if(f){Ot(c,"art-is-dragging");var e=m+t.pageY-y,n=h+t.pageX-d;St(c,"top","".concat(e,"px")),St(c,"left","".concat(n,"px")),o.set("top",e),o.set("left",n)}})),i(document,"mouseup",(function(){f=!1,kt(c,"art-is-dragging")})),i(s,"click",(function(){e.mini=!1,f=!1,kt(c,"art-is-dragging")})),Pt(l,r.title||n.get("Mini player")),Ut(e,"mini",{get:function(){return jt(c,"art-mini")},set:function(n){if(n){e.autoSize=!1,p=c.style.cssText,Ot(c,"art-mini");var i=o.get("top"),a=o.get("left");if(i&&a)St(c,"top","".concat(i,"px")),St(c,"left","".concat(a,"px")),Tt(u)||(o.del("top"),o.del("left"),e.mini=!0);else{var s=document.body,l=s.clientHeight-e.height-50,f=s.clientWidth-e.width-50;o.set("top",l),o.set("left",f),St(c,"top","".concat(l,"px")),St(c,"left","".concat(f,"px"))}e.aspectRatio=!1,e.playbackRate=!1,t.emit("mini",!0)}else c.style.cssText=p,kt(c,"art-mini"),St(c,"top",null),St(c,"left",null),e.aspectRatio=!1,e.playbackRate=!1,e.autoSize=r.autoSize,t.emit("mini")}}),Ut(e,"miniToggle",{set:function(t){t&&(e.mini=!e.mini)}})}(e,this),function(t,e){var n=[];Ut(e,"loop",{get:function(){return n},set:function(r){if(Array.isArray(r)&&"number"==typeof r[0]&&"number"==typeof r[1]){var o=te(r[0],0,Math.min(r[1],e.duration)),i=te(r[1],o,e.duration);i-o>=1?(n=[o,i],t.emit("loop",n)):(n=[],t.emit("loop"))}else n=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){n.length&&(e.currentTimen[1])&&(e.seek=n[0])}))}(e,this),Jt(e,this)};var ve=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=u(t)););return t},be=r((function(t){function e(n,r,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=e=Reflect.get:t.exports=e=function(t,e,n){var r=ve(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}},e(n,r,o||n)}t.exports=e})),ge=function(){function t(e){i(this,t),this.id=0,this.art=e,this.add=this.add.bind(this)}return c(t,[{key:"add",value:function(t,e){var n=this,r="function"==typeof t?t(this.art):t;if(this.$parent&&this.name&&!r.disable){this.id+=1;var o=r.name||"".concat(this.name).concat(this.id);Lt(!Xt(this,o),"Cannot add an existing name [".concat(o,"] to the [").concat(this.name,"]"));var i=document.createElement("div");i.classList.value="art-".concat(this.name," art-").concat(this.name,"-").concat(o),r.html&&Pt(i,r.html),r.style&&Et(i,r.style),r.tooltip&&Dt(i,r.tooltip);var a=Array.from(this.$parent.children);i.dataset.index=r.index||this.id;var c=a.find((function(t){return Number(t.dataset.index)>=Number(i.dataset.index)}));c?c.insertAdjacentElement("beforebegin",i):Pt(this.$parent,i),r.click&&this.art.events.proxy(i,"click",(function(t){t.preventDefault(),r.click.call(n.art,n,t)})),r.mounted&&r.mounted(i,this,this.art),e&&e(i,this,this.art),Ut(this,o,{get:function(){return r}})}}},{key:"show",get:function(){return jt(this.art.template.$player,"art-".concat(this.name,"-show"))},set:function(t){var e=this.art.template.$player,n="art-".concat(this.name,"-show");t?Ot(e,n):kt(e,n),this.art.emit(this.name,t)}},{key:"toggle",set:function(t){t&&(this.show=!this.show)}}]),t}();function we(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xe(t){return function(e){return function(t){for(var e=1;e
'),mounted:function(t){var n=!1,r=wt(".art-progress-loaded",t),i=wt(".art-progress-played",t),s=wt(".art-progress-highlight",t),l=wt(".art-progress-indicator",t),u=wt(".art-progress-tip",t);function p(t,e){"loaded"===t&&St(r,"width","".concat(100*e,"%")),"played"===t&&(St(i,"width","".concat(100*e,"%")),St(l,"left","calc(".concat(100*e,"% - ").concat(Rt(l,"width")/2,"px)")))}o.forEach((function(t){var e=te(t.time,0,c.duration)/c.duration*100;Pt(s,''))})),p("loaded",c.loaded),e.on("video:progress",(function(){p("loaded",c.loaded)})),e.on("video:timeupdate",(function(){p("played",c.played)})),e.on("video:ended",(function(){p("played",1)})),a(t,"mousemove",(function(n){St(u,"display","block"),n.composedPath().indexOf(s)>-1?function(n){var r=$e(e,n).width,o=n.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?St(u,"left",0):r>t.clientWidth-i/2?St(u,"left","".concat(t.clientWidth-i,"px")):St(u,"left","".concat(r-i/2,"px"))}(n):function(n){var r=$e(e,n),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?St(u,"left",0):o>t.clientWidth-a/2?St(u,"left","".concat(t.clientWidth-a,"px")):St(u,"left","".concat(o-a/2,"px"))}(n)})),a(t,"mouseout",(function(){St(u,"display","none")})),a(t,"click",(function(t){if(t.target!==l){var n=$e(e,t),r=n.second;p("played",n.percentage),c.seek=r}})),a(l,"mousedown",(function(){n=!0})),a(document,"mousemove",(function(t){if(n){var r=$e(e,t),o=r.second,i=r.percentage;Ot(l,"art-show-indicator"),p("played",i),c.seek=o}})),a(document,"mouseup",(function(){n&&(n=!1,kt(l,"art-show-indicator"))}))}})}}function De(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Te(t){return function(e){return function(t){for(var e=1;e'),f=Pt(p,'
');function d(t){var e=p.getBoundingClientRect().left;return te(t.pageX-e-s/2,0,c-s/2)/(c-s)}function y(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)St(l,"display","none"),St(u,"display","flex"),St(f,"left","0");else{var e=(c-s)*t;St(l,"display","flex"),St(u,"display","none"),St(f,"left","".concat(e,"px"))}}Dt(l,i.get("Mute")),St(u,"display","none"),e.isMobile&&St(p,"display","none"),y(o.volume),e.on("video:volumechange",(function(){y(o.volume)})),n(l,"click",(function(){o.muted=!0})),n(u,"click",(function(){o.muted=!1})),n(p,"click",(function(t){o.muted=!1,o.volume=d(t)})),n(f,"mousedown",(function(){a=!0})),n(t,"mousemove",(function(t){a&&(o.muted=!1,o.volume=d(t))})),n(document,"mouseup",(function(){a&&(a=!1)}))}})}}function Me(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qe(t){return function(e){return function(t){for(var e=1;er.clientWidth-s/2?St(t,"left","".concat(r.clientWidth-s,"px")):St(t,"left","".concat(i-s/2,"px"))}(o))})),i(r,"mouseout",(function(){St(t,"display","none")}))}})}}function Ne(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ve(t){return function(e){return function(t){for(var e=1;e'.concat(s.name,"")),u=n.map((function(t,e){return'
').concat(t.name,"
")})).join(""),p=Pt(t,'
'.concat(u,"
"));i(t,(function(){p.style.left="-".concat(Rt(p,"width")/2-t.clientWidth/2,"px")})),o(p,"click",(function(t){var e=Number(t.target.dataset.index),r=n[e],o=r.url,i=r.name;o&&i&&c!==e&&(a.switchQuality(o,i),l.innerText=i,c=e)}))}})}}function Be(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ue(t){return function(e){return function(t){for(var e=1;e'),o=Pt(t,'');e.on("loop",(function(e){e?(St(t,"display","block"),St(r,"left","calc(".concat(e[0]/n.duration*100,"% - ").concat(r.clientWidth,"px)")),St(o,"left","".concat(e[1]/n.duration*100,"%"))):St(t,"display","none")}))}})}}var Ye=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="control";var r=t.option,o=t.player,a=t.template.$player;return n.delayHide=Gt((function(){o.playing&&n.show&&(Ot(a,"art-hide-cursor"),kt(a,"art-hover"),n.show=!1)}),3e3),n.cancelDelayHide=n.delayHide.clearTimeout,t.once("ready",(function(){n.add(Ce({name:"progress",disable:r.isLive,position:"top",index:10})),n.add(Fe({name:"thumbnails",disable:!r.thumbnails.url||r.isLive,position:"top",index:20})),n.add(Ue({name:"loop",disable:!1,position:"top",index:30})),n.add(Ee({name:"playAndPause",disable:!1,position:"left",index:10})),n.add(Le({name:"volume",disable:!1,position:"left",index:20})),n.add(_e({name:"time",disable:r.isLive,position:"left",index:30})),n.add(He({name:"quality",disable:0===r.quality.length,position:"right",index:10})),n.add(Ve({name:"screenshot",disable:!r.screenshot,position:"right",index:20})),n.add(Te({name:"subtitle",disable:!r.subtitle.url,position:"right",index:30})),n.add(qe({name:"setting",disable:!r.setting,position:"right",index:40})),n.add(Pe({name:"pip",disable:!r.pip,position:"right",index:50})),n.add(ke({name:"fullscreenWeb",disable:!r.fullscreenWeb,position:"right",index:60})),n.add(xe({name:"fullscreen",disable:!r.fullscreen,position:"right",index:70})),r.controls.forEach((function(t){n.add(t)}))})),n}return f(e,t),c(e,[{key:"add",value:function(t,n){var r=this,o="function"==typeof t?t(this.art):t;Lt(["top","left","right"].includes(o.position),"Control option.position must one of 'top', 'left', 'right'");var i=this.art.template,a=i.$progress,c=i.$controlsLeft,s=i.$controlsRight;switch(o.position){case"top":this.$parent=a;break;case"left":this.$parent=c;break;case"right":this.$parent=s}be(u(e.prototype),"add",this).call(this,o,(function(t){o.disable||"top"===o.position||t.firstElementChild&&"I"===t.firstElementChild.tagName||Ot(t,"art-control-onlyText"),n&&n(t,r,r.art)}))}}]),e}(ge);function Xe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Je(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e0.50.75').concat(r.get("Normal"),'1.251.52.0'),click:function(t,e){var n=e.target.dataset.rate;n&&(o.playbackRate=Number(n),t.show=!1)},mounted:function(t){e.on("playbackRate",(function(e){var n=xt("span",t).find((function(t){return Number(t.dataset.rate)===e}));n&&Ct(n,"art-current")}))}})}}function Ze(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Qe(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e').concat(r.get("Default"),'4:316:9'),click:function(t,e){var n=e.target.dataset.ratio;n&&(o.aspectRatio=n,t.show=!1)},mounted:function(t){e.on("aspectRatio",(function(e){var n=xt("span",t).find((function(t){return t.dataset.ratio===e}));n&&Ct(n,"art-current")}))}})}}function Ge(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ke(t){return function(e){return function(t){for(var e=1;eArtPlayer 3.5.9'})}function nn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rn(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;el+s&&(y=s-d),r+f>u+i&&(h=i-f),Et(c,{top:"".concat(h,"px"),left:"".concat(y,"px")})})),s(a,"click",(function(t){t.composedPath().includes(c)||(n.show=!1)})),t.on("blur",(function(){n.show=!1}))})),n}return f(e,t),e}(ge),sn=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="info";var r=t.template,o=r.$infoPanel,a=r.$infoClose,c=r.$video;(0,t.events.proxy)(a,"click",(function(){n.show=!1}));var s=null,p=xt("[data-video]",o);return t.on("destroy",(function(){clearTimeout(s)})),t.on("info",(function(t){clearTimeout(s),t&&function t(){p.forEach((function(t){var e=c[t.dataset.video];t.innerText="number"==typeof e?e.toFixed(2):e})),s=setTimeout((function(){t()}),1e3)}()})),n}return f(e,t),e}(ge),ln=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="subtitle";var r=t.option.subtitle;return Et(t.template.$subtitle,r.style),r.url&&n.init(r.url),n}return f(e,t),c(e,[{key:"update",value:function(){var t=this.art.template.$subtitle;t.innerHTML="",this.activeCue&&(t.innerHTML=this.activeCue.text.split(/\r?\n/).map((function(t){return"

".concat(ne(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t,e,n){var r=this,o=this.art,i=o.i18n,a=o.notice;return this.init(t,n).then((function(t){return e&&(a.show="".concat(i.get("Switch subtitle"),": ").concat(e)),r.art.emit("subtitleSwitch",t),t}))}},{key:"init",value:function(t,e){var n=this,r=this.art,o=r.notice,i=r.events.proxy,a=r.template,c=a.$subtitle,s=a.$video;if(!a.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",s.appendChild(l),this.art.template.$track=l,i(this.textTrack,"cuechange",this.update.bind(this))}return fetch(t).then((function(t){return t.text()})).then((function(r){switch(n.art.emit("subtitleLoad",t),e||Ft(t)){case"srt":return qt(Mt(r));case"ass":return qt(It(r));case"vtt":return qt(r);default:return t}})).then((function(t){return c.innerHTML="",n.url===t?t:(URL.revokeObjectURL(n.url),n.art.template.$track.src=t,t)})).catch((function(t){throw o.show=t,t}))}},{key:"url",get:function(){return this.art.template.$track.src}},{key:"textTrack",get:function(){return this.art.template.$video.textTracks[0]}},{key:"activeCue",get:function(){return this.textTrack.activeCues[0]}}]),e}(ge);var un=function(){function t(e){var n=this;i(this,t),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),e.whitelist.state&&e.once("ready",(function(){!function(t,e){var n=t.controls,r=t.template.$player;e.proxy(document,["click","contextmenu"],(function(e){e.composedPath&&e.composedPath().indexOf(r)>-1?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})),t.on("blur",(function(){n.delayHide()}))}(e,n),function(t,e){var n=t.controls,r=t.template.$player;e.hover(r,(function(){Ot(r,"art-hover"),t.emit("hover",!0)}),(function(){kt(r,"art-hover"),t.emit("hover")})),t.on("hover",(function(t){t||n.delayHide()}))}(e,n),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=t.controls;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)})),t.on("mousemove",(function(t){a.cancelDelayHide(),kt(r,"art-hide-cursor"),a.show=!0,i.pip||t.target!==o||a.delayHide()}))}(e,n),function(t,e){var n=t.option,r=t.player,o=Kt((function(){r.normal&&(r.autoSize=n.autoSize),r.aspectRatioReset=!0,t.emit("resize")}),500);e.proxy(window,["orientationchange","resize"],(function(){o()}))}(e,n),function(t,e){if(t.isMobile&&!t.option.isLive){var n=t.player,r=t.notice,o=t.template.$video,i=!1,a=0,c=0;e.proxy(o,"touchstart",(function(t){1===t.touches.length&&(i=!0,a=t.touches[0].clientX)})),e.proxy(document,"touchmove",(function(t){if(1===t.touches.length&&i){var e=te((t.touches[0].clientX-a)/o.clientWidth,-1,1);c=te(n.currentTime+60*e,0,n.duration),r.show="".concat(ee(c)," / ").concat(ee(n.duration))}})),e.proxy(document,"touchend",(function(){i&&c&&(n.seek=c),i=!1,a=0,c=0}))}}(e,n),function(t,e){var n=t.player,r=t.option.autoMini,o=t.template.$container,i=Gt((function(){t.emit("view",Tt(o))}),200);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(t){r&&(n.mini=!t)}))}(e,n)}))}return c(t,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(t);(o=new Image).src=t}return o.complete?n(o):(e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(o)})),t)}))}},{key:"destroy",value:function(){this.destroyEvents.forEach((function(t){return t()}))}}]),t}(),pn=function(){function t(e){var n=this;i(this,t),this.keys={};var r=e.option,o=e.player,a=e.events.proxy;r.hotkey&&e.once("ready",(function(){n.add(27,(function(){o.fullscreenWeb&&(o.fullscreenWeb=!1)})),n.add(32,(function(){o.toggle=!0})),n.add(37,(function(){o.backward=5})),n.add(38,(function(){o.volume+=.1})),n.add(39,(function(){o.forward=5})),n.add(40,(function(){o.volume-=.1})),a(window,"keydown",(function(t){if(e.isFocus){var r=document.activeElement.tagName.toUpperCase(),o=document.activeElement.getAttribute("contenteditable");if("INPUT"!==r&&"TEXTAREA"!==r&&""!==o&&"true"!==o){var i=n.keys[t.keyCode];i&&(t.preventDefault(),i.forEach((function(t){return t()})),e.emit("hotkey",t))}}}))}))}return c(t,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}}]),t}(),fn=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this,t))).name="layer",n.$parent=t.template.$layer,t.once("ready",(function(){t.option.layers.forEach((function(t){n.add(t)}))})),n}return f(e,t),e}(ge),dn=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this,t))).name="loading",Pt(t.template.$loading,t.icons.loading),n}return f(e,t),e}(ge),yn=function(){function t(e){i(this,t),this.art=e,this.time=2e3,this.timer=null}return c(t,[{key:"show",set:function(t){var e=this.art.template,n=e.$player,r=e.$noticeInner;r.innerText=t instanceof Error?t.message.trim():t,Ot(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout((function(){r.innerText="",kt(n,"art-notice-show")}),this.time)}}]),t}(),hn=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this,t))).name="mask",Pt(t.template.$state,t.icons.state),n}return f(e,t),e}(ge);function mn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var vn=function t(e){var r=this;i(this,t);var o=function(t){for(var e=1;e',state:'',play:'',pause:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:''},e.option.icons);Object.keys(o).forEach((function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),Pt(e,o[t]),r[t]=e}))};function bn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gn(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e'.concat(r.get("Flip"),'
"),click:function(t,e){var n=e.target.dataset.value;n&&(o.flip=n)},mounted:function(t){e.on("flip",(function(e){var n=xt("button",t).find((function(t){return t.dataset.value===e}));n&&Ct(n.parentElement,"current")}))}})}}function wn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xn(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e'.concat(r.get("Aspect ratio"),'
'),click:function(t,e){var n=e.target.dataset.value;n&&(o.aspectRatio=n)},mounted:function(t){e.on("aspectRatio",(function(e){var n=xt("button",t).find((function(t){return t.dataset.value===e}));n&&Ct(n.parentElement,"current")}))}})}}function On(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kn(t){return function(e){var r=e.i18n,o=e.player,i=e.events.proxy;return function(t){for(var e=1;e'.concat(r.get("Play speed"),': 1.0x
'),mounted:function(t){var n=wt(".art-setting-range input",t),r=wt(".art-subtitle-value",t);i(n,"change",(function(){var t=n.value;r.innerText=t,o.playbackRate=Number(t)})),e.on("playbackRate",(function(t){t&&n.value!==t&&(n.value=t,r.innerText=t)}))}})}}var jn=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="setting";var r=t.option,o=t.template,a=o.$setting,c=o.$settingBody,s=t.events.proxy;return n.$parent=c,r.setting&&(t.once("ready",(function(){s(a,"click",(function(t){t.target===a&&(n.show=!1)})),n.add(gn({disable:!r.flip,name:"flip"})),n.add(xn({disable:!r.aspectRatio,name:"aspectRatio"})),n.add(kn({disable:!r.playbackRate,name:"playbackRate"}))})),t.on("blur",(function(){n.show=!1}))),n}return f(e,t),e}(ge),Pn=function(){function t(){i(this,t),this.name="artplayer_settings"}return c(t,[{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.name))||{};return t?e[t]:e}},{key:"set",value:function(t,e){var r=Object.assign({},this.get(),n({},t,e));localStorage.setItem(this.name,JSON.stringify(r))}},{key:"del",value:function(t){var e=this.get();delete e[t],localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){localStorage.removeItem(this.name)}}]),t}();function Sn(t){var e=t.i18n,n=t.subtitle,r=t.events.proxy;return{title:"Subtitle",name:"subtitleOffset",index:20,html:'
'.concat(e.get("Subtitle offset time"),': 0s
'),mounted:function(e){var o=wt(".art-setting-range input",e),i=wt(".art-subtitle-value",e);r(o,"change",(function(){var e=o.value;i.innerText=e,t.plugins.subtitleOffset.offset(Number(e))})),t.on("subtitle:switch",(function(){o.value=0,i.innerText=0})),t.on("subtitleOffset",(function(t){n.update(),o.value!==t&&(o.value=t,i.innerText=t)}))}}}function En(t){var e=t.constructor.utils.clamp,n=t.setting,r=t.notice,o=t.template,i=t.i18n,a=t.player;n.add(Sn);var c=[];return t.on("subtitle:switch",(function(){c=[]})),{name:"subtitleOffset",offset:function(n){if(o.$track&&o.$track.track){var s=Array.from(o.$track.track.cues),l=e(n,-5,5);s.forEach((function(t,n){c[n]||(c[n]={startTime:t.startTime,endTime:t.endTime}),t.startTime=e(c[n].startTime+l,0,a.duration),t.endTime=e(c[n].endTime+l,0,a.duration)})),r.show="".concat(i.get("Subtitle offset time"),": ").concat(n,"s"),t.emit("subtitleOffset",n)}else r.show="".concat(i.get("No subtitles found")),t.emit("subtitleOffset",0)}}}function Rn(t){var e=t.events.proxy,n=t.template,r=t.player,o=t.option,i=t.setting,a=t.i18n;function c(e){if(e){var i=n.$video.canPlayType(e.type);if("maybe"===i||"probably"===i){var a=URL.createObjectURL(e);o.title=e.name,r.switchUrl(a,e.name),t.emit("localVideo",e)}else Lt(!1,"Playback of this file format is not supported")}}function s(t){var n=Pt(t,'');St(t,"position","relative"),Et(n,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(n,"change",(function(){c(n.files[0])}))}return e(n.$player,"dragover",(function(t){t.preventDefault()})),e(n.$player,"drop",(function(t){t.preventDefault(),c(t.dataTransfer.files[0])})),t.once("ready",(function(){i.add({title:"Local Video",name:"localVideo",index:30,html:'
'.concat(a.get("Local Video"),'
').concat(a.get("Open"),'
'),mounted:function(e){var n=wt(".art-upload-btn",e),r=wt(".art-upload-value",e);t.on("localVideo",(function(t){r.textContent=t.name,r.title=t.name})),s(n)}})})),{name:"localVideo",attach:s}}function $n(t){var e=t.events.proxy,n=t.subtitle,r=t.setting,o=t.i18n;function i(r){var o=Pt(r,'');St(r,"position","relative"),Et(o,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(o,"change",(function(){!function(e){if(e){var r=Ft(e.name);if(["ass","vtt","srt"].includes(r)){var o=URL.createObjectURL(e);n.switch(o,e.name,r),t.emit("localSubtitle",e)}else Lt(!1,"Only supports subtitle files in .ass, .vtt and .srt format")}}(o.files[0])}))}return t.once("ready",(function(){r.add({title:"Local Subtitle",name:"localSubtitle",index:40,html:'
'.concat(o.get("Local Subtitle"),'
').concat(o.get("Open"),'
'),mounted:function(e){var n=wt(".art-upload-btn",e),r=wt(".art-upload-value",e);t.on("localSubtitle",(function(t){r.textContent=t.name,r.title=t.name})),i(n)}})})),{name:"localSubtitle",attach:i}}function Cn(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"2px",background:r},mounted:function(e){t.on("control",(function(t){e.style.display=t?"none":"block"})),t.on("destroy",(function(){e.style.display="none"})),t.on("video:timeupdate",(function(){e.style.width="".concat(100*n.played,"%")}))}}),{name:"miniProgressBar"}}function Dn(t){var e=1e4,n=0,r=0,o=0,i=null;function a(){n=0,r=0,o=0,cancelAnimationFrame(i),i=null}function c(){i||function a(){t.isDestroy||(i=requestAnimationFrame((function(){var i=Date.now();if(o){var c=i-o;r+=c,t.player.playing||(n+=c)}o=i,t.emit("networkMonitor",n/r),r>=e&&(n=0,r=0),a()})))}()}return t.on("play",c),t.on("pause",a),{name:"networkMonitor",reset:a,start:c,sample:function(t){e=t}}}var Tn=function(){function t(e){var n=this;i(this,t),this.art=e,this.id=0;var r=e.option;r.subtitle.url&&r.subtitleOffset&&this.add(En),!r.isLive&&r.miniProgressBar&&this.add(Cn),r.localVideo&&this.add(Rn),r.localSubtitle&&this.add($n),r.networkMonitor&&this.add(Dn),e.option.plugins.forEach((function(t){n.add(t)}))}return c(t,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art),n=e&&e.name||t.name||"plugin".concat(this.id);return Lt(!Xt(this,n),"Cannot add a plugin that already has the same name: ".concat(n)),Ut(this,n,{value:e}),this}}]),t}(),An=function t(e){i(this,t);var n=e.option,r=e.events.proxy,o=e.template.$video;se.events.forEach((function(t){r(o,t,(function(t){e.emit("video:".concat(t.type),t)}))})),Object.keys(n.moreVideoAttr).forEach((function(t){o[t]=n.moreVideoAttr[t]})),n.muted&&(o.muted=n.muted),n.volume&&(o.volume=te(n.volume,0,1)),n.poster&&(o.poster=n.poster),n.autoplay&&(o.autoplay=n.autoplay),o.controls=!0;var a=n.type||Ft(n.url),c=n.customType[a];a&&c?(c(o,n.url,e),e.emit("customType",a)):(o.src=n.url,e.emit("url",o.src))},_n=0,zn=[],Ln=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this))).option=yt(Zt(e.option,t),ce),n.isFocus=!1,n.isDestroy=!1,n.userAgent=mt,n.isMobile=vt,n.isWechat=gt,n.whitelist=new le(s(n)),n.template=new ue(s(n)),n.events=new un(s(n)),n.whitelist.state?(n.storage=new Pn(s(n)),n.icons=new vn(s(n)),n.i18n=new de(s(n)),n.notice=new yn(s(n)),n.player=new me(s(n)),n.layers=new fn(s(n)),n.controls=new Ye(s(n)),n.contextmenu=new cn(s(n)),n.subtitle=new ln(s(n)),n.info=new sn(s(n)),n.loading=new dn(s(n)),n.hotkey=new pn(s(n)),n.mask=new hn(s(n)),n.setting=new jn(s(n)),n.plugins=new Tn(s(n))):n.mobile=new An(s(n)),_n+=1,n.id=_n,zn.push(s(n)),n}return f(e,t),c(e,[{key:"destroy",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),zn.splice(zn.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return zn}},{key:"version",get:function(){return"3.5.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return se}},{key:"utils",get:function(){return re}},{key:"scheme",get:function(){return ce}},{key:"Emitter",get:function(){return ht}},{key:"validator",get:function(){return yt}},{key:"kindOf",get:function(){return yt.kindOf}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMin:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,light:!1,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,localVideo:!1,localSubtitle:!1,networkMonitor:!1,layers:[],contextmenu:[],controls:[],quality:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:bt?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),e}(ht);function Mn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qn(t){for(var e=1;e=0||(o[n]=t[n]);return o};var e=function(e,n){if(null==e)return{};var r,o,i=t(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i};var n=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function r(t,e){return t(e={exports:{}},e.exports),e.exports}var o=r((function(t){function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e}));var i=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function a(t,e){for(var n=0;nB.length&&B.push(t)}function X(t,e,n){return null==t?0:function t(e,n,r,o){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var a=!1;if(null===e)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case g:case w:a=!0}}if(a)return r(o,e,""===n?"."+J(e,0):n),1;if(a=0,n=""===n?".":n+":",Array.isArray(e))for(var c=0;c1?e-1:0),r=1;r2?n-2:0),o=2;o2?n-2:0),o=2;o8)throw new Error("warningWithoutStack() currently supports at most 8 arguments.");if(!t){if("undefined"!=typeof console){var i=r.map((function(t){return""+t}));i.unshift("Warning: "+e),Function.prototype.apply.call(console.error,console,i)}try{var a=0,c="Warning: "+e.replace(/%s/g,(function(){return r[a++]}));throw new Error(c)}catch(t){}}},S={};function E(t,e){var n=t.constructor,r=n&&(n.displayName||n.name)||"ReactClass",o=r+"."+e;S[o]||(P(!1,"Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",e,r),S[o]=!0)}var R={isMounted:function(t){return!1},enqueueForceUpdate:function(t,e,n){E(t,"forceUpdate")},enqueueReplaceState:function(t,e,n,r){E(t,"replaceState")},enqueueSetState:function(t,e,n,r){E(t,"setState")}},$={};function C(t,e,n){this.props=t,this.context=e,this.refs=$,this.updater=n||R}Object.freeze($),C.prototype.isReactComponent={},C.prototype.setState=function(t,e){if("object"!=typeof t&&"function"!=typeof t&&null!=t)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,t,e,"setState")},C.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};var D={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]},T=function(t,e){Object.defineProperty(C.prototype,t,{get:function(){j(!1,"%s(...) is deprecated in plain JavaScript React classes. %s",e[0],e[1])}})};for(var A in D)D.hasOwnProperty(A)&&T(A,D[A]);function z(){}function _(t,e,n){this.props=t,this.context=e,this.refs=$,this.updater=n||R}z.prototype=C.prototype;var L=_.prototype=new z;L.constructor=_,e(L,C.prototype),L.isPureReactComponent=!0;var M={current:null},q={current:null},I=/^(.*)[\\\/]/;function F(t){if(null==t)return null;if("number"==typeof t.tag&&P(!1,"Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),"function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t;switch(t){case a:return"Fragment";case i:return"Portal";case s:return"Profiler";case c:return"StrictMode";case d:return"Suspense";case h:return"SuspenseList"}if("object"==typeof t)switch(t.$$typeof){case u:return"Context.Consumer";case l:return"Context.Provider";case f:return r=t,o=t.render,p="ForwardRef",b=o.displayName||o.name||"",r.displayName||(""!==b?p+"("+b+")":p);case y:return F(t.type);case m:var e=1===(n=t)._status?n._result:null;if(e)return F(e)}var n,r,o,p,b;return null}var N={},W=null;function V(t){W=t}N.getCurrentStack=null,N.getStackAddendum=function(){var t="";if(W){var e=F(W.type),n=W._owner;t+=function(t,e,n){var r="";if(e){var o=e.fileName,i=o.replace(I,"");if(/^index\./.test(i)){var a=o.match(I);if(a){var c=a[1];if(c)i=c.replace(I,"")+"/"+i}}r=" (at "+i+":"+e.lineNumber+")"}else n&&(r=" (created by "+n+")");return"\n in "+(t||"Unknown")+r}(e,W._source,n&&F(n.type))}var r=N.getCurrentStack;return r&&(t+=r()||""),t};var H={ReactCurrentDispatcher:M,ReactCurrentBatchConfig:{suspense:null},ReactCurrentOwner:q,IsSomeRendererActing:{current:!1},assign:e};e(H,{ReactDebugCurrentFrame:N,ReactComponentTreeHook:{}});var B,U,Y=function(t,e){if(!t){for(var n=H.ReactDebugCurrentFrame,r=n.getStackAddendum(),o=arguments.length,i=new Array(o>2?o-2:0),a=2;a1){for(var u=Array(l),p=0;p1){for(var d=Array(f),h=0;h.")}return e}(e);if(!xt[n]){xt[n]=!0;var r="";t&&t._owner&&t._owner!==q.current&&(r=" It was passed a child from "+F(t._owner.type)+"."),V(t),Y(!1,'Each child in a list should have a unique "key" prop.%s%s See https://fb.me/react-warning-keys for more information.',n,r),V(null)}}}function kt(t,e){if("object"==typeof t)if(Array.isArray(t))for(var n=0;n",i=" Did you accidentally export a JSX literal instead of a component?"):c=typeof t,Y(!1,"React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",c,i)}var l=et.apply(this,arguments);if(null==l)return l;if(r)for(var u=2;u is not supported and will be removed in a future major release. Did you mean to render instead?")),n.Provider},set:function(t){n.Provider=t}},_currentValue:{get:function(){return n._currentValue},set:function(t){n._currentValue=t}},_currentValue2:{get:function(){return n._currentValue2},set:function(t){n._currentValue2=t}},_threadCount:{get:function(){return n._threadCount},set:function(t){n._threadCount=t}},Consumer:{get:function(){return r||(r=!0,Y(!1,"Rendering is not supported and will be removed in a future major release. Did you mean to render instead?")),n.Consumer}}}),n.Consumer=i,n._currentRenderer=null,n._currentRenderer2=null,n},forwardRef:function(t){return null!=t&&t.$$typeof===y?P(!1,"forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):"function"!=typeof t?P(!1,"forwardRef requires a render function but was given %s.",null===t?"null":typeof t):0!==t.length&&2!==t.length&&P(!1,"forwardRef render functions accept exactly two parameters: props and ref. %s",1===t.length?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),null!=t&&(null!=t.defaultProps||null!=t.propTypes)&&P(!1,"forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"),{$$typeof:f,render:t}},lazy:function(t){var e,n,r={$$typeof:m,_ctor:t,_status:-1,_result:null};return Object.defineProperties(r,{defaultProps:{configurable:!0,get:function(){return e},set:function(t){Y(!1,"React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),e=t,Object.defineProperty(r,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return n},set:function(t){Y(!1,"React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),n=t,Object.defineProperty(r,"propTypes",{enumerable:!0})}}}),r},memo:function(t,e){return bt(t)||P(!1,"memo: The first argument must be a component. Instead received: %s",null===t?"null":typeof t),{$$typeof:y,type:t,compare:void 0===e?null:e}},useCallback:function(t,e){return vt().useCallback(t,e)},useContext:function(t,e){var n=vt();if(void 0!==e&&Y(!1,"useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",e,"number"==typeof e&&Array.isArray(arguments[2])?"\n\nDid you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://fb.me/rules-of-hooks":""),void 0!==t._context){var r=t._context;r.Consumer===t?Y(!1,"Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):r.Provider===t&&Y(!1,"Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return n.useContext(t,e)},useEffect:function(t,e){return vt().useEffect(t,e)},useImperativeHandle:function(t,e,n){return vt().useImperativeHandle(t,e,n)},useDebugValue:function(t,e){return vt().useDebugValue(t,e)},useLayoutEffect:function(t,e){return vt().useLayoutEffect(t,e)},useMemo:function(t,e){return vt().useMemo(t,e)},useReducer:function(t,e,n){return vt().useReducer(t,e,n)},useRef:function(t){return vt().useRef(t)},useState:function(t){return vt().useState(t)},Fragment:a,Profiler:s,StrictMode:c,Suspense:d,createElement:St,cloneElement:function(t,e,n){for(var r=nt.apply(this,arguments),o=2;oobject{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}.art-video-player .art-subtitle{display:none;position:absolute;z-index:20;bottom:10px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.art-video-player .art-subtitle p{word-break:break-all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:40px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-mask,.art-video-player .art-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.art-video-player .art-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.art-video-player.art-mask-show .art-mask,.art-video-player .art-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.art-video-player.art-loading-show .art-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:55px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.art-video-player .art-bottom .art-progress{position:relative;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4px;cursor:pointer}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{position:relative;height:50%;width:100%;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:100%;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:100%;background:#fff;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner{height:100%}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-indicator,.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-tip{display:block}.art-video-player .art-bottom .art-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.art-video-player .art-bottom .art-progress .art-control-loop{display:none;position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point{position:absolute;left:0;top:-2px;width:2px;height:8px;background:hsla(0,0%,100%,.75)}.art-video-player .art-bottom .art-controls{position:relative;pointer-events:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:5px 0}.art-video-player .art-bottom .art-controls,.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.art-video-player .art-bottom .art-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{position:relative;z-index:30}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-destroy .art-progress-tip,.art-video-player.art-error .art-progress-indicator,.art-video-player.art-error .art-progress-tip{display:none!important}.art-video-player .art-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.art-video-player .art-notice .art-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.art-video-player.art-notice-show .art-notice{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-contextmenus{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.9);border-radius:3px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;font-size:12px;display:block;color:#fff;padding:10px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{display:inline-block;padding:0 7px}.art-video-player .art-contextmenus .art-contextmenu span.art-current,.art-video-player .art-contextmenus .art-contextmenu span:hover{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:none}.art-video-player.art-contextmenu-show .art-contextmenus,.art-video-player .art-settings{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.art-video-player .art-settings .art-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.9);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.art-video-player .art-settings .art-setting-inner .art-setting-body{overflow-y:auto;width:100%;height:100%}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting .art-setting-header{margin-bottom:5px}.art-video-player .art-settings .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.art-video-player .art-settings .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.art-video-player .art-settings .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.art-video-player .art-settings .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.art-video-player .art-settings .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.art-video-player .art-settings .art-setting-upload{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-upload .art-upload-btn{width:80px;height:22px;line-height:22px;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px;text-align:center}.art-video-player .art-settings .art-setting-upload .art-upload-value{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;padding-left:10px}.art-video-player.art-setting-show .art-settings{opacity:1;visibility:visible;pointer-events:auto}.art-video-player.art-setting-show .art-settings .art-setting-inner{right:0}.art-video-player .art-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.9)}.art-video-player .art-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.art-video-player .art-info .art-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.art-video-player.art-info-show .art-info{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player.art-hide-cursor *{cursor:none!important}.art-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.art-video-player.art-fullscreen-web{position:fixed;z-index:9999;width:100%!important;height:100%!important;left:0;top:0;right:0;bottom:0}.art-fullscreen-rotate{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:#000}.art-video-player .art-mini-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.art-video-player .art-mini-header .art-mini-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.art-video-player .art-mini-header .art-mini-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-mini{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.art-video-player.art-mini .art-mini-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.art-video-player.art-mini.art-hover .art-mini-header{opacity:1;visibility:visible}.art-video-player.art-mini .art-mask .art-state{position:static}.art-video-player.art-mini .art-bottom,.art-video-player.art-mini .art-contextmenu,.art-video-player.art-mini .art-danmu,.art-video-player.art-mini .art-info,.art-video-player.art-mini .art-layers,.art-video-player.art-mini .art-notice,.art-video-player.art-mini .art-setting,.art-video-player.art-mini .art-subtitle{display:none!important}.art-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.art-video-player[data-flip=horizontal] .art-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.art-video-player .art-control-switcher{position:relative}.art-video-player .art-control-switcher .art-switcher-list{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-control-switcher .art-switcher-list .art-switcher-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-control-switcher .art-switcher-list .art-switcher-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-control-switcher:hover .art-switcher-list{display:block}:root{--balloon-color:rgba(16,16,16,0.95);--balloon-font-size:12px;--balloon-move:4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:#fff;content:attr(aria-label);padding:.5em 1em;white-space:nowrap;line-height:1.2}[aria-label][data-balloon-pos]:after,[aria-label][data-balloon-pos]:before{opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--balloon-color);content:""}[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before{opacity:1;pointer-events:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,var(--balloon-move));transform:translate(-50%,var(--balloon-move));-webkit-transform-origin:top;transform-origin:top}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before{-webkit-transform:translate(-50%);transform:translate(-50%)}');var ft=r((function(t,e){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var o=t(n);if("boolean"===o)return"boolean";if("string"===o)return"string";if("number"===o)return"number";if("symbol"===o)return"symbol";if("function"===o)return function(t){return"GeneratorFunction"===r(t)}(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(o=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return o.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function o(t,e){var r=21?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelector(t)}function gt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function wt(t,e){return t.classList.add(e)}function xt(t,e){return t.classList.remove(e)}function Ot(t,e){return t.classList.contains(e)}function kt(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function jt(t,e,n){return t.style[e]=n,t}function Pt(t,e){return Object.keys(e).forEach((function(n){jt(t,n,e[n])})),t}function St(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function Et(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function Rt(t,e){Et(t).forEach((function(t){return xt(t,e)})),wt(t,e)}function $t(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";yt||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function Ct(t){var e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth,o=e.top<=n&&e.top+e.height>=0,i=e.left<=r&&e.left+e.width>=0;return o&&i}var Dt=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},Tt=r((function(t){function e(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}function n(r,o,i){return e()?t.exports=n=Reflect.construct:t.exports=n=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&p(o,n.prototype),o},n.apply(null,arguments)}t.exports=n})),At=function(t){function e(t,n){var r;return i(this,e),r=l(this,u(e).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(s(r),n||r.constructor),r.name="ArtPlayerError",r}return f(e,t),e}(r((function(t){function e(n){var r="function"==typeof Map?new Map:void 0;return t.exports=e=function(t){if(null===t||!Dt(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return Tt(t,arguments,u(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),p(e,t)},e(n)}t.exports=e}))(Error));function zt(t,e){if(!t)throw new At(e);return t}function _t(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function Lt(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function Mt(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t.split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function qt(t){return t.includes("?")?qt(t.split("?")[0]):t.includes("#")?qt(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function It(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var Ft=function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1?e-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function Zt(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function te(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var ee=Object.freeze({__proto__:null,query:vt,queryAll:gt,addClass:wt,removeClass:xt,hasClass:Ot,append:kt,remove:function(t){return t.parentNode.removeChild(t)},setStyle:jt,setStyles:Pt,getStyle:St,sublings:Et,inverseClass:Rt,tooltip:$t,isInViewport:Ct,ArtPlayerError:At,errorHandle:zt,srtToVtt:_t,vttToBlob:Lt,assToVtt:Mt,getExt:qt,download:It,def:Ht,has:Ut,proxyPropertys:Yt,mergeDeep:Xt,sleep:Jt,debounce:Zt,throttle:Qt,clamp:Gt,secondToTime:Kt,escape:te,userAgent:ht,isMobile:yt,isSafari:mt,isWechat:bt});function ne(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function re(t,e,n){return zt("string"===e||t instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}var oe={html:re,disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"},ie={container:re,url:"string",poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",autoMin:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",light:"boolean",backdrop:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",subtitleOffset:"boolean",miniProgressBar:"boolean",localVideo:"boolean",localSubtitle:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[oe],contextmenu:[oe],controls:[function(t){for(var e=1;e-1;case"function":return t(e.userAgent);case"regexp":return t.test(e.userAgent);default:return!1}}))},se=function(){function t(e){var n=this;i(this,t),this.art=e,e.option.container instanceof Element?this.$container=e.option.container:(this.$container=vt(e.option.container),zt(this.$container,"No container element found by ".concat(e.option.container))),zt(e.constructor.instances.every((function(t){return t.template.$container!==n.$container})),"Cannot mount multiple instances on the same dom element"),zt(this.$container.clientWidth&&this.$container.clientHeight,"The width and height of the container cannot be 0"),e.whitelist.state?this.desktop():this.mobile()}return c(t,[{key:"query",value:function(t){return vt(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option,e=t.theme,n=t.backdrop;this.$container.innerHTML='
Player version:
3.5.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'),this.$undercover=this.query(".art-undercover"),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$settingInner=this.query(".art-setting-inner"),this.$settingBody=this.query(".art-setting-body"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),n&&(wt(this.$settingInner,"art-backdrop-filter"),wt(this.$info,"art-backdrop-filter"),wt(this.$contextmenu,"art-backdrop-filter")),this.art.isMobile&&wt(this.$container,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":wt(this.$player,"art-destroy")}}]),t}(),le={"Video info":"视频统计信息",Close:"关闭","Light Off":"关灯","Light On":"开灯","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","PIP mode":"画中画模式","Exit PIP mode":"退出画中画模式","PIP not supported":"不支持画中画模式","Local Subtitle":"本地字幕","Local Video":"本地视频","Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},ue={"Video info":"影片統計訊息",Close:"關閉","Light Off":"關燈","Light On":"開燈","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕","Show setting":"顯示设置","Hide setting":"隱藏设置",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","PIP mode":"畫中畫模式","Exit PIP mode":"退出畫中畫模式","PIP not supported":"不支持畫中畫模式","Local Subtitle":"本地字幕","Local Video":"本地視頻","Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"},pe=function(){function t(e){i(this,t),this.art=e,this.languages={"zh-cn":le,"zh-tw":ue},this.init()}return c(t,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=Xt(this.languages,t),this.init()}}]),t}();var fe=r((function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};rh){var y=h*u/l;jt(r,"width","".concat(100*y,"%")),jt(r,"height","100%"),jt(r,"padding","0 ".concat((p-p*y)/2,"px"))}else{var m=l/h/u;jt(r,"width","100%"),jt(r,"height","".concat(100*m,"%")),jt(r,"padding","".concat((f-f*m)/2,"px 0"))}}o.dataset.aspectRatio=n,a.show="".concat(i.get("Aspect ratio"),": ").concat("default"===n?i.get("Default"):n),t.emit("aspectRatio",n)}else e.aspectRatio&&(jt(r,"width",null),jt(r,"height",null),jt(r,"padding",null),delete o.dataset.aspectRatio,t.emit("aspectRatio"))}}),Ht(e,"aspectRatioReset",{set:function(t){if(t&&e.aspectRatio){var n=e.aspectRatio;e.aspectRatio=n}}})}(e,this),function(t,e){var n=t.option,r=t.notice,o=t.template.$video,i=document.createElement("canvas");Ht(e,"getDataURL",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),t(i.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),Ht(e,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),i.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),Ht(e,"screenshot",{value:function(){e.getDataURL().then((function(e){It(e,"".concat(n.title||"artplayer","_").concat(Kt(o.currentTime),".png")),t.emit("screenshot",e)}))}})}(e,this),function(t,e){var n=t.template.$player;Ht(e,"fullscreen",{get:function(){return fe.isFullscreen},set:function(r){r?fe.request(n).then((function(){wt(n,"art-fullscreen"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreen",!0)})):fe.exit().then((function(){xt(n,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreen")}))}}),Ht(e,"fullscreenToggle",{set:function(t){t&&(e.fullscreen=!e.fullscreen)}})}(e,this),function(t,e){var n=t.template.$player;Ht(e,"fullscreenWeb",{get:function(){return Ot(n,"art-fullscreen-web")},set:function(r){r?(wt(n,"art-fullscreen-web"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreenWeb",!0)):(xt(n,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"))}}),Ht(e,"fullscreenWebToggle",{set:function(t){t&&(e.fullscreenWeb=!e.fullscreenWeb)}})}(e,this),function(t,e){var n=t.template,r=n.$container,o=n.$player;Ht(e,"fullscreenRotate",{get:function(){return Ot(r,"art-fullscreen-rotate")},set:function(n){if(n){wt(r,"art-fullscreen-rotate"),e.autoSize=!0;var i=document.body,a=i.clientHeight,c=i.clientWidth,s=o.clientHeight,l=o.clientWidth;if(c/a0&&!n.paused&&!n.ended&&n.readyState>2)}})}(e,this),function(t,e){var n=t.template,r=n.$container,o=n.$player,i=n.$video;Ht(e,"autoSize",{get:function(){return Ot(r,"art-auto-size")},set:function(n){if(n){var a=i.videoWidth,c=i.videoHeight,s=r.getBoundingClientRect(),l=s.width,u=s.height,p=a/c,f=l/u;if(wt(r,"art-auto-size"),f>p){jt(o,"width","".concat(u*p/l*100,"%")),jt(o,"height","100%")}else{var d=l/p/u*100;jt(o,"width","100%"),jt(o,"height","".concat(d,"%"))}t.emit("autoSize",{width:e.width,height:e.height})}else xt(r,"art-auto-size"),jt(o,"width",null),jt(o,"height",null),t.emit("autoSize")}})}(e,this),function(t,e){Ht(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach((function(t){Ht(e,t,{get:function(){return e.rect[t]}})})),Ht(e,"x",{get:function(){return e.left+window.pageXOffset}}),Ht(e,"y",{get:function(){return e.top+window.pageYOffset}})}(e,this),function(t,e){var n=t.template.$player;Ht(e,"flip",{get:function(){return n.dataset.flip},set:function(e){if(e){var r=["normal","horizontal","vertical"];zt(r.includes(e),"'flip' only accept ".concat(r.toString()," as parameters")),n.dataset.flip=e,t.emit("flip",e)}else delete n.dataset.flip,t.emit("flip")}})}(e,this),function(t,e){var n=t.template.$undercover;Ht(e,"light",{get:function(){return"none"!==St(n,"display",!1)},set:function(e){jt(n,"display",e?"block":"none"),t.emit("light",e)}})}(e,this),function(t,e){var n=t.i18n,r=t.option,o=t.storage,i=t.events.proxy,a=t.template,c=a.$player,s=a.$miniClose,l=a.$miniTitle,u=a.$miniHeader,p="",f=!1,d=0,h=0,y=0,m=0;i(u,"mousedown",(function(t){f=!0,d=t.pageX,h=t.pageY,y=e.left,m=e.top})),i(document,"mousemove",(function(t){if(f){wt(c,"art-is-dragging");var e=m+t.pageY-h,n=y+t.pageX-d;jt(c,"top","".concat(e,"px")),jt(c,"left","".concat(n,"px")),o.set("top",e),o.set("left",n)}})),i(document,"mouseup",(function(){f=!1,xt(c,"art-is-dragging")})),i(s,"click",(function(){e.mini=!1,f=!1,xt(c,"art-is-dragging")})),kt(l,r.title||n.get("Mini player")),Ht(e,"mini",{get:function(){return Ot(c,"art-mini")},set:function(n){if(n){e.autoSize=!1,p=c.style.cssText,wt(c,"art-mini");var i=o.get("top"),a=o.get("left");if(i&&a)jt(c,"top","".concat(i,"px")),jt(c,"left","".concat(a,"px")),Ct(u)||(o.del("top"),o.del("left"),e.mini=!0);else{var s=document.body,l=s.clientHeight-e.height-50,f=s.clientWidth-e.width-50;o.set("top",l),o.set("left",f),jt(c,"top","".concat(l,"px")),jt(c,"left","".concat(f,"px"))}e.aspectRatio=!1,e.playbackRate=!1,t.emit("mini",!0)}else c.style.cssText=p,xt(c,"art-mini"),jt(c,"top",null),jt(c,"left",null),e.aspectRatio=!1,e.playbackRate=!1,e.autoSize=r.autoSize,t.emit("mini")}}),Ht(e,"miniToggle",{set:function(t){t&&(e.mini=!e.mini)}})}(e,this),function(t,e){var n=[];Ht(e,"loop",{get:function(){return n},set:function(r){if(Array.isArray(r)&&"number"==typeof r[0]&&"number"==typeof r[1]){var o=Gt(r[0],0,Math.min(r[1],e.duration)),i=Gt(r[1],o,e.duration);i-o>=1?(n=[o,i],t.emit("loop",n)):(n=[],t.emit("loop"))}else n=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){n.length&&(e.currentTimen[1])&&(e.seek=n[0])}))}(e,this),Yt(e,this)};var ye=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=u(t)););return t},me=r((function(t){function e(n,r,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=e=Reflect.get:t.exports=e=function(t,e,n){var r=ye(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}},e(n,r,o||n)}t.exports=e})),be=function(){function t(e){i(this,t),this.id=0,this.art=e,this.add=this.add.bind(this)}return c(t,[{key:"add",value:function(t,e){var n=this,r="function"==typeof t?t(this.art):t;if(this.$parent&&this.name&&!r.disable){this.id+=1;var o=r.name||"".concat(this.name).concat(this.id);zt(!Ut(this,o),"Cannot add an existing name [".concat(o,"] to the [").concat(this.name,"]"));var i=document.createElement("div");i.classList.value="art-".concat(this.name," art-").concat(this.name,"-").concat(o),r.html&&kt(i,r.html),r.style&&Pt(i,r.style),r.tooltip&&$t(i,r.tooltip);var a=Array.from(this.$parent.children);i.dataset.index=r.index||this.id;var c=a.find((function(t){return Number(t.dataset.index)>=Number(i.dataset.index)}));c?c.insertAdjacentElement("beforebegin",i):kt(this.$parent,i),r.click&&this.art.events.proxy(i,"click",(function(t){t.preventDefault(),r.click.call(n.art,n,t)})),r.mounted&&r.mounted(i,this,this.art),e&&e(i,this,this.art),Ht(this,o,{get:function(){return r}})}}},{key:"show",get:function(){return Ot(this.art.template.$player,"art-".concat(this.name,"-show"))},set:function(t){var e=this.art.template.$player,n="art-".concat(this.name,"-show");t?wt(e,n):xt(e,n),this.art.emit(this.name,t)}},{key:"toggle",set:function(t){t&&(this.show=!this.show)}}]),t}();function ve(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ge(t){return function(e){return function(t){for(var e=1;e
'),mounted:function(t){var n=!1,r=vt(".art-progress-loaded",t),i=vt(".art-progress-played",t),s=vt(".art-progress-highlight",t),l=vt(".art-progress-indicator",t),u=vt(".art-progress-tip",t);function p(t,e){"loaded"===t&&jt(r,"width","".concat(100*e,"%")),"played"===t&&(jt(i,"width","".concat(100*e,"%")),jt(l,"left","calc(".concat(100*e,"% - ").concat(St(l,"width")/2,"px)")))}o.forEach((function(t){var e=Gt(t.time,0,c.duration)/c.duration*100;kt(s,''))})),p("loaded",c.loaded),e.on("video:progress",(function(){p("loaded",c.loaded)})),e.on("video:timeupdate",(function(){p("played",c.played)})),e.on("video:ended",(function(){p("played",1)})),a(t,"mousemove",(function(n){jt(u,"display","block"),n.composedPath().indexOf(s)>-1?function(n){var r=Ee(e,n).width,o=n.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?jt(u,"left",0):r>t.clientWidth-i/2?jt(u,"left","".concat(t.clientWidth-i,"px")):jt(u,"left","".concat(r-i/2,"px"))}(n):function(n){var r=Ee(e,n),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?jt(u,"left",0):o>t.clientWidth-a/2?jt(u,"left","".concat(t.clientWidth-a,"px")):jt(u,"left","".concat(o-a/2,"px"))}(n)})),a(t,"mouseout",(function(){jt(u,"display","none")})),a(t,"click",(function(t){if(t.target!==l){var n=Ee(e,t),r=n.second;p("played",n.percentage),c.seek=r}})),a(l,"mousedown",(function(){n=!0})),a(document,"mousemove",(function(t){if(n){var r=Ee(e,t),o=r.second,i=r.percentage;wt(l,"art-show-indicator"),p("played",i),c.seek=o}})),a(document,"mouseup",(function(){n&&(n=!1,xt(l,"art-show-indicator"))}))}})}}function $e(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ce(t){return function(e){return function(t){for(var e=1;e'),u=kt(l,'
');function p(t){var e=l.getBoundingClientRect().left;return Gt(t.pageX-e-6,0,54)/48}function f(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)jt(c,"display","none"),jt(s,"display","flex"),jt(u,"left","0");else{var e=48*t;jt(c,"display","flex"),jt(s,"display","none"),jt(u,"left","".concat(e,"px"))}}$t(c,i.get("Mute")),jt(s,"display","none"),e.isMobile&&jt(l,"display","none"),f(o.volume),e.on("video:volumechange",(function(){f(o.volume)})),n(c,"click",(function(){o.muted=!0})),n(s,"click",(function(){o.muted=!1})),n(l,"click",(function(t){o.muted=!1,o.volume=p(t)})),n(u,"mousedown",(function(){a=!0})),n(t,"mousemove",(function(t){a&&(o.muted=!1,o.volume=p(t))})),n(document,"mouseup",(function(){a&&(a=!1)}))}})}}function _e(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Le(t){return function(e){return function(t){for(var e=1;er.clientWidth-s/2?jt(t,"left","".concat(r.clientWidth-s,"px")):jt(t,"left","".concat(i-s/2,"px"))}(o))})),i(r,"mouseout",(function(){jt(t,"display","none")}))}})}}function Ie(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Fe(t){return function(e){return function(t){for(var e=1;e'.concat(s.name,"")),u=n.map((function(t,e){return'
').concat(t.name,"
")})).join(""),p=kt(t,'
'.concat(u,"
"));i(t,(function(){p.style.left="-".concat(St(p,"width")/2-St(t,"width")/2,"px")})),o(p,"click",(function(t){var e=Number(t.target.dataset.index),r=n[e],o=r.url,i=r.name;o&&i&&c!==e&&(a.switchQuality(o,i),l.innerText=i,c=e)}))}})}}function Ve(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function He(t){return function(e){return function(t){for(var e=1;e'),o=kt(t,'');e.on("loop",(function(e){e?(jt(t,"display","block"),jt(r,"left","calc(".concat(e[0]/n.duration*100,"% - ").concat(r.clientWidth,"px)")),jt(o,"left","".concat(e[1]/n.duration*100,"%"))):jt(t,"display","none")}))}})}}var Be=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="control";var r=t.option,o=t.player,a=t.template.$player;return n.delayHide=Zt((function(){o.playing&&n.show&&(wt(a,"art-hide-cursor"),xt(a,"art-hover"),n.show=!1)}),3e3),n.cancelDelayHide=n.delayHide.clearTimeout,t.once("ready",(function(){n.add(Re({name:"progress",disable:r.isLive,position:"top",index:10})),n.add(qe({name:"thumbnails",disable:!r.thumbnails.url||r.isLive,position:"top",index:20})),n.add(He({name:"loop",disable:!1,position:"top",index:30})),n.add(Pe({name:"playAndPause",disable:!1,position:"left",index:10})),n.add(ze({name:"volume",disable:!1,position:"left",index:20})),n.add(Te({name:"time",disable:r.isLive,position:"left",index:30})),n.add(We({name:"quality",disable:0===r.quality.length,position:"right",index:10})),n.add(Fe({name:"screenshot",disable:!r.screenshot,position:"right",index:20})),n.add(Ce({name:"subtitle",disable:!r.subtitle.url,position:"right",index:30})),n.add(Le({name:"setting",disable:!r.setting,position:"right",index:40})),n.add(ke({name:"pip",disable:!r.pip,position:"right",index:50})),n.add(xe({name:"fullscreenWeb",disable:!r.fullscreenWeb,position:"right",index:60})),n.add(ge({name:"fullscreen",disable:!r.fullscreen,position:"right",index:70})),r.controls.forEach((function(t){n.add(t)}))})),n}return f(e,t),c(e,[{key:"add",value:function(t,n){var r=this,o="function"==typeof t?t(this.art):t;zt(["top","left","right"].includes(o.position),"Control option.position must one of 'top', 'left', 'right'");var i=this.art.template,a=i.$progress,c=i.$controlsLeft,s=i.$controlsRight;switch(o.position){case"top":this.$parent=a;break;case"left":this.$parent=c;break;case"right":this.$parent=s}me(u(e.prototype),"add",this).call(this,o,(function(t){o.disable||"top"===o.position||t.firstElementChild&&"I"===t.firstElementChild.tagName||wt(t,"art-control-onlyText"),n&&n(t,r,r.art)}))}}]),e}(be);function Ue(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ye(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e0.50.75').concat(r.get("Normal"),'1.251.52.0'),click:function(t,e){var n=e.target.dataset.rate;n&&(o.playbackRate=Number(n),t.show=!1)},mounted:function(t){e.on("playbackRate",(function(e){var n=gt("span",t).find((function(t){return Number(t.dataset.rate)===e}));n&&Rt(n,"art-current")}))}})}}function Xe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Je(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e').concat(r.get("Default"),'4:316:9'),click:function(t,e){var n=e.target.dataset.ratio;n&&(o.aspectRatio=n,t.show=!1)},mounted:function(t){e.on("aspectRatio",(function(e){var n=gt("span",t).find((function(t){return t.dataset.ratio===e}));n&&Rt(n,"art-current")}))}})}}function Ze(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Qe(t){return function(e){return function(t){for(var e=1;eArtPlayer 3.5.9'})}function tn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function en(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;el+s&&(h=s-d),r+f>u+i&&(y=i-f),Pt(c,{top:"".concat(y,"px"),left:"".concat(h,"px")})})),s(a,"click",(function(t){t.composedPath().includes(c)||(n.show=!1)})),t.on("blur",(function(){n.show=!1}))})),n}return f(e,t),e}(be),an=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="info";var r=t.template,o=r.$infoPanel,a=r.$infoClose,c=r.$video;(0,t.events.proxy)(a,"click",(function(){n.show=!1}));var s=null,p=gt("[data-video]",o);return t.on("destroy",(function(){clearTimeout(s)})),t.on("info",(function(t){clearTimeout(s),t&&function t(){p.forEach((function(t){var e=c[t.dataset.video];t.innerText="number"==typeof e?e.toFixed(2):e})),s=setTimeout((function(){t()}),1e3)}()})),n}return f(e,t),e}(be),cn=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="subtitle";var r=t.option.subtitle;return Pt(t.template.$subtitle,r.style),r.url&&n.init(r.url),n}return f(e,t),c(e,[{key:"update",value:function(){var t=this.art.template.$subtitle;t.innerHTML="",this.activeCue&&(t.innerHTML=this.activeCue.text.split(/\r?\n/).map((function(t){return"

".concat(te(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t,e,n){var r=this,o=this.art,i=o.i18n,a=o.notice;return this.init(t,n).then((function(t){return e&&(a.show="".concat(i.get("Switch subtitle"),": ").concat(e)),r.art.emit("subtitleSwitch",t),t}))}},{key:"init",value:function(t,e){var n=this,r=this.art,o=r.notice,i=r.events.proxy,a=r.template,c=a.$subtitle,s=a.$video;if(!a.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",s.appendChild(l),this.art.template.$track=l,i(this.textTrack,"cuechange",this.update.bind(this))}return fetch(t).then((function(t){return t.text()})).then((function(r){switch(n.art.emit("subtitleLoad",t),e||qt(t)){case"srt":return Lt(_t(r));case"ass":return Lt(Mt(r));case"vtt":return Lt(r);default:return t}})).then((function(t){return c.innerHTML="",n.url===t||(URL.revokeObjectURL(n.url),n.art.template.$track.src=t),t})).catch((function(t){throw o.show=t,t}))}},{key:"url",get:function(){return this.art.template.$track.src}},{key:"textTrack",get:function(){return this.art.template.$video.textTracks[0]}},{key:"activeCue",get:function(){return this.textTrack.activeCues[0]}}]),e}(be);var sn=function(){function t(e){var n=this;i(this,t),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),e.whitelist.state&&e.once("ready",(function(){!function(t,e){var n=t.controls,r=t.template.$player;e.proxy(document,["click","contextmenu"],(function(e){e.composedPath&&e.composedPath().indexOf(r)>-1?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})),t.on("blur",(function(){n.delayHide()}))}(e,n),function(t,e){var n=t.controls,r=t.template.$player;e.hover(r,(function(){wt(r,"art-hover"),t.emit("hover",!0)}),(function(){xt(r,"art-hover"),t.emit("hover")})),t.on("hover",(function(t){t||n.delayHide()}))}(e,n),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=t.controls;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)})),t.on("mousemove",(function(t){a.cancelDelayHide(),xt(r,"art-hide-cursor"),a.show=!0,i.pip||t.target!==o||a.delayHide()}))}(e,n),function(t,e){var n=t.option,r=t.player,o=Qt((function(){r.normal&&(r.autoSize=n.autoSize),r.aspectRatioReset=!0,t.emit("resize")}),500);e.proxy(window,["orientationchange","resize"],(function(){o()}))}(e,n),function(t,e){if(t.isMobile&&!t.option.isLive){var n=t.player,r=t.notice,o=t.template.$video,i=!1,a=0,c=0;e.proxy(o,"touchstart",(function(t){1===t.touches.length&&(i=!0,a=t.touches[0].clientX)})),e.proxy(document,"touchmove",(function(t){if(1===t.touches.length&&i){var e=Gt((t.touches[0].clientX-a)/o.clientWidth,-1,1);c=Gt(n.currentTime+60*e,0,n.duration),r.show="".concat(Kt(c)," / ").concat(Kt(n.duration))}})),e.proxy(document,"touchend",(function(){i&&c&&(n.seek=c),i=!1,a=0,c=0}))}}(e,n),function(t,e){var n=t.player,r=t.option.autoMini,o=t.template.$container,i=Zt((function(){t.emit("view",Ct(o))}),200);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(t){r&&(n.mini=!t)}))}(e,n)}))}return c(t,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(t);(o=new Image).src=t}return o.complete?n(o):(e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(o)})),t)}))}},{key:"destroy",value:function(){this.destroyEvents.forEach((function(t){return t()}))}}]),t}(),ln=function(){function t(e){var n=this;i(this,t),this.keys={};var r=e.option,o=e.player,a=e.events.proxy;r.hotkey&&e.once("ready",(function(){n.add(27,(function(){o.fullscreenWeb&&(o.fullscreenWeb=!1)})),n.add(32,(function(){o.toggle=!0})),n.add(37,(function(){o.backward=5})),n.add(38,(function(){o.volume+=.1})),n.add(39,(function(){o.forward=5})),n.add(40,(function(){o.volume-=.1})),a(window,"keydown",(function(t){if(e.isFocus){var r=document.activeElement.tagName.toUpperCase(),o=document.activeElement.getAttribute("contenteditable");if("INPUT"!==r&&"TEXTAREA"!==r&&""!==o&&"true"!==o){var i=n.keys[t.keyCode];i&&(t.preventDefault(),i.forEach((function(t){return t()})),e.emit("hotkey",t))}}}))}))}return c(t,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}}]),t}(),un=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this,t))).name="layer",n.$parent=t.template.$layer,t.once("ready",(function(){t.option.layers.forEach((function(t){n.add(t)}))})),n}return f(e,t),e}(be),pn=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this,t))).name="loading",kt(t.template.$loading,t.icons.loading),n}return f(e,t),e}(be),fn=function(){function t(e){i(this,t),this.art=e,this.time=2e3,this.timer=null}return c(t,[{key:"show",set:function(t){var e=this.art.template,n=e.$player,r=e.$noticeInner;r.innerText=t instanceof Error?t.message.trim():t,wt(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout((function(){r.innerText="",xt(n,"art-notice-show")}),this.time)}}]),t}(),dn=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this,t))).name="mask",kt(t.template.$state,t.icons.state),n}return f(e,t),e}(be);function hn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var yn=function t(e){var r=this;i(this,t);var o=function(t){for(var e=1;e',state:'',play:'',pause:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:''},e.option.icons);Object.keys(o).forEach((function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),kt(e,o[t]),r[t]=e}))};function mn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bn(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e'.concat(r.get("Flip"),'
"),click:function(t,e){var n=e.target.dataset.value;n&&(o.flip=n)},mounted:function(t){e.on("flip",(function(e){var n=gt("button",t).find((function(t){return t.dataset.value===e}));n&&Rt(n.parentElement,"current")}))}})}}function vn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gn(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e'.concat(r.get("Aspect ratio"),'
'),click:function(t,e){var n=e.target.dataset.value;n&&(o.aspectRatio=n)},mounted:function(t){e.on("aspectRatio",(function(e){var n=gt("button",t).find((function(t){return t.dataset.value===e}));n&&Rt(n.parentElement,"current")}))}})}}function wn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xn(t){return function(e){var r=e.i18n,o=e.player,i=e.events.proxy;return function(t){for(var e=1;e'.concat(r.get("Play speed"),': 1.0x
'),mounted:function(t){var n=vt(".art-setting-range input",t),r=vt(".art-subtitle-value",t);i(n,"change",(function(){var t=n.value;r.innerText=t,o.playbackRate=Number(t)})),e.on("playbackRate",(function(t){t&&n.value!==t&&(n.value=t,r.innerText=t)}))}})}}var On=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="setting";var r=t.option,o=t.template,a=o.$setting,c=o.$settingBody,s=t.events.proxy;return n.$parent=c,r.setting&&(t.once("ready",(function(){s(a,"click",(function(t){t.target===a&&(n.show=!1)})),n.add(bn({disable:!r.flip,name:"flip"})),n.add(gn({disable:!r.aspectRatio,name:"aspectRatio"})),n.add(xn({disable:!r.playbackRate,name:"playbackRate"}))})),t.on("blur",(function(){n.show=!1}))),n}return f(e,t),e}(be),kn=function(){function t(){i(this,t),this.name="artplayer_settings"}return c(t,[{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.name))||{};return t?e[t]:e}},{key:"set",value:function(t,e){var r=Object.assign({},this.get(),n({},t,e));localStorage.setItem(this.name,JSON.stringify(r))}},{key:"del",value:function(t){var e=this.get();delete e[t],localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){localStorage.removeItem(this.name)}}]),t}();function jn(t){var e=t.i18n,n=t.subtitle,r=t.events.proxy;return{title:"Subtitle",name:"subtitleOffset",index:20,html:'
'.concat(e.get("Subtitle offset time"),': 0s
'),mounted:function(e){var o=vt(".art-setting-range input",e),i=vt(".art-subtitle-value",e);r(o,"change",(function(){var e=o.value;i.innerText=e,t.plugins.subtitleOffset.offset(Number(e))})),t.on("subtitle:switch",(function(){o.value=0,i.innerText=0})),t.on("subtitleOffset",(function(t){n.update(),o.value!==t&&(o.value=t,i.innerText=t)}))}}}function Pn(t){var e=t.constructor.utils.clamp,n=t.setting,r=t.notice,o=t.template,i=t.i18n,a=t.player;n.add(jn);var c=[];return t.on("subtitle:switch",(function(){c=[]})),{name:"subtitleOffset",offset:function(n){if(o.$track&&o.$track.track){var s=Array.from(o.$track.track.cues),l=e(n,-5,5);s.forEach((function(t,n){c[n]||(c[n]={startTime:t.startTime,endTime:t.endTime}),t.startTime=e(c[n].startTime+l,0,a.duration),t.endTime=e(c[n].endTime+l,0,a.duration)})),r.show="".concat(i.get("Subtitle offset time"),": ").concat(n,"s"),t.emit("subtitleOffset",n)}else r.show="".concat(i.get("No subtitles found")),t.emit("subtitleOffset",0)}}}function Sn(t){var e=t.events.proxy,n=t.template,r=t.player,o=t.option,i=t.setting,a=t.i18n;function c(e){if(e){var i=n.$video.canPlayType(e.type);if("maybe"===i||"probably"===i){var a=URL.createObjectURL(e);o.title=e.name,r.switchUrl(a,e.name),t.emit("localVideo",e)}else zt(!1,"Playback of this file format is not supported")}}function s(t){var n=kt(t,'');jt(t,"position","relative"),Pt(n,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(n,"change",(function(){c(n.files[0])}))}return e(n.$player,"dragover",(function(t){t.preventDefault()})),e(n.$player,"drop",(function(t){t.preventDefault(),c(t.dataTransfer.files[0])})),t.once("ready",(function(){i.add({title:"Local Video",name:"localVideo",index:30,html:'
'.concat(a.get("Local Video"),'
').concat(a.get("Open"),'
'),mounted:function(e){var n=vt(".art-upload-btn",e),r=vt(".art-upload-value",e);t.on("localVideo",(function(t){r.textContent=t.name,r.title=t.name})),s(n)}})})),{name:"localVideo",attach:s}}function En(t){var e=t.events.proxy,n=t.subtitle,r=t.setting,o=t.i18n;function i(r){var o=kt(r,'');jt(r,"position","relative"),Pt(o,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(o,"change",(function(){!function(e){if(e){var r=qt(e.name);if(["ass","vtt","srt"].includes(r)){var o=URL.createObjectURL(e);n.switch(o,e.name,r),t.emit("localSubtitle",e)}else zt(!1,"Only supports subtitle files in .ass, .vtt and .srt format")}}(o.files[0])}))}return t.once("ready",(function(){r.add({title:"Local Subtitle",name:"localSubtitle",index:40,html:'
'.concat(o.get("Local Subtitle"),'
').concat(o.get("Open"),'
'),mounted:function(e){var n=vt(".art-upload-btn",e),r=vt(".art-upload-value",e);t.on("localSubtitle",(function(t){r.textContent=t.name,r.title=t.name})),i(n)}})})),{name:"localSubtitle",attach:i}}function Rn(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"2px",background:r},mounted:function(e){t.on("control",(function(t){e.style.display=t?"none":"block"})),t.on("destroy",(function(){e.style.display="none"})),t.on("video:timeupdate",(function(){e.style.width="".concat(100*n.played,"%")}))}}),{name:"miniProgressBar"}}function $n(t){var e=1e4,n=0,r=0,o=0,i=null;function a(){n=0,r=0,o=0,cancelAnimationFrame(i),i=null}function c(){i||function a(){t.isDestroy||(i=requestAnimationFrame((function(){var i=Date.now();if(o){var c=i-o;r+=c,t.player.playing||(n+=c)}o=i,t.emit("networkMonitor",n/r),r>=e&&(n=0,r=0),a()})))}()}return t.on("play",c),t.on("pause",a),{name:"networkMonitor",reset:a,start:c,sample:function(t){e=t}}}function Cn(t){var e=t.controls,n=t.option,r=t.events.hover;function o(n){var o,i,a,c=n.list.map((function(t){return'
').concat(t.text,"
")})).join(""),s='
'.concat(c,'
');e.add({name:n.name,position:"right",index:n.index,html:s,mounted:function(t){wt(t,"art-control-switcher"),o=vt(".art-switcher-list",t),i=gt(".art-switcher-item",t),a=vt(".art-switcher-current",t);var e=n.list.find((function(t){return t.name===n.default}))||n.list[0];if(e){a.innerText=e.text;var c=i.find((function(t){return t.dataset.switcherName===e.name}));c&&Rt(c,"art-current")}r(t,(function(){o.style.left="-".concat(St(o,"width")/2-St(t,"width")/2,"px")}))},click:function(e,r){var o=r.target.dataset.switcherName;if(o){var c=n.list.find((function(t){return t.name===o}));if(c){var s=i.find((function(t){return t.dataset.switcherName===c.name}));a.innerText=c.text,Rt(s,"art-current"),n.click&&n.click.call(t,o,r)}}}})}return n.switcher.forEach(o),{name:"switcher",add:o}}var Dn=function(){function t(e){var n=this;i(this,t),this.art=e,this.id=0;var r=e.option;r.subtitle.url&&r.subtitleOffset&&this.add(Pn),!r.isLive&&r.miniProgressBar&&this.add(Rn),r.localVideo&&this.add(Sn),r.localSubtitle&&this.add(En),r.networkMonitor&&this.add($n),this.add(Cn),e.option.plugins.forEach((function(t){n.add(t)}))}return c(t,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art),n=e&&e.name||t.name||"plugin".concat(this.id);return zt(!Ut(this,n),"Cannot add a plugin that already has the same name: ".concat(n)),Ht(this,n,{value:e}),this}}]),t}(),Tn=function t(e){i(this,t);var n=e.option,r=e.events.proxy,o=e.template.$video;ae.events.forEach((function(t){r(o,t,(function(t){e.emit("video:".concat(t.type),t)}))})),Object.keys(n.moreVideoAttr).forEach((function(t){o[t]=n.moreVideoAttr[t]})),n.muted&&(o.muted=n.muted),n.volume&&(o.volume=Gt(n.volume,0,1)),n.poster&&(o.poster=n.poster),n.autoplay&&(o.autoplay=n.autoplay),o.controls=!0;var a=n.type||qt(n.url),c=n.customType[a];a&&c?(c(o,n.url,e),e.emit("customType",a)):(o.src=n.url,e.emit("url",o.src))},An=0,zn=[],_n=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this))).option=ft(Xt(e.option,t),ie),n.isFocus=!1,n.isDestroy=!1,n.userAgent=ht,n.isMobile=yt,n.isWechat=bt,n.whitelist=new ce(s(n)),n.template=new se(s(n)),n.events=new sn(s(n)),n.whitelist.state?(n.storage=new kn(s(n)),n.icons=new yn(s(n)),n.i18n=new pe(s(n)),n.notice=new fn(s(n)),n.player=new he(s(n)),n.layers=new un(s(n)),n.controls=new Be(s(n)),n.contextmenu=new on(s(n)),n.subtitle=new cn(s(n)),n.info=new an(s(n)),n.loading=new pn(s(n)),n.hotkey=new ln(s(n)),n.mask=new dn(s(n)),n.setting=new On(s(n)),n.plugins=new Dn(s(n))):n.mobile=new Tn(s(n)),An+=1,n.id=An,zn.push(s(n)),n}return f(e,t),c(e,[{key:"destroy",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),zn.splice(zn.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return zn}},{key:"version",get:function(){return"3.5.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return ae}},{key:"utils",get:function(){return ee}},{key:"scheme",get:function(){return ie}},{key:"Emitter",get:function(){return dt}},{key:"validator",get:function(){return ft}},{key:"kindOf",get:function(){return ft.kindOf}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMin:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,light:!1,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,localVideo:!1,localSubtitle:!1,networkMonitor:!1,layers:[],contextmenu:[],controls:[],quality:[],highlight:[],plugins:[],whitelist:[],switcher:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:mt?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),e}(dt);function Ln(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Mn(t){for(var e=1;e0&&void 0!==arguments[0]?arguments[0]:{};return t(this,o),(e=a(this,s(o).call(this))).processing=!1,e.option={},e.setup(Object.assign({},o.DEFAULTS,n)),e.video=o.creatVideo(),e.inputChange=e.inputChange.bind(r(e)),e.ondrop=e.ondrop.bind(r(e)),e.option.fileInput.addEventListener("change",e.inputChange),e.option.fileInput.addEventListener("dragover",o.ondragover),e.option.fileInput.addEventListener("drop",o.ondrop),e}return l(o,e),n(o,[{key:"ondrop",value:function(t){t.preventDefault();var e=t.dataTransfer.files[0];this.loadVideo(e)}},{key:"setup",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.option=Object.assign({},this.option,e);var n=this.option,o=n.fileInput,i=n.delay,r=n.number,a=n.width,s=n.height,u=n.column;if(this.errorHandle(o instanceof Element,"The 'fileInput' is not a Element"),"INPUT"!==o.tagName||"file"!==o.type){o.style.position="relative";var l=document.createElement("input");l.type="file",l.style.position="absolute",l.style.width="100%",l.style.height="100%",l.style.left="0",l.style.top="0",l.style.right="0",l.style.bottom="0",l.style.opacity="0",o.appendChild(l),this.option.fileInput=l}return["delay","number","width","height","column"].forEach((function(e){t.errorHandle("number"==typeof t.option[e],"The '".concat(e,"' is not a number"))})),this.option.delay=d(i,10,1e3),this.option.number=d(r,10,1e3),this.option.width=d(a,10,1e3),this.option.height=d(s,10,1e3),this.option.column=d(u,1,1e3),this}},{key:"inputChange",value:function(){var t=this.option.fileInput.files[0];this.loadVideo(t)}},{key:"loadVideo",value:function(t){var e=this,n=this.option.delay;if(t){var o=this.video.canPlayType(t.type);this.errorHandle("maybe"===o||"probably"===o,"Playback of this file format is not supported: ".concat(t.type));var i=URL.createObjectURL(t);this.videoUrl=i,this.file=t,this.emit("file",this.file),this.video.src=i,p(n).then((function(){e.emit("video",e.video)})).catch((function(t){throw e.emit("error",t.message),t}))}}},{key:"start",value:function(){var t=this,e=this.option,n=e.width,o=e.height,i=e.number,r=e.delay;this.density=i/this.video.duration,this.errorHandle(this.file&&this.video,"Please select the video file first"),this.errorHandle(!this.processing,"There is currently a task in progress, please wait a moment..."),this.errorHandle(this.density<=1,"The preview density cannot be greater than 1, but got ".concat(this.density));var a=this.creatScreenshotDate(),s=this.creatCanvas(),u=s.getContext("2d");this.emit("canvas",s);var l,c=a.map((function(e,a){return function(){return t.video.currentTime=e.time,new Promise((function(l){p(r).then((function(){u.drawImage(t.video,e.x,e.y,n,o),s.toBlob((function(e){t.thumbnailUrl&&URL.revokeObjectURL(t.thumbnailUrl),t.thumbnailUrl=URL.createObjectURL(e),t.emit("update",t.thumbnailUrl,(a+1)/i),l()}))})).catch((function(t){throw t}))}))}}));return this.processing=!0,(l=c,l.reduce((function(t,e){return t.then(e)}),Promise.resolve())).then((function(){return p(2*r).then((function(){t.processing=!1,t.emit("done")})).catch((function(e){throw t.processing=!1,t.emit("error",e.message),e}))})).catch((function(e){throw t.processing=!1,t.emit("error",e.message),e}))}},{key:"creatScreenshotDate",value:function(){for(var t=this.option,e=t.number,n=t.width,o=t.height,i=t.column,r=this.video.duration/e,a=[r];a.length0&&void 0!==arguments[0]?arguments[0]:{};return t(this,o),(e=a(this,s(o).call(this))).processing=!1,e.option={},e.setup(Object.assign({},o.DEFAULTS,n)),e.video=o.creatVideo(),e.inputChange=e.inputChange.bind(r(e)),e.ondrop=e.ondrop.bind(r(e)),e.option.fileInput.addEventListener("change",e.inputChange),e.option.fileInput.addEventListener("dragover",o.ondragover),e.option.fileInput.addEventListener("drop",o.ondrop),e}return l(o,e),n(o,[{key:"ondrop",value:function(t){t.preventDefault();var e=t.dataTransfer.files[0];this.loadVideo(e)}},{key:"setup",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.option=Object.assign({},this.option,e);var n=this.option,o=n.fileInput,i=n.delay,r=n.number,a=n.width,s=n.height,u=n.column;if(this.errorHandle(o instanceof Element,"The 'fileInput' is not a Element"),"INPUT"!==o.tagName||"file"!==o.type){o.style.position="relative";var l=document.createElement("input");l.type="file",l.style.position="absolute",l.style.width="100%",l.style.height="100%",l.style.left="0",l.style.top="0",l.style.right="0",l.style.bottom="0",l.style.opacity="0",o.appendChild(l),this.option.fileInput=l}return["delay","number","width","height","column"].forEach((function(e){t.errorHandle("number"==typeof t.option[e],"The '".concat(e,"' is not a number"))})),this.option.delay=d(i,10,1e3),this.option.number=d(r,10,1e3),this.option.width=d(a,10,1e3),this.option.height=d(s,10,1e3),this.option.column=d(u,1,1e3),this}},{key:"inputChange",value:function(){var t=this.option.fileInput.files[0];this.loadVideo(t)}},{key:"loadVideo",value:function(t){var e=this,n=this.option.delay;if(t){var o=this.video.canPlayType(t.type);this.errorHandle("maybe"===o||"probably"===o,"Playback of this file format is not supported: ".concat(t.type));var i=URL.createObjectURL(t);this.videoUrl=i,this.file=t,this.emit("file",this.file),this.video.src=i,p(n).then((function(){e.emit("video",e.video)})).catch((function(t){throw e.emit("error",t.message),t}))}}},{key:"start",value:function(){var t=this,e=this.option,n=e.width,o=e.height,i=e.number,r=e.delay;this.density=i/this.video.duration,this.errorHandle(this.file&&this.video,"Please select the video file first"),this.errorHandle(!this.processing,"There is currently a task in progress, please wait a moment..."),this.errorHandle(this.density<=1,"The preview density cannot be greater than 1, but got ".concat(this.density));var a=this.creatScreenshotDate(),s=this.creatCanvas(),u=s.getContext("2d");this.emit("canvas",s);var l,h=a.map((function(e,a){return function(){return t.video.currentTime=e.time,new Promise((function(l){p(r).then((function(){u.drawImage(t.video,e.x,e.y,n,o),s.toBlob((function(e){t.thumbnailUrl&&URL.revokeObjectURL(t.thumbnailUrl),t.thumbnailUrl=URL.createObjectURL(e),t.emit("update",t.thumbnailUrl,(a+1)/i),l()}))})).catch((function(t){throw t}))}))}}));return this.processing=!0,(l=h,l.reduce((function(t,e){return t.then(e)}),Promise.resolve())).then((function(){return p(2*r).then((function(){t.processing=!1,t.emit("done")})).catch((function(e){throw t.processing=!1,t.emit("error",e.message),e}))})).catch((function(e){throw t.processing=!1,t.emit("error",e.message),e}))}},{key:"creatScreenshotDate",value:function(){for(var t=this.option,e=t.number,n=t.width,o=t.height,i=t.column,r=this.video.duration/e,a=[r];a.lengthobject{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}.art-video-player .art-subtitle{display:none;position:absolute;z-index:20;bottom:10px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.art-video-player .art-subtitle p{word-break:break-all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:40px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-mask,.art-video-player .art-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.art-video-player .art-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.art-video-player.art-mask-show .art-mask,.art-video-player .art-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.art-video-player.art-loading-show .art-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:55px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.art-video-player .art-bottom .art-progress{position:relative;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4px;cursor:pointer}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{position:relative;height:50%;width:100%;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:100%;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:100%;background:#fff;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner{height:100%}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-indicator,.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-tip{display:block}.art-video-player .art-bottom .art-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.art-video-player .art-bottom .art-progress .art-control-loop{display:none;position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point{position:absolute;left:0;top:-2px;width:2px;height:8px;background:hsla(0,0%,100%,.75)}.art-video-player .art-bottom .art-controls{position:relative;pointer-events:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:5px 0}.art-video-player .art-bottom .art-controls,.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.art-video-player .art-bottom .art-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{position:relative;z-index:30}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-destroy .art-progress-tip,.art-video-player.art-error .art-progress-indicator,.art-video-player.art-error .art-progress-tip{display:none!important}.art-video-player .art-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.art-video-player .art-notice .art-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.art-video-player.art-notice-show .art-notice{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-contextmenus{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.9);border-radius:3px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;font-size:12px;display:block;color:#fff;padding:10px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{display:inline-block;padding:0 7px}.art-video-player .art-contextmenus .art-contextmenu span.art-current,.art-video-player .art-contextmenus .art-contextmenu span:hover{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:none}.art-video-player.art-contextmenu-show .art-contextmenus,.art-video-player .art-settings{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.art-video-player .art-settings .art-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.9);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.art-video-player .art-settings .art-setting-inner .art-setting-body{overflow-y:auto;width:100%;height:100%}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting .art-setting-header{margin-bottom:5px}.art-video-player .art-settings .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.art-video-player .art-settings .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.art-video-player .art-settings .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.art-video-player .art-settings .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.art-video-player .art-settings .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.art-video-player .art-settings .art-setting-upload{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-upload .art-upload-btn{width:80px;height:22px;line-height:22px;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px;text-align:center}.art-video-player .art-settings .art-setting-upload .art-upload-value{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;padding-left:10px}.art-video-player.art-setting-show .art-settings{opacity:1;visibility:visible;pointer-events:auto}.art-video-player.art-setting-show .art-settings .art-setting-inner{right:0}.art-video-player .art-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.9)}.art-video-player .art-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.art-video-player .art-info .art-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.art-video-player.art-info-show .art-info{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player.art-hide-cursor *{cursor:none!important}.art-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.art-video-player.art-fullscreen-web{position:fixed;z-index:9999;width:100%!important;height:100%!important;left:0;top:0;right:0;bottom:0}.art-fullscreen-rotate{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:#000}.art-video-player .art-mini-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.art-video-player .art-mini-header .art-mini-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.art-video-player .art-mini-header .art-mini-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-mini{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.art-video-player.art-mini .art-mini-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.art-video-player.art-mini.art-hover .art-mini-header{opacity:1;visibility:visible}.art-video-player.art-mini .art-mask .art-state{position:static}.art-video-player.art-mini .art-bottom,.art-video-player.art-mini .art-contextmenu,.art-video-player.art-mini .art-danmu,.art-video-player.art-mini .art-info,.art-video-player.art-mini .art-layers,.art-video-player.art-mini .art-notice,.art-video-player.art-mini .art-setting,.art-video-player.art-mini .art-subtitle{display:none!important}.art-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.art-video-player[data-flip=horizontal] .art-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}:root{--balloon-color:rgba(16,16,16,0.95);--balloon-font-size:12px;--balloon-move:4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:#fff;content:attr(aria-label);padding:.5em 1em;white-space:nowrap;line-height:1.2}[aria-label][data-balloon-pos]:after,[aria-label][data-balloon-pos]:before{opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--balloon-color);content:""}[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before{opacity:1;pointer-events:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,var(--balloon-move));transform:translate(-50%,var(--balloon-move));-webkit-transform-origin:top;transform-origin:top}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before{-webkit-transform:translate(-50%);transform:translate(-50%)}');var p=o((function(t,e){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var o=t(n);if("boolean"===o)return"boolean";if("string"===o)return"string";if("number"===o)return"number";if("symbol"===o)return"symbol";if("function"===o)return function(t){return"GeneratorFunction"===r(t)}(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(o=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return o.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function o(t,e){var r=21?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document).querySelector(t)}function g(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function v(t,e){return t.classList.add(e)}function w(t,e){return t.classList.remove(e)}function x(t,e){return t.classList.contains(e)}function O(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function k(t,e,n){return t.style[e]=n,t}function j(t,e){return Object.keys(e).forEach((function(n){k(t,n,e[n])})),t}function P(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function S(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function E(t,e){S(t).forEach((function(t){return w(t,e)})),v(t,e)}function $(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";h||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function D(t){var e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth,o=e.top<=n&&e.top+e.height>=0,i=e.left<=r&&e.left+e.width>=0;return o&&i}var R=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},T=o((function(t){function e(n,r,o){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}()?t.exports=e=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&l(o,n.prototype),o}:t.exports=e=Reflect.construct,e.apply(null,arguments)}t.exports=e})),z=function(t){function n(t,r){var o;return e(this,n),o=c(this,s(n).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(a(o),r||o.constructor),o.name="ArtPlayerError",o}return u(n,t),n}(o((function(t){function e(n){var r="function"==typeof Map?new Map:void 0;return t.exports=e=function(t){if(null===t||!R(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return T(t,arguments,s(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),l(e,t)},e(n)}t.exports=e}))(Error));function A(t,e){if(!t)throw new z(e);return t}function L(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function C(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function M(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function q(t){return t.includes("?")?q(t.split("?")[0]):t.includes("#")?q(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function W(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var F=function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1?e-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function Z(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function K(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var tt=Object.freeze({__proto__:null,query:m,queryAll:g,addClass:v,removeClass:w,hasClass:x,append:O,remove:function(t){return t.parentNode.removeChild(t)},setStyle:k,setStyles:j,getStyle:P,sublings:S,inverseClass:E,tooltip:$,isInViewport:D,ArtPlayerError:z,errorHandle:A,srtToVtt:L,vttToBlob:C,assToVtt:M,getExt:q,download:W,def:B,has:U,proxyPropertys:_,mergeDeep:X,sleep:Y,debounce:Z,throttle:J,clamp:Q,secondToTime:G,escape:K,userAgent:d,isMobile:h,isSafari:y,isWechat:b});function et(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nt(t,e,n){return A("string"===e||t instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}var rt={html:nt,disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"},ot={container:nt,url:"string",poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",autoMin:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",light:"boolean",backdrop:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",subtitleOffset:"boolean",miniProgressBar:"boolean",localVideo:"boolean",localSubtitle:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[rt],contextmenu:[rt],controls:[function(e){for(var n=1;n-1;case"function":return t(n.userAgent);case"regexp":return t.test(n.userAgent);default:return!1}}))},ct=function(){function t(n){var r=this;e(this,t),this.art=n,n.option.container instanceof Element?this.$container=n.option.container:(this.$container=m(n.option.container),A(this.$container,"No container element found by ".concat(n.option.container))),A(n.constructor.instances.every((function(t){return t.template.$container!==r.$container})),"Cannot mount multiple instances on the same dom element"),A(this.$container.clientWidth&&this.$container.clientHeight,"The width and height of the container cannot be 0"),n.whitelist.state?this.desktop():this.mobile()}return r(t,[{key:"query",value:function(t){return m(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option,e=t.theme,n=t.backdrop;this.$container.innerHTML='
Player version:
3.5.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'),this.$undercover=this.query(".art-undercover"),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$settingInner=this.query(".art-setting-inner"),this.$settingBody=this.query(".art-setting-body"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),n&&(v(this.$settingInner,"art-backdrop-filter"),v(this.$info,"art-backdrop-filter"),v(this.$contextmenu,"art-backdrop-filter")),this.art.isMobile&&v(this.$container,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":v(this.$player,"art-destroy")}}]),t}(),st={"Video info":"视频统计信息",Close:"关闭","Light Off":"关灯","Light On":"开灯","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","PIP mode":"画中画模式","Exit PIP mode":"退出画中画模式","PIP not supported":"不支持画中画模式","Local Subtitle":"本地字幕","Local Video":"本地视频","Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},lt={"Video info":"影片統計訊息",Close:"關閉","Light Off":"關燈","Light On":"開燈","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕","Show setting":"顯示设置","Hide setting":"隱藏设置",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","PIP mode":"畫中畫模式","Exit PIP mode":"退出畫中畫模式","PIP not supported":"不支持畫中畫模式","Local Subtitle":"本地字幕","Local Video":"本地視頻","Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"},ut=function(){function t(n){e(this,t),this.art=n,this.languages={"zh-cn":st,"zh-tw":lt},this.init()}return r(t,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=X(this.languages,t),this.init()}}]),t}();var pt=o((function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};rh){var y=h*u/l;k(r,"width","".concat(100*y,"%")),k(r,"height","100%"),k(r,"padding","0 ".concat((p-p*y)/2,"px"))}else{var b=l/h/u;k(r,"width","100%"),k(r,"height","".concat(100*b,"%")),k(r,"padding","".concat((f-f*b)/2,"px 0"))}}o.dataset.aspectRatio=n,a.show="".concat(i.get("Aspect ratio"),": ").concat("default"===n?i.get("Default"):n),t.emit("aspectRatio",n)}else e.aspectRatio&&(k(r,"width",null),k(r,"height",null),k(r,"padding",null),delete o.dataset.aspectRatio,t.emit("aspectRatio"))}}),B(e,"aspectRatioReset",{set:function(t){if(t&&e.aspectRatio){var n=e.aspectRatio;e.aspectRatio=n}}})}(n,this),function(t,e){var n=t.option,r=t.notice,o=t.template.$video,i=document.createElement("canvas");B(e,"getDataURL",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),t(i.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),B(e,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),i.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),B(e,"screenshot",{value:function(){e.getDataURL().then((function(e){W(e,"".concat(n.title||"artplayer","_").concat(G(o.currentTime),".png")),t.emit("screenshot",e)}))}})}(n,this),function(t,e){var n=t.template.$player;B(e,"fullscreen",{get:function(){return pt.isFullscreen},set:function(r){r?pt.request(n).then((function(){v(n,"art-fullscreen"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreen",!0)})):pt.exit().then((function(){w(n,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreen")}))}}),B(e,"fullscreenToggle",{set:function(t){t&&(e.fullscreen=!e.fullscreen)}})}(n,this),function(t,e){var n=t.template.$player;B(e,"fullscreenWeb",{get:function(){return x(n,"art-fullscreen-web")},set:function(r){r?(v(n,"art-fullscreen-web"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreenWeb",!0)):(w(n,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"))}}),B(e,"fullscreenWebToggle",{set:function(t){t&&(e.fullscreenWeb=!e.fullscreenWeb)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player;B(e,"fullscreenRotate",{get:function(){return x(r,"art-fullscreen-rotate")},set:function(n){if(n){v(r,"art-fullscreen-rotate"),e.autoSize=!0;var i=document.body,a=i.clientHeight,c=i.clientWidth,s=o.clientHeight,l=o.clientWidth;if(c/a0&&!n.paused&&!n.ended&&n.readyState>2)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player,i=n.$video;B(e,"autoSize",{get:function(){return x(r,"art-auto-size")},set:function(n){if(n){var a=i.videoWidth,c=i.videoHeight,s=r.getBoundingClientRect(),l=s.width,u=s.height,p=a/c,f=l/u;if(v(r,"art-auto-size"),f>p){k(o,"width","".concat(u*p/l*100,"%")),k(o,"height","100%")}else{var d=l/p/u*100;k(o,"width","100%"),k(o,"height","".concat(d,"%"))}t.emit("autoSize",{width:e.width,height:e.height})}else w(r,"art-auto-size"),k(o,"width",null),k(o,"height",null),t.emit("autoSize")}})}(n,this),function(t,e){B(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach((function(t){B(e,t,{get:function(){return e.rect[t]}})})),B(e,"x",{get:function(){return e.left+window.pageXOffset}}),B(e,"y",{get:function(){return e.top+window.pageYOffset}})}(n,this),function(t,e){var n=t.template.$player;B(e,"flip",{get:function(){return n.dataset.flip},set:function(e){if(e){var r=["normal","horizontal","vertical"];A(r.includes(e),"'flip' only accept ".concat(r.toString()," as parameters")),n.dataset.flip=e,t.emit("flip",e)}else delete n.dataset.flip,t.emit("flip")}})}(n,this),function(t,e){var n=t.template.$undercover;B(e,"light",{get:function(){return"none"!==P(n,"display",!1)},set:function(e){k(n,"display",e?"block":"none"),t.emit("light",e)}})}(n,this),function(t,e){var n=t.i18n,r=t.option,o=t.storage,i=t.events.proxy,a=t.template,c=a.$player,s=a.$miniClose,l=a.$miniTitle,u=a.$miniHeader,p="",f=!1,d=0,h=0,y=0,b=0;i(u,"mousedown",(function(t){f=!0,d=t.pageX,h=t.pageY,y=e.left,b=e.top})),i(document,"mousemove",(function(t){if(f){v(c,"art-is-dragging");var e=b+t.pageY-h,n=y+t.pageX-d;k(c,"top","".concat(e,"px")),k(c,"left","".concat(n,"px")),o.set("top",e),o.set("left",n)}})),i(document,"mouseup",(function(){f=!1,w(c,"art-is-dragging")})),i(s,"click",(function(){e.mini=!1,f=!1,w(c,"art-is-dragging")})),O(l,r.title||n.get("Mini player")),B(e,"mini",{get:function(){return x(c,"art-mini")},set:function(n){if(n){e.autoSize=!1,p=c.style.cssText,v(c,"art-mini");var i=o.get("top"),a=o.get("left");if(i&&a)k(c,"top","".concat(i,"px")),k(c,"left","".concat(a,"px")),D(u)||(o.del("top"),o.del("left"),e.mini=!0);else{var s=document.body,l=s.clientHeight-e.height-50,f=s.clientWidth-e.width-50;o.set("top",l),o.set("left",f),k(c,"top","".concat(l,"px")),k(c,"left","".concat(f,"px"))}e.aspectRatio=!1,e.playbackRate=!1,t.emit("mini",!0)}else c.style.cssText=p,w(c,"art-mini"),k(c,"top",null),k(c,"left",null),e.aspectRatio=!1,e.playbackRate=!1,e.autoSize=r.autoSize,t.emit("mini")}}),B(e,"miniToggle",{set:function(t){t&&(e.mini=!e.mini)}})}(n,this),function(t,e){var n=[];B(e,"loop",{get:function(){return n},set:function(r){if(Array.isArray(r)&&"number"==typeof r[0]&&"number"==typeof r[1]){var o=Q(r[0],0,Math.min(r[1],e.duration)),i=Q(r[1],o,e.duration);i-o>=1?(n=[o,i],t.emit("loop",n)):(n=[],t.emit("loop"))}else n=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){n.length&&(e.currentTimen[1])&&(e.seek=n[0])}))}(n,this),_(n,this)};var ht=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=s(t)););return t},yt=o((function(t){function e(n,r,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=e=Reflect.get:t.exports=e=function(t,e,n){var r=ht(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}},e(n,r,o||n)}t.exports=e})),bt=function(){function t(n){e(this,t),this.id=0,this.art=n,this.add=this.add.bind(this)}return r(t,[{key:"add",value:function(t,e){var n=this,r="function"==typeof t?t(this.art):t;if(this.$parent&&this.name&&!r.disable){this.id+=1;var o=r.name||"".concat(this.name).concat(this.id);A(!U(this,o),"Cannot add an existing name [".concat(o,"] to the [").concat(this.name,"]"));var i=document.createElement("div");i.classList.value="art-".concat(this.name," art-").concat(this.name,"-").concat(o),r.html&&O(i,r.html),r.style&&j(i,r.style),r.tooltip&&$(i,r.tooltip);var a=Array.from(this.$parent.children);i.dataset.index=r.index||this.id;var c=a.find((function(t){return Number(t.dataset.index)>=Number(i.dataset.index)}));c?c.insertAdjacentElement("beforebegin",i):O(this.$parent,i),r.click&&this.art.events.proxy(i,"click",(function(t){t.preventDefault(),r.click.call(n.art,n,t)})),r.mounted&&r.mounted(i,this,this.art),e&&e(i,this,this.art),B(this,o,{get:function(){return r}})}}},{key:"show",get:function(){return x(this.art.template.$player,"art-".concat(this.name,"-show"))},set:function(t){var e=this.art.template.$player,n="art-".concat(this.name,"-show");t?v(e,n):w(e,n),this.art.emit(this.name,t)}},{key:"toggle",set:function(t){t&&(this.show=!this.show)}}]),t}();function mt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gt(e){return function(n){return function(e){for(var n=1;n
'),mounted:function(t){var e=!1,r=m(".art-progress-loaded",t),i=m(".art-progress-played",t),s=m(".art-progress-highlight",t),l=m(".art-progress-indicator",t),u=m(".art-progress-tip",t);function p(t,e){"loaded"===t&&k(r,"width","".concat(100*e,"%")),"played"===t&&(k(i,"width","".concat(100*e,"%")),k(l,"left","calc(".concat(100*e,"% - ").concat(P(l,"width")/2,"px)")))}o.forEach((function(t){var e=Q(t.time,0,c.duration)/c.duration*100;O(s,''))})),p("loaded",c.loaded),n.on("video:progress",(function(){p("loaded",c.loaded)})),n.on("video:timeupdate",(function(){p("played",c.played)})),n.on("video:ended",(function(){p("played",1)})),a(t,"mousemove",(function(e){k(u,"display","block"),e.composedPath().indexOf(s)>-1?function(e){var r=St(n,e).width,o=e.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?k(u,"left",0):r>t.clientWidth-i/2?k(u,"left","".concat(t.clientWidth-i,"px")):k(u,"left","".concat(r-i/2,"px"))}(e):function(e){var r=St(n,e),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?k(u,"left",0):o>t.clientWidth-a/2?k(u,"left","".concat(t.clientWidth-a,"px")):k(u,"left","".concat(o-a/2,"px"))}(e)})),a(t,"mouseout",(function(){k(u,"display","none")})),a(t,"click",(function(t){if(t.target!==l){var e=St(n,t),r=e.second;p("played",e.percentage),c.seek=r}})),a(l,"mousedown",(function(){e=!0})),a(document,"mousemove",(function(t){if(e){var r=St(n,t),o=r.second,i=r.percentage;v(l,"art-show-indicator"),p("played",i),c.seek=o}})),a(document,"mouseup",(function(){e&&(e=!1,w(l,"art-show-indicator"))}))}})}}function $t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Dt(e){return function(n){return function(e){for(var n=1;n'),f=O(p,'
');function d(t){var e=p.getBoundingClientRect().left;return Q(t.pageX-e-s/2,0,c-s/2)/(c-s)}function h(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)k(l,"display","none"),k(u,"display","flex"),k(f,"left","0");else{var e=(c-s)*t;k(l,"display","flex"),k(u,"display","none"),k(f,"left","".concat(e,"px"))}}$(l,i.get("Mute")),k(u,"display","none"),n.isMobile&&k(p,"display","none"),h(o.volume),n.on("video:volumechange",(function(){h(o.volume)})),e(l,"click",(function(){o.muted=!0})),e(u,"click",(function(){o.muted=!1})),e(p,"click",(function(t){o.muted=!1,o.volume=d(t)})),e(f,"mousedown",(function(){a=!0})),e(t,"mousemove",(function(t){a&&(o.muted=!1,o.volume=d(t))})),e(document,"mouseup",(function(){a&&(a=!1)}))}})}}function Lt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ct(e){return function(n){return function(e){for(var n=1;nr.clientWidth-s/2?k(t,"left","".concat(r.clientWidth-s,"px")):k(t,"left","".concat(i-s/2,"px"))}(o))})),i(r,"mouseout",(function(){k(t,"display","none")}))}})}}function Wt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ft(e){return function(n){return function(e){for(var n=1;n'.concat(s.name,"")),u=e.map((function(t,e){return'
').concat(t.name,"
")})).join(""),p=O(t,'
'.concat(u,"
"));i(t,(function(){p.style.left="-".concat(P(p,"width")/2-t.clientWidth/2,"px")})),o(p,"click",(function(t){var n=Number(t.target.dataset.index),r=e[n],o=r.url,i=r.name;o&&i&&c!==n&&(a.switchQuality(o,i),l.innerText=i,c=n)}))}})}}function Vt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bt(e){return function(n){return function(e){for(var n=1;n'),o=O(t,'');n.on("loop",(function(n){n?(k(t,"display","block"),k(r,"left","calc(".concat(n[0]/e.duration*100,"% - ").concat(r.clientWidth,"px)")),k(o,"left","".concat(n[1]/e.duration*100,"%"))):k(t,"display","none")}))}})}}var Nt=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="control";var o=t.option,i=t.player,a=t.template.$player;return r.delayHide=Z((function(){i.playing&&r.show&&(v(a,"art-hide-cursor"),w(a,"art-hover"),r.show=!1)}),3e3),r.cancelDelayHide=r.delayHide.clearTimeout,t.once("ready",(function(){r.add(Et({name:"progress",disable:o.isLive,position:"top",index:10})),r.add(qt({name:"thumbnails",disable:!o.thumbnails.url||o.isLive,position:"top",index:20})),r.add(Bt({name:"loop",disable:!1,position:"top",index:30})),r.add(jt({name:"playAndPause",disable:!1,position:"left",index:10})),r.add(At({name:"volume",disable:!1,position:"left",index:20})),r.add(Tt({name:"time",disable:o.isLive,position:"left",index:30})),r.add(It({name:"quality",disable:0===o.quality.length,position:"right",index:10})),r.add(Ft({name:"screenshot",disable:!o.screenshot,position:"right",index:20})),r.add(Dt({name:"subtitle",disable:!o.subtitle.url,position:"right",index:30})),r.add(Ct({name:"setting",disable:!o.setting,position:"right",index:40})),r.add(Ot({name:"pip",disable:!o.pip,position:"right",index:50})),r.add(wt({name:"fullscreenWeb",disable:!o.fullscreenWeb,position:"right",index:60})),r.add(gt({name:"fullscreen",disable:!o.fullscreen,position:"right",index:70})),o.controls.forEach((function(t){r.add(t)}))})),r}return u(n,t),r(n,[{key:"add",value:function(t,e){var r=this,o="function"==typeof t?t(this.art):t;A(["top","left","right"].includes(o.position),"Control option.position must one of 'top', 'left', 'right'");var i=this.art.template,a=i.$progress,c=i.$controlsLeft,l=i.$controlsRight;switch(o.position){case"top":this.$parent=a;break;case"left":this.$parent=c;break;case"right":this.$parent=l}yt(s(n.prototype),"add",this).call(this,o,(function(t){o.disable||"top"===o.position||t.firstElementChild&&"I"===t.firstElementChild.tagName||v(t,"art-control-onlyText"),e&&e(t,r,r.art)}))}}]),n}(bt);function Ut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _t(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n0.50.75').concat(r.get("Normal"),'1.251.52.0'),click:function(t,e){var n=e.target.dataset.rate;n&&(o.playbackRate=Number(n),t.show=!1)},mounted:function(t){n.on("playbackRate",(function(e){var n=g("span",t).find((function(t){return Number(t.dataset.rate)===e}));n&&E(n,"art-current")}))}})}}function Xt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yt(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n').concat(r.get("Default"),'4:316:9'),click:function(t,e){var n=e.target.dataset.ratio;n&&(o.aspectRatio=n,t.show=!1)},mounted:function(t){n.on("aspectRatio",(function(e){var n=g("span",t).find((function(t){return t.dataset.ratio===e}));n&&E(n,"art-current")}))}})}}function Zt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jt(e){return function(n){return function(e){for(var n=1;nArtPlayer 3.5.9'})}function Kt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function te(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;ns+c&&(h=c-d),n+f>u+i&&(y=i-f),j(l,{top:"".concat(y,"px"),left:"".concat(h,"px")})})),u(a,"click",(function(t){t.composedPath().includes(l)||(r.show=!1)})),t.on("blur",(function(){r.show=!1}))})),r}return u(n,t),n}(bt),oe=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="info";var o=t.template,i=o.$infoPanel,a=o.$infoClose,l=o.$video;(0,t.events.proxy)(a,"click",(function(){r.show=!1}));var u=null,p=g("[data-video]",i);return t.on("destroy",(function(){clearTimeout(u)})),t.on("info",(function(t){clearTimeout(u),t&&function t(){p.forEach((function(t){var e=l[t.dataset.video];t.innerText="number"==typeof e?e.toFixed(2):e})),u=setTimeout((function(){t()}),1e3)}()})),r}return u(n,t),n}(bt),ie=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="subtitle";var o=t.option.subtitle;return j(t.template.$subtitle,o.style),o.url&&r.init(o.url),r}return u(n,t),r(n,[{key:"update",value:function(){var t=this.art.template.$subtitle;t.innerHTML="",this.activeCue&&(t.innerHTML=this.activeCue.text.split(/\r?\n/).map((function(t){return"

".concat(K(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t,e,n){var r=this,o=this.art,i=o.i18n,a=o.notice;return this.init(t,n).then((function(t){return e&&(a.show="".concat(i.get("Switch subtitle"),": ").concat(e)),r.art.emit("subtitleSwitch",t),t}))}},{key:"init",value:function(t,e){var n=this,r=this.art,o=r.notice,i=r.events.proxy,a=r.template,c=a.$subtitle,s=a.$video;if(!a.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",s.appendChild(l),this.art.template.$track=l,i(this.textTrack,"cuechange",this.update.bind(this))}return fetch(t).then((function(t){return t.text()})).then((function(r){switch(n.art.emit("subtitleLoad",t),e||q(t)){case"srt":return C(L(r));case"ass":return C(M(r));case"vtt":return C(r);default:return t}})).then((function(t){return c.innerHTML="",n.url===t?t:(URL.revokeObjectURL(n.url),n.art.template.$track.src=t,t)})).catch((function(t){throw o.show=t,t}))}},{key:"url",get:function(){return this.art.template.$track.src}},{key:"textTrack",get:function(){return this.art.template.$video.textTracks[0]}},{key:"activeCue",get:function(){return this.textTrack.activeCues[0]}}]),n}(bt);var ae=function(){function t(n){var r=this;e(this,t),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),n.whitelist.state&&n.once("ready",(function(){!function(t,e){var n=t.controls,r=t.template.$player;e.proxy(document,["click","contextmenu"],(function(e){e.composedPath&&e.composedPath().indexOf(r)>-1?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})),t.on("blur",(function(){n.delayHide()}))}(n,r),function(t,e){var n=t.controls,r=t.template.$player;e.hover(r,(function(){v(r,"art-hover"),t.emit("hover",!0)}),(function(){w(r,"art-hover"),t.emit("hover")})),t.on("hover",(function(t){t||n.delayHide()}))}(n,r),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=t.controls;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)})),t.on("mousemove",(function(t){a.cancelDelayHide(),w(r,"art-hide-cursor"),a.show=!0,i.pip||t.target!==o||a.delayHide()}))}(n,r),function(t,e){var n=t.option,r=t.player,o=J((function(){r.normal&&(r.autoSize=n.autoSize),r.aspectRatioReset=!0,t.emit("resize")}),500);e.proxy(window,["orientationchange","resize"],(function(){o()}))}(n,r),function(t,e){if(t.isMobile&&!t.option.isLive){var n=t.player,r=t.notice,o=t.template.$video,i=!1,a=0,c=0;e.proxy(o,"touchstart",(function(t){1===t.touches.length&&(i=!0,a=t.touches[0].clientX)})),e.proxy(document,"touchmove",(function(t){if(1===t.touches.length&&i){var e=Q((t.touches[0].clientX-a)/o.clientWidth,-1,1);c=Q(n.currentTime+60*e,0,n.duration),r.show="".concat(G(c)," / ").concat(G(n.duration))}})),e.proxy(document,"touchend",(function(){i&&c&&(n.seek=c),i=!1,a=0,c=0}))}}(n,r),function(t,e){var n=t.player,r=t.option.autoMini,o=t.template.$container,i=Z((function(){t.emit("view",D(o))}),200);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(t){r&&(n.mini=!t)}))}(n,r)}))}return r(t,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(t);(o=new Image).src=t}return o.complete?n(o):(e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(o)})),t)}))}},{key:"destroy",value:function(){this.destroyEvents.forEach((function(t){return t()}))}}]),t}(),ce=function(){function t(n){var r=this;e(this,t),this.keys={};var o=n.option,i=n.player,a=n.events.proxy;o.hotkey&&n.once("ready",(function(){r.add(27,(function(){i.fullscreenWeb&&(i.fullscreenWeb=!1)})),r.add(32,(function(){i.toggle=!0})),r.add(37,(function(){i.backward=5})),r.add(38,(function(){i.volume+=.1})),r.add(39,(function(){i.forward=5})),r.add(40,(function(){i.volume-=.1})),a(window,"keydown",(function(t){if(n.isFocus){var e=document.activeElement.tagName.toUpperCase(),o=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==o&&"true"!==o){var i=r.keys[t.keyCode];i&&(t.preventDefault(),i.forEach((function(t){return t()})),n.emit("hotkey",t))}}}))}))}return r(t,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}}]),t}(),se=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this,t))).name="layer",r.$parent=t.template.$layer,t.once("ready",(function(){t.option.layers.forEach((function(t){r.add(t)}))})),r}return u(n,t),n}(bt),le=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this,t))).name="loading",O(t.template.$loading,t.icons.loading),r}return u(n,t),n}(bt),ue=function(){function t(n){e(this,t),this.art=n,this.time=2e3,this.timer=null}return r(t,[{key:"show",set:function(t){var e=this.art.template,n=e.$player,r=e.$noticeInner;r.innerText=t instanceof Error?t.message.trim():t,v(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout((function(){r.innerText="",w(n,"art-notice-show")}),this.time)}}]),t}(),pe=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this,t))).name="mask",O(t.template.$state,t.icons.state),r}return u(n,t),n}(bt);function fe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var de=function n(r){var o=this;e(this,n);var i=function(e){for(var n=1;n',state:'',play:'',pause:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:''},r.option.icons);Object.keys(i).forEach((function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),O(e,i[t]),o[t]=e}))};function he(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ye(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n'.concat(r.get("Flip"),'
"),click:function(t,e){var n=e.target.dataset.value;n&&(o.flip=n)},mounted:function(t){n.on("flip",(function(e){var n=g("button",t).find((function(t){return t.dataset.value===e}));n&&E(n.parentElement,"current")}))}})}}function be(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function me(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n'.concat(r.get("Aspect ratio"),'
'),click:function(t,e){var n=e.target.dataset.value;n&&(o.aspectRatio=n)},mounted:function(t){n.on("aspectRatio",(function(e){var n=g("button",t).find((function(t){return t.dataset.value===e}));n&&E(n.parentElement,"current")}))}})}}function ge(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ve(e){return function(n){var r=n.i18n,o=n.player,i=n.events.proxy;return function(e){for(var n=1;n'.concat(r.get("Play speed"),': 1.0x
'),mounted:function(t){var e=m(".art-setting-range input",t),r=m(".art-subtitle-value",t);i(e,"change",(function(){var t=e.value;r.innerText=t,o.playbackRate=Number(t)})),n.on("playbackRate",(function(t){t&&e.value!==t&&(e.value=t,r.innerText=t)}))}})}}var we=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="setting";var o=t.option,i=t.template,a=i.$setting,l=i.$settingBody,u=t.events.proxy;return r.$parent=l,o.setting&&(t.once("ready",(function(){u(a,"click",(function(t){t.target===a&&(r.show=!1)})),r.add(ye({disable:!o.flip,name:"flip"})),r.add(me({disable:!o.aspectRatio,name:"aspectRatio"})),r.add(ve({disable:!o.playbackRate,name:"playbackRate"}))})),t.on("blur",(function(){r.show=!1}))),r}return u(n,t),n}(bt),xe=function(){function n(){e(this,n),this.name="artplayer_settings"}return r(n,[{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.name))||{};return t?e[t]:e}},{key:"set",value:function(e,n){var r=Object.assign({},this.get(),t({},e,n));localStorage.setItem(this.name,JSON.stringify(r))}},{key:"del",value:function(t){var e=this.get();delete e[t],localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){localStorage.removeItem(this.name)}}]),n}();function Oe(t){var e=t.i18n,n=t.subtitle,r=t.events.proxy;return{title:"Subtitle",name:"subtitleOffset",index:20,html:'
'.concat(e.get("Subtitle offset time"),': 0s
'),mounted:function(e){var o=m(".art-setting-range input",e),i=m(".art-subtitle-value",e);r(o,"change",(function(){var e=o.value;i.innerText=e,t.plugins.subtitleOffset.offset(Number(e))})),t.on("subtitle:switch",(function(){o.value=0,i.innerText=0})),t.on("subtitleOffset",(function(t){n.update(),o.value!==t&&(o.value=t,i.innerText=t)}))}}}function ke(t){var e=t.constructor.utils.clamp,n=t.setting,r=t.notice,o=t.template,i=t.i18n,a=t.player;n.add(Oe);var c=[];return t.on("subtitle:switch",(function(){c=[]})),{name:"subtitleOffset",offset:function(n){if(o.$track&&o.$track.track){var s=Array.from(o.$track.track.cues),l=e(n,-5,5);s.forEach((function(t,n){c[n]||(c[n]={startTime:t.startTime,endTime:t.endTime}),t.startTime=e(c[n].startTime+l,0,a.duration),t.endTime=e(c[n].endTime+l,0,a.duration)})),r.show="".concat(i.get("Subtitle offset time"),": ").concat(n,"s"),t.emit("subtitleOffset",n)}else r.show="".concat(i.get("No subtitles found")),t.emit("subtitleOffset",0)}}}function je(t){var e=t.events.proxy,n=t.template,r=t.player,o=t.option,i=t.setting,a=t.i18n;function c(e){if(e){var i=n.$video.canPlayType(e.type);if("maybe"===i||"probably"===i){var a=URL.createObjectURL(e);o.title=e.name,r.switchUrl(a,e.name),t.emit("localVideo",e)}else A(!1,"Playback of this file format is not supported")}}function s(t){var n=O(t,'');k(t,"position","relative"),j(n,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(n,"change",(function(){c(n.files[0])}))}return e(n.$player,"dragover",(function(t){t.preventDefault()})),e(n.$player,"drop",(function(t){t.preventDefault(),c(t.dataTransfer.files[0])})),t.once("ready",(function(){i.add({title:"Local Video",name:"localVideo",index:30,html:'
'.concat(a.get("Local Video"),'
').concat(a.get("Open"),'
'),mounted:function(e){var n=m(".art-upload-btn",e),r=m(".art-upload-value",e);t.on("localVideo",(function(t){r.textContent=t.name,r.title=t.name})),s(n)}})})),{name:"localVideo",attach:s}}function Pe(t){var e=t.events.proxy,n=t.subtitle,r=t.setting,o=t.i18n;function i(r){var o=O(r,'');k(r,"position","relative"),j(o,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(o,"change",(function(){!function(e){if(e){var r=q(e.name);if(["ass","vtt","srt"].includes(r)){var o=URL.createObjectURL(e);n.switch(o,e.name,r),t.emit("localSubtitle",e)}else A(!1,"Only supports subtitle files in .ass, .vtt and .srt format")}}(o.files[0])}))}return t.once("ready",(function(){r.add({title:"Local Subtitle",name:"localSubtitle",index:40,html:'
'.concat(o.get("Local Subtitle"),'
').concat(o.get("Open"),'
'),mounted:function(e){var n=m(".art-upload-btn",e),r=m(".art-upload-value",e);t.on("localSubtitle",(function(t){r.textContent=t.name,r.title=t.name})),i(n)}})})),{name:"localSubtitle",attach:i}}function Se(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"2px",background:r},mounted:function(e){t.on("control",(function(t){e.style.display=t?"none":"block"})),t.on("destroy",(function(){e.style.display="none"})),t.on("video:timeupdate",(function(){e.style.width="".concat(100*n.played,"%")}))}}),{name:"miniProgressBar"}}function Ee(t){var e=1e4,n=0,r=0,o=0,i=null;function a(){n=0,r=0,o=0,cancelAnimationFrame(i),i=null}function c(){i||function a(){t.isDestroy||(i=requestAnimationFrame((function(){var i=Date.now();if(o){var c=i-o;r+=c,t.player.playing||(n+=c)}o=i,t.emit("networkMonitor",n/r),r>=e&&(n=0,r=0),a()})))}()}return t.on("play",c),t.on("pause",a),{name:"networkMonitor",reset:a,start:c,sample:function(t){e=t}}}var $e=function(){function t(n){var r=this;e(this,t),this.art=n,this.id=0;var o=n.option;o.subtitle.url&&o.subtitleOffset&&this.add(ke),!o.isLive&&o.miniProgressBar&&this.add(Se),o.localVideo&&this.add(je),o.localSubtitle&&this.add(Pe),o.networkMonitor&&this.add(Ee),n.option.plugins.forEach((function(t){r.add(t)}))}return r(t,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art),n=e&&e.name||t.name||"plugin".concat(this.id);return A(!U(this,n),"Cannot add a plugin that already has the same name: ".concat(n)),B(this,n,{value:e}),this}}]),t}(),De=function t(n){e(this,t);var r=n.option,o=n.events.proxy,i=n.template.$video;it.events.forEach((function(t){o(i,t,(function(t){n.emit("video:".concat(t.type),t)}))})),Object.keys(r.moreVideoAttr).forEach((function(t){i[t]=r.moreVideoAttr[t]})),r.muted&&(i.muted=r.muted),r.volume&&(i.volume=Q(r.volume,0,1)),r.poster&&(i.poster=r.poster),r.autoplay&&(i.autoplay=r.autoplay),i.controls=!0;var a=r.type||q(r.url),c=r.customType[a];a&&c?(c(i,r.url,n),n.emit("customType",a)):(i.src=r.url,n.emit("url",i.src))},Re=0,Te=[],ze=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this))).option=p(X(n.option,t),ot),r.isFocus=!1,r.isDestroy=!1,r.userAgent=d,r.isMobile=h,r.isWechat=b,r.whitelist=new at(a(r)),r.template=new ct(a(r)),r.events=new ae(a(r)),r.whitelist.state?(r.storage=new xe(a(r)),r.icons=new de(a(r)),r.i18n=new ut(a(r)),r.notice=new ue(a(r)),r.player=new dt(a(r)),r.layers=new se(a(r)),r.controls=new Nt(a(r)),r.contextmenu=new re(a(r)),r.subtitle=new ie(a(r)),r.info=new oe(a(r)),r.loading=new le(a(r)),r.hotkey=new ce(a(r)),r.mask=new pe(a(r)),r.setting=new we(a(r)),r.plugins=new $e(a(r))):r.mobile=new De(a(r)),Re+=1,r.id=Re,Te.push(a(r)),r}return u(n,t),r(n,[{key:"destroy",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),Te.splice(Te.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return Te}},{key:"version",get:function(){return"3.5.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return it}},{key:"utils",get:function(){return tt}},{key:"scheme",get:function(){return ot}},{key:"Emitter",get:function(){return f}},{key:"validator",get:function(){return p}},{key:"kindOf",get:function(){return p.kindOf}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMin:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,light:!1,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,localVideo:!1,localSubtitle:!1,networkMonitor:!1,layers:[],contextmenu:[],controls:[],quality:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:y?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),n}(f);function Ae(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}return console.log("%c ArtPlayer %c 3.5.9 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),{data:function(){return{instance:null}},props:{option:{type:Object,required:!0},getInstance:Function},mounted:function(){this.instance=new ze(function(e){for(var n=1;nobject{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}.art-video-player .art-subtitle{display:none;position:absolute;z-index:20;bottom:10px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.art-video-player .art-subtitle p{word-break:break-all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:40px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-mask,.art-video-player .art-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.art-video-player .art-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.art-video-player.art-mask-show .art-mask,.art-video-player .art-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.art-video-player.art-loading-show .art-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:55px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.art-video-player .art-bottom .art-progress{position:relative;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4px;cursor:pointer}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{position:relative;height:50%;width:100%;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:100%;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:100%;background:#fff;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner{height:100%}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-indicator,.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-tip{display:block}.art-video-player .art-bottom .art-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.art-video-player .art-bottom .art-progress .art-control-loop{display:none;position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point{position:absolute;left:0;top:-2px;width:2px;height:8px;background:hsla(0,0%,100%,.75)}.art-video-player .art-bottom .art-controls{position:relative;pointer-events:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:5px 0}.art-video-player .art-bottom .art-controls,.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.art-video-player .art-bottom .art-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{position:relative;z-index:30}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-destroy .art-progress-tip,.art-video-player.art-error .art-progress-indicator,.art-video-player.art-error .art-progress-tip{display:none!important}.art-video-player .art-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.art-video-player .art-notice .art-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.art-video-player.art-notice-show .art-notice{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-contextmenus{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.9);border-radius:3px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;font-size:12px;display:block;color:#fff;padding:10px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{display:inline-block;padding:0 7px}.art-video-player .art-contextmenus .art-contextmenu span.art-current,.art-video-player .art-contextmenus .art-contextmenu span:hover{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:none}.art-video-player.art-contextmenu-show .art-contextmenus,.art-video-player .art-settings{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.art-video-player .art-settings .art-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.9);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.art-video-player .art-settings .art-setting-inner .art-setting-body{overflow-y:auto;width:100%;height:100%}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting .art-setting-header{margin-bottom:5px}.art-video-player .art-settings .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.art-video-player .art-settings .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.art-video-player .art-settings .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.art-video-player .art-settings .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.art-video-player .art-settings .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.art-video-player .art-settings .art-setting-upload{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-upload .art-upload-btn{width:80px;height:22px;line-height:22px;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px;text-align:center}.art-video-player .art-settings .art-setting-upload .art-upload-value{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;padding-left:10px}.art-video-player.art-setting-show .art-settings{opacity:1;visibility:visible;pointer-events:auto}.art-video-player.art-setting-show .art-settings .art-setting-inner{right:0}.art-video-player .art-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.9)}.art-video-player .art-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.art-video-player .art-info .art-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.art-video-player.art-info-show .art-info{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player.art-hide-cursor *{cursor:none!important}.art-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.art-video-player.art-fullscreen-web{position:fixed;z-index:9999;width:100%!important;height:100%!important;left:0;top:0;right:0;bottom:0}.art-fullscreen-rotate{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:#000}.art-video-player .art-mini-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.art-video-player .art-mini-header .art-mini-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.art-video-player .art-mini-header .art-mini-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-mini{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.art-video-player.art-mini .art-mini-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.art-video-player.art-mini.art-hover .art-mini-header{opacity:1;visibility:visible}.art-video-player.art-mini .art-mask .art-state{position:static}.art-video-player.art-mini .art-bottom,.art-video-player.art-mini .art-contextmenu,.art-video-player.art-mini .art-danmu,.art-video-player.art-mini .art-info,.art-video-player.art-mini .art-layers,.art-video-player.art-mini .art-notice,.art-video-player.art-mini .art-setting,.art-video-player.art-mini .art-subtitle{display:none!important}.art-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.art-video-player[data-flip=horizontal] .art-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.art-video-player .art-control-switcher{position:relative}.art-video-player .art-control-switcher .art-switcher-list{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-control-switcher .art-switcher-list .art-switcher-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-control-switcher .art-switcher-list .art-switcher-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-control-switcher:hover .art-switcher-list{display:block}:root{--balloon-color:rgba(16,16,16,0.95);--balloon-font-size:12px;--balloon-move:4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:#fff;content:attr(aria-label);padding:.5em 1em;white-space:nowrap;line-height:1.2}[aria-label][data-balloon-pos]:after,[aria-label][data-balloon-pos]:before{opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--balloon-color);content:""}[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before{opacity:1;pointer-events:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,var(--balloon-move));transform:translate(-50%,var(--balloon-move));-webkit-transform-origin:top;transform-origin:top}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before{-webkit-transform:translate(-50%);transform:translate(-50%)}');var p=o((function(t,e){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var o=t(n);if("boolean"===o)return"boolean";if("string"===o)return"string";if("number"===o)return"number";if("symbol"===o)return"symbol";if("function"===o)return function(t){return"GeneratorFunction"===r(t)}(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(o=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return o.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function o(t,e){var r=21?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelector(t)}function g(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function v(t,e){return t.classList.add(e)}function w(t,e){return t.classList.remove(e)}function x(t,e){return t.classList.contains(e)}function O(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function k(t,e,n){return t.style[e]=n,t}function j(t,e){return Object.keys(e).forEach((function(n){k(t,n,e[n])})),t}function P(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function S(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function E(t,e){S(t).forEach((function(t){return w(t,e)})),v(t,e)}function $(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";h||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function D(t){var e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth,o=e.top<=n&&e.top+e.height>=0,i=e.left<=r&&e.left+e.width>=0;return o&&i}var R=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},T=o((function(t){function e(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}function n(r,o,i){return e()?t.exports=n=Reflect.construct:t.exports=n=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&l(o,n.prototype),o},n.apply(null,arguments)}t.exports=n})),z=function(t){function n(t,r){var o;return e(this,n),o=c(this,s(n).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(a(o),r||o.constructor),o.name="ArtPlayerError",o}return u(n,t),n}(o((function(t){function e(n){var r="function"==typeof Map?new Map:void 0;return t.exports=e=function(t){if(null===t||!R(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return T(t,arguments,s(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),l(e,t)},e(n)}t.exports=e}))(Error));function A(t,e){if(!t)throw new z(e);return t}function L(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function C(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function M(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t.split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function q(t){return t.includes("?")?q(t.split("?")[0]):t.includes("#")?q(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function F(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var H=function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1?e-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function Z(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function K(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var tt=Object.freeze({__proto__:null,query:m,queryAll:g,addClass:v,removeClass:w,hasClass:x,append:O,remove:function(t){return t.parentNode.removeChild(t)},setStyle:k,setStyles:j,getStyle:P,sublings:S,inverseClass:E,tooltip:$,isInViewport:D,ArtPlayerError:z,errorHandle:A,srtToVtt:L,vttToBlob:C,assToVtt:M,getExt:q,download:F,def:B,has:U,proxyPropertys:_,mergeDeep:X,sleep:Y,debounce:Z,throttle:J,clamp:Q,secondToTime:G,escape:K,userAgent:d,isMobile:h,isSafari:b,isWechat:y});function et(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nt(t,e,n){return A("string"===e||t instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}var rt={html:nt,disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"},ot={container:nt,url:"string",poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",autoMin:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",light:"boolean",backdrop:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",subtitleOffset:"boolean",miniProgressBar:"boolean",localVideo:"boolean",localSubtitle:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[rt],contextmenu:[rt],controls:[function(e){for(var n=1;n-1;case"function":return t(n.userAgent);case"regexp":return t.test(n.userAgent);default:return!1}}))},ct=function(){function t(n){var r=this;e(this,t),this.art=n,n.option.container instanceof Element?this.$container=n.option.container:(this.$container=m(n.option.container),A(this.$container,"No container element found by ".concat(n.option.container))),A(n.constructor.instances.every((function(t){return t.template.$container!==r.$container})),"Cannot mount multiple instances on the same dom element"),A(this.$container.clientWidth&&this.$container.clientHeight,"The width and height of the container cannot be 0"),n.whitelist.state?this.desktop():this.mobile()}return r(t,[{key:"query",value:function(t){return m(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option,e=t.theme,n=t.backdrop;this.$container.innerHTML='
Player version:
3.5.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'),this.$undercover=this.query(".art-undercover"),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$settingInner=this.query(".art-setting-inner"),this.$settingBody=this.query(".art-setting-body"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),n&&(v(this.$settingInner,"art-backdrop-filter"),v(this.$info,"art-backdrop-filter"),v(this.$contextmenu,"art-backdrop-filter")),this.art.isMobile&&v(this.$container,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":v(this.$player,"art-destroy")}}]),t}(),st={"Video info":"视频统计信息",Close:"关闭","Light Off":"关灯","Light On":"开灯","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","PIP mode":"画中画模式","Exit PIP mode":"退出画中画模式","PIP not supported":"不支持画中画模式","Local Subtitle":"本地字幕","Local Video":"本地视频","Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},lt={"Video info":"影片統計訊息",Close:"關閉","Light Off":"關燈","Light On":"開燈","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕","Show setting":"顯示设置","Hide setting":"隱藏设置",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","PIP mode":"畫中畫模式","Exit PIP mode":"退出畫中畫模式","PIP not supported":"不支持畫中畫模式","Local Subtitle":"本地字幕","Local Video":"本地視頻","Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"},ut=function(){function t(n){e(this,t),this.art=n,this.languages={"zh-cn":st,"zh-tw":lt},this.init()}return r(t,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=X(this.languages,t),this.init()}}]),t}();var pt=o((function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};rh){var b=h*u/l;k(r,"width","".concat(100*b,"%")),k(r,"height","100%"),k(r,"padding","0 ".concat((p-p*b)/2,"px"))}else{var y=l/h/u;k(r,"width","100%"),k(r,"height","".concat(100*y,"%")),k(r,"padding","".concat((f-f*y)/2,"px 0"))}}o.dataset.aspectRatio=n,a.show="".concat(i.get("Aspect ratio"),": ").concat("default"===n?i.get("Default"):n),t.emit("aspectRatio",n)}else e.aspectRatio&&(k(r,"width",null),k(r,"height",null),k(r,"padding",null),delete o.dataset.aspectRatio,t.emit("aspectRatio"))}}),B(e,"aspectRatioReset",{set:function(t){if(t&&e.aspectRatio){var n=e.aspectRatio;e.aspectRatio=n}}})}(n,this),function(t,e){var n=t.option,r=t.notice,o=t.template.$video,i=document.createElement("canvas");B(e,"getDataURL",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),t(i.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),B(e,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),i.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),B(e,"screenshot",{value:function(){e.getDataURL().then((function(e){F(e,"".concat(n.title||"artplayer","_").concat(G(o.currentTime),".png")),t.emit("screenshot",e)}))}})}(n,this),function(t,e){var n=t.template.$player;B(e,"fullscreen",{get:function(){return pt.isFullscreen},set:function(r){r?pt.request(n).then((function(){v(n,"art-fullscreen"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreen",!0)})):pt.exit().then((function(){w(n,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreen")}))}}),B(e,"fullscreenToggle",{set:function(t){t&&(e.fullscreen=!e.fullscreen)}})}(n,this),function(t,e){var n=t.template.$player;B(e,"fullscreenWeb",{get:function(){return x(n,"art-fullscreen-web")},set:function(r){r?(v(n,"art-fullscreen-web"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreenWeb",!0)):(w(n,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"))}}),B(e,"fullscreenWebToggle",{set:function(t){t&&(e.fullscreenWeb=!e.fullscreenWeb)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player;B(e,"fullscreenRotate",{get:function(){return x(r,"art-fullscreen-rotate")},set:function(n){if(n){v(r,"art-fullscreen-rotate"),e.autoSize=!0;var i=document.body,a=i.clientHeight,c=i.clientWidth,s=o.clientHeight,l=o.clientWidth;if(c/a0&&!n.paused&&!n.ended&&n.readyState>2)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player,i=n.$video;B(e,"autoSize",{get:function(){return x(r,"art-auto-size")},set:function(n){if(n){var a=i.videoWidth,c=i.videoHeight,s=r.getBoundingClientRect(),l=s.width,u=s.height,p=a/c,f=l/u;if(v(r,"art-auto-size"),f>p){k(o,"width","".concat(u*p/l*100,"%")),k(o,"height","100%")}else{var d=l/p/u*100;k(o,"width","100%"),k(o,"height","".concat(d,"%"))}t.emit("autoSize",{width:e.width,height:e.height})}else w(r,"art-auto-size"),k(o,"width",null),k(o,"height",null),t.emit("autoSize")}})}(n,this),function(t,e){B(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach((function(t){B(e,t,{get:function(){return e.rect[t]}})})),B(e,"x",{get:function(){return e.left+window.pageXOffset}}),B(e,"y",{get:function(){return e.top+window.pageYOffset}})}(n,this),function(t,e){var n=t.template.$player;B(e,"flip",{get:function(){return n.dataset.flip},set:function(e){if(e){var r=["normal","horizontal","vertical"];A(r.includes(e),"'flip' only accept ".concat(r.toString()," as parameters")),n.dataset.flip=e,t.emit("flip",e)}else delete n.dataset.flip,t.emit("flip")}})}(n,this),function(t,e){var n=t.template.$undercover;B(e,"light",{get:function(){return"none"!==P(n,"display",!1)},set:function(e){k(n,"display",e?"block":"none"),t.emit("light",e)}})}(n,this),function(t,e){var n=t.i18n,r=t.option,o=t.storage,i=t.events.proxy,a=t.template,c=a.$player,s=a.$miniClose,l=a.$miniTitle,u=a.$miniHeader,p="",f=!1,d=0,h=0,b=0,y=0;i(u,"mousedown",(function(t){f=!0,d=t.pageX,h=t.pageY,b=e.left,y=e.top})),i(document,"mousemove",(function(t){if(f){v(c,"art-is-dragging");var e=y+t.pageY-h,n=b+t.pageX-d;k(c,"top","".concat(e,"px")),k(c,"left","".concat(n,"px")),o.set("top",e),o.set("left",n)}})),i(document,"mouseup",(function(){f=!1,w(c,"art-is-dragging")})),i(s,"click",(function(){e.mini=!1,f=!1,w(c,"art-is-dragging")})),O(l,r.title||n.get("Mini player")),B(e,"mini",{get:function(){return x(c,"art-mini")},set:function(n){if(n){e.autoSize=!1,p=c.style.cssText,v(c,"art-mini");var i=o.get("top"),a=o.get("left");if(i&&a)k(c,"top","".concat(i,"px")),k(c,"left","".concat(a,"px")),D(u)||(o.del("top"),o.del("left"),e.mini=!0);else{var s=document.body,l=s.clientHeight-e.height-50,f=s.clientWidth-e.width-50;o.set("top",l),o.set("left",f),k(c,"top","".concat(l,"px")),k(c,"left","".concat(f,"px"))}e.aspectRatio=!1,e.playbackRate=!1,t.emit("mini",!0)}else c.style.cssText=p,w(c,"art-mini"),k(c,"top",null),k(c,"left",null),e.aspectRatio=!1,e.playbackRate=!1,e.autoSize=r.autoSize,t.emit("mini")}}),B(e,"miniToggle",{set:function(t){t&&(e.mini=!e.mini)}})}(n,this),function(t,e){var n=[];B(e,"loop",{get:function(){return n},set:function(r){if(Array.isArray(r)&&"number"==typeof r[0]&&"number"==typeof r[1]){var o=Q(r[0],0,Math.min(r[1],e.duration)),i=Q(r[1],o,e.duration);i-o>=1?(n=[o,i],t.emit("loop",n)):(n=[],t.emit("loop"))}else n=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){n.length&&(e.currentTimen[1])&&(e.seek=n[0])}))}(n,this),_(n,this)};var ht=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=s(t)););return t},bt=o((function(t){function e(n,r,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=e=Reflect.get:t.exports=e=function(t,e,n){var r=ht(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}},e(n,r,o||n)}t.exports=e})),yt=function(){function t(n){e(this,t),this.id=0,this.art=n,this.add=this.add.bind(this)}return r(t,[{key:"add",value:function(t,e){var n=this,r="function"==typeof t?t(this.art):t;if(this.$parent&&this.name&&!r.disable){this.id+=1;var o=r.name||"".concat(this.name).concat(this.id);A(!U(this,o),"Cannot add an existing name [".concat(o,"] to the [").concat(this.name,"]"));var i=document.createElement("div");i.classList.value="art-".concat(this.name," art-").concat(this.name,"-").concat(o),r.html&&O(i,r.html),r.style&&j(i,r.style),r.tooltip&&$(i,r.tooltip);var a=Array.from(this.$parent.children);i.dataset.index=r.index||this.id;var c=a.find((function(t){return Number(t.dataset.index)>=Number(i.dataset.index)}));c?c.insertAdjacentElement("beforebegin",i):O(this.$parent,i),r.click&&this.art.events.proxy(i,"click",(function(t){t.preventDefault(),r.click.call(n.art,n,t)})),r.mounted&&r.mounted(i,this,this.art),e&&e(i,this,this.art),B(this,o,{get:function(){return r}})}}},{key:"show",get:function(){return x(this.art.template.$player,"art-".concat(this.name,"-show"))},set:function(t){var e=this.art.template.$player,n="art-".concat(this.name,"-show");t?v(e,n):w(e,n),this.art.emit(this.name,t)}},{key:"toggle",set:function(t){t&&(this.show=!this.show)}}]),t}();function mt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gt(e){return function(n){return function(e){for(var n=1;n
'),mounted:function(t){var e=!1,r=m(".art-progress-loaded",t),i=m(".art-progress-played",t),s=m(".art-progress-highlight",t),l=m(".art-progress-indicator",t),u=m(".art-progress-tip",t);function p(t,e){"loaded"===t&&k(r,"width","".concat(100*e,"%")),"played"===t&&(k(i,"width","".concat(100*e,"%")),k(l,"left","calc(".concat(100*e,"% - ").concat(P(l,"width")/2,"px)")))}o.forEach((function(t){var e=Q(t.time,0,c.duration)/c.duration*100;O(s,''))})),p("loaded",c.loaded),n.on("video:progress",(function(){p("loaded",c.loaded)})),n.on("video:timeupdate",(function(){p("played",c.played)})),n.on("video:ended",(function(){p("played",1)})),a(t,"mousemove",(function(e){k(u,"display","block"),e.composedPath().indexOf(s)>-1?function(e){var r=St(n,e).width,o=e.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?k(u,"left",0):r>t.clientWidth-i/2?k(u,"left","".concat(t.clientWidth-i,"px")):k(u,"left","".concat(r-i/2,"px"))}(e):function(e){var r=St(n,e),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?k(u,"left",0):o>t.clientWidth-a/2?k(u,"left","".concat(t.clientWidth-a,"px")):k(u,"left","".concat(o-a/2,"px"))}(e)})),a(t,"mouseout",(function(){k(u,"display","none")})),a(t,"click",(function(t){if(t.target!==l){var e=St(n,t),r=e.second;p("played",e.percentage),c.seek=r}})),a(l,"mousedown",(function(){e=!0})),a(document,"mousemove",(function(t){if(e){var r=St(n,t),o=r.second,i=r.percentage;v(l,"art-show-indicator"),p("played",i),c.seek=o}})),a(document,"mouseup",(function(){e&&(e=!1,w(l,"art-show-indicator"))}))}})}}function $t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Dt(e){return function(n){return function(e){for(var n=1;n'),u=O(l,'
');function p(t){var e=l.getBoundingClientRect().left;return Q(t.pageX-e-6,0,54)/48}function f(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)k(c,"display","none"),k(s,"display","flex"),k(u,"left","0");else{var e=48*t;k(c,"display","flex"),k(s,"display","none"),k(u,"left","".concat(e,"px"))}}$(c,i.get("Mute")),k(s,"display","none"),n.isMobile&&k(l,"display","none"),f(o.volume),n.on("video:volumechange",(function(){f(o.volume)})),e(c,"click",(function(){o.muted=!0})),e(s,"click",(function(){o.muted=!1})),e(l,"click",(function(t){o.muted=!1,o.volume=p(t)})),e(u,"mousedown",(function(){a=!0})),e(t,"mousemove",(function(t){a&&(o.muted=!1,o.volume=p(t))})),e(document,"mouseup",(function(){a&&(a=!1)}))}})}}function Lt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ct(e){return function(n){return function(e){for(var n=1;nr.clientWidth-s/2?k(t,"left","".concat(r.clientWidth-s,"px")):k(t,"left","".concat(i-s/2,"px"))}(o))})),i(r,"mouseout",(function(){k(t,"display","none")}))}})}}function Ft(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ht(e){return function(n){return function(e){for(var n=1;n'.concat(s.name,"")),u=e.map((function(t,e){return'
').concat(t.name,"
")})).join(""),p=O(t,'
'.concat(u,"
"));i(t,(function(){p.style.left="-".concat(P(p,"width")/2-P(t,"width")/2,"px")})),o(p,"click",(function(t){var n=Number(t.target.dataset.index),r=e[n],o=r.url,i=r.name;o&&i&&c!==n&&(a.switchQuality(o,i),l.innerText=i,c=n)}))}})}}function Vt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bt(e){return function(n){return function(e){for(var n=1;n'),o=O(t,'');n.on("loop",(function(n){n?(k(t,"display","block"),k(r,"left","calc(".concat(n[0]/e.duration*100,"% - ").concat(r.clientWidth,"px)")),k(o,"left","".concat(n[1]/e.duration*100,"%"))):k(t,"display","none")}))}})}}var Nt=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="control";var o=t.option,i=t.player,a=t.template.$player;return r.delayHide=Z((function(){i.playing&&r.show&&(v(a,"art-hide-cursor"),w(a,"art-hover"),r.show=!1)}),3e3),r.cancelDelayHide=r.delayHide.clearTimeout,t.once("ready",(function(){r.add(Et({name:"progress",disable:o.isLive,position:"top",index:10})),r.add(qt({name:"thumbnails",disable:!o.thumbnails.url||o.isLive,position:"top",index:20})),r.add(Bt({name:"loop",disable:!1,position:"top",index:30})),r.add(jt({name:"playAndPause",disable:!1,position:"left",index:10})),r.add(At({name:"volume",disable:!1,position:"left",index:20})),r.add(Tt({name:"time",disable:o.isLive,position:"left",index:30})),r.add(It({name:"quality",disable:0===o.quality.length,position:"right",index:10})),r.add(Ht({name:"screenshot",disable:!o.screenshot,position:"right",index:20})),r.add(Dt({name:"subtitle",disable:!o.subtitle.url,position:"right",index:30})),r.add(Ct({name:"setting",disable:!o.setting,position:"right",index:40})),r.add(Ot({name:"pip",disable:!o.pip,position:"right",index:50})),r.add(wt({name:"fullscreenWeb",disable:!o.fullscreenWeb,position:"right",index:60})),r.add(gt({name:"fullscreen",disable:!o.fullscreen,position:"right",index:70})),o.controls.forEach((function(t){r.add(t)}))})),r}return u(n,t),r(n,[{key:"add",value:function(t,e){var r=this,o="function"==typeof t?t(this.art):t;A(["top","left","right"].includes(o.position),"Control option.position must one of 'top', 'left', 'right'");var i=this.art.template,a=i.$progress,c=i.$controlsLeft,l=i.$controlsRight;switch(o.position){case"top":this.$parent=a;break;case"left":this.$parent=c;break;case"right":this.$parent=l}bt(s(n.prototype),"add",this).call(this,o,(function(t){o.disable||"top"===o.position||t.firstElementChild&&"I"===t.firstElementChild.tagName||v(t,"art-control-onlyText"),e&&e(t,r,r.art)}))}}]),n}(yt);function Ut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _t(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n0.50.75').concat(r.get("Normal"),'1.251.52.0'),click:function(t,e){var n=e.target.dataset.rate;n&&(o.playbackRate=Number(n),t.show=!1)},mounted:function(t){n.on("playbackRate",(function(e){var n=g("span",t).find((function(t){return Number(t.dataset.rate)===e}));n&&E(n,"art-current")}))}})}}function Xt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yt(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n').concat(r.get("Default"),'4:316:9'),click:function(t,e){var n=e.target.dataset.ratio;n&&(o.aspectRatio=n,t.show=!1)},mounted:function(t){n.on("aspectRatio",(function(e){var n=g("span",t).find((function(t){return t.dataset.ratio===e}));n&&E(n,"art-current")}))}})}}function Zt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jt(e){return function(n){return function(e){for(var n=1;nArtPlayer 3.5.9'})}function Kt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function te(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;ns+c&&(h=c-d),n+f>u+i&&(b=i-f),j(l,{top:"".concat(b,"px"),left:"".concat(h,"px")})})),u(a,"click",(function(t){t.composedPath().includes(l)||(r.show=!1)})),t.on("blur",(function(){r.show=!1}))})),r}return u(n,t),n}(yt),oe=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="info";var o=t.template,i=o.$infoPanel,a=o.$infoClose,l=o.$video;(0,t.events.proxy)(a,"click",(function(){r.show=!1}));var u=null,p=g("[data-video]",i);return t.on("destroy",(function(){clearTimeout(u)})),t.on("info",(function(t){clearTimeout(u),t&&function t(){p.forEach((function(t){var e=l[t.dataset.video];t.innerText="number"==typeof e?e.toFixed(2):e})),u=setTimeout((function(){t()}),1e3)}()})),r}return u(n,t),n}(yt),ie=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="subtitle";var o=t.option.subtitle;return j(t.template.$subtitle,o.style),o.url&&r.init(o.url),r}return u(n,t),r(n,[{key:"update",value:function(){var t=this.art.template.$subtitle;t.innerHTML="",this.activeCue&&(t.innerHTML=this.activeCue.text.split(/\r?\n/).map((function(t){return"

".concat(K(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t,e,n){var r=this,o=this.art,i=o.i18n,a=o.notice;return this.init(t,n).then((function(t){return e&&(a.show="".concat(i.get("Switch subtitle"),": ").concat(e)),r.art.emit("subtitleSwitch",t),t}))}},{key:"init",value:function(t,e){var n=this,r=this.art,o=r.notice,i=r.events.proxy,a=r.template,c=a.$subtitle,s=a.$video;if(!a.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",s.appendChild(l),this.art.template.$track=l,i(this.textTrack,"cuechange",this.update.bind(this))}return fetch(t).then((function(t){return t.text()})).then((function(r){switch(n.art.emit("subtitleLoad",t),e||q(t)){case"srt":return C(L(r));case"ass":return C(M(r));case"vtt":return C(r);default:return t}})).then((function(t){return c.innerHTML="",n.url===t||(URL.revokeObjectURL(n.url),n.art.template.$track.src=t),t})).catch((function(t){throw o.show=t,t}))}},{key:"url",get:function(){return this.art.template.$track.src}},{key:"textTrack",get:function(){return this.art.template.$video.textTracks[0]}},{key:"activeCue",get:function(){return this.textTrack.activeCues[0]}}]),n}(yt);var ae=function(){function t(n){var r=this;e(this,t),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),n.whitelist.state&&n.once("ready",(function(){!function(t,e){var n=t.controls,r=t.template.$player;e.proxy(document,["click","contextmenu"],(function(e){e.composedPath&&e.composedPath().indexOf(r)>-1?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})),t.on("blur",(function(){n.delayHide()}))}(n,r),function(t,e){var n=t.controls,r=t.template.$player;e.hover(r,(function(){v(r,"art-hover"),t.emit("hover",!0)}),(function(){w(r,"art-hover"),t.emit("hover")})),t.on("hover",(function(t){t||n.delayHide()}))}(n,r),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=t.controls;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)})),t.on("mousemove",(function(t){a.cancelDelayHide(),w(r,"art-hide-cursor"),a.show=!0,i.pip||t.target!==o||a.delayHide()}))}(n,r),function(t,e){var n=t.option,r=t.player,o=J((function(){r.normal&&(r.autoSize=n.autoSize),r.aspectRatioReset=!0,t.emit("resize")}),500);e.proxy(window,["orientationchange","resize"],(function(){o()}))}(n,r),function(t,e){if(t.isMobile&&!t.option.isLive){var n=t.player,r=t.notice,o=t.template.$video,i=!1,a=0,c=0;e.proxy(o,"touchstart",(function(t){1===t.touches.length&&(i=!0,a=t.touches[0].clientX)})),e.proxy(document,"touchmove",(function(t){if(1===t.touches.length&&i){var e=Q((t.touches[0].clientX-a)/o.clientWidth,-1,1);c=Q(n.currentTime+60*e,0,n.duration),r.show="".concat(G(c)," / ").concat(G(n.duration))}})),e.proxy(document,"touchend",(function(){i&&c&&(n.seek=c),i=!1,a=0,c=0}))}}(n,r),function(t,e){var n=t.player,r=t.option.autoMini,o=t.template.$container,i=Z((function(){t.emit("view",D(o))}),200);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(t){r&&(n.mini=!t)}))}(n,r)}))}return r(t,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(t);(o=new Image).src=t}return o.complete?n(o):(e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(o)})),t)}))}},{key:"destroy",value:function(){this.destroyEvents.forEach((function(t){return t()}))}}]),t}(),ce=function(){function t(n){var r=this;e(this,t),this.keys={};var o=n.option,i=n.player,a=n.events.proxy;o.hotkey&&n.once("ready",(function(){r.add(27,(function(){i.fullscreenWeb&&(i.fullscreenWeb=!1)})),r.add(32,(function(){i.toggle=!0})),r.add(37,(function(){i.backward=5})),r.add(38,(function(){i.volume+=.1})),r.add(39,(function(){i.forward=5})),r.add(40,(function(){i.volume-=.1})),a(window,"keydown",(function(t){if(n.isFocus){var e=document.activeElement.tagName.toUpperCase(),o=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==o&&"true"!==o){var i=r.keys[t.keyCode];i&&(t.preventDefault(),i.forEach((function(t){return t()})),n.emit("hotkey",t))}}}))}))}return r(t,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}}]),t}(),se=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this,t))).name="layer",r.$parent=t.template.$layer,t.once("ready",(function(){t.option.layers.forEach((function(t){r.add(t)}))})),r}return u(n,t),n}(yt),le=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this,t))).name="loading",O(t.template.$loading,t.icons.loading),r}return u(n,t),n}(yt),ue=function(){function t(n){e(this,t),this.art=n,this.time=2e3,this.timer=null}return r(t,[{key:"show",set:function(t){var e=this.art.template,n=e.$player,r=e.$noticeInner;r.innerText=t instanceof Error?t.message.trim():t,v(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout((function(){r.innerText="",w(n,"art-notice-show")}),this.time)}}]),t}(),pe=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this,t))).name="mask",O(t.template.$state,t.icons.state),r}return u(n,t),n}(yt);function fe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var de=function n(r){var o=this;e(this,n);var i=function(e){for(var n=1;n',state:'',play:'',pause:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:''},r.option.icons);Object.keys(i).forEach((function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),O(e,i[t]),o[t]=e}))};function he(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function be(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n'.concat(r.get("Flip"),'
"),click:function(t,e){var n=e.target.dataset.value;n&&(o.flip=n)},mounted:function(t){n.on("flip",(function(e){var n=g("button",t).find((function(t){return t.dataset.value===e}));n&&E(n.parentElement,"current")}))}})}}function ye(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function me(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n'.concat(r.get("Aspect ratio"),'
'),click:function(t,e){var n=e.target.dataset.value;n&&(o.aspectRatio=n)},mounted:function(t){n.on("aspectRatio",(function(e){var n=g("button",t).find((function(t){return t.dataset.value===e}));n&&E(n.parentElement,"current")}))}})}}function ge(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ve(e){return function(n){var r=n.i18n,o=n.player,i=n.events.proxy;return function(e){for(var n=1;n'.concat(r.get("Play speed"),': 1.0x
'),mounted:function(t){var e=m(".art-setting-range input",t),r=m(".art-subtitle-value",t);i(e,"change",(function(){var t=e.value;r.innerText=t,o.playbackRate=Number(t)})),n.on("playbackRate",(function(t){t&&e.value!==t&&(e.value=t,r.innerText=t)}))}})}}var we=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="setting";var o=t.option,i=t.template,a=i.$setting,l=i.$settingBody,u=t.events.proxy;return r.$parent=l,o.setting&&(t.once("ready",(function(){u(a,"click",(function(t){t.target===a&&(r.show=!1)})),r.add(be({disable:!o.flip,name:"flip"})),r.add(me({disable:!o.aspectRatio,name:"aspectRatio"})),r.add(ve({disable:!o.playbackRate,name:"playbackRate"}))})),t.on("blur",(function(){r.show=!1}))),r}return u(n,t),n}(yt),xe=function(){function n(){e(this,n),this.name="artplayer_settings"}return r(n,[{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.name))||{};return t?e[t]:e}},{key:"set",value:function(e,n){var r=Object.assign({},this.get(),t({},e,n));localStorage.setItem(this.name,JSON.stringify(r))}},{key:"del",value:function(t){var e=this.get();delete e[t],localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){localStorage.removeItem(this.name)}}]),n}();function Oe(t){var e=t.i18n,n=t.subtitle,r=t.events.proxy;return{title:"Subtitle",name:"subtitleOffset",index:20,html:'
'.concat(e.get("Subtitle offset time"),': 0s
'),mounted:function(e){var o=m(".art-setting-range input",e),i=m(".art-subtitle-value",e);r(o,"change",(function(){var e=o.value;i.innerText=e,t.plugins.subtitleOffset.offset(Number(e))})),t.on("subtitle:switch",(function(){o.value=0,i.innerText=0})),t.on("subtitleOffset",(function(t){n.update(),o.value!==t&&(o.value=t,i.innerText=t)}))}}}function ke(t){var e=t.constructor.utils.clamp,n=t.setting,r=t.notice,o=t.template,i=t.i18n,a=t.player;n.add(Oe);var c=[];return t.on("subtitle:switch",(function(){c=[]})),{name:"subtitleOffset",offset:function(n){if(o.$track&&o.$track.track){var s=Array.from(o.$track.track.cues),l=e(n,-5,5);s.forEach((function(t,n){c[n]||(c[n]={startTime:t.startTime,endTime:t.endTime}),t.startTime=e(c[n].startTime+l,0,a.duration),t.endTime=e(c[n].endTime+l,0,a.duration)})),r.show="".concat(i.get("Subtitle offset time"),": ").concat(n,"s"),t.emit("subtitleOffset",n)}else r.show="".concat(i.get("No subtitles found")),t.emit("subtitleOffset",0)}}}function je(t){var e=t.events.proxy,n=t.template,r=t.player,o=t.option,i=t.setting,a=t.i18n;function c(e){if(e){var i=n.$video.canPlayType(e.type);if("maybe"===i||"probably"===i){var a=URL.createObjectURL(e);o.title=e.name,r.switchUrl(a,e.name),t.emit("localVideo",e)}else A(!1,"Playback of this file format is not supported")}}function s(t){var n=O(t,'');k(t,"position","relative"),j(n,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(n,"change",(function(){c(n.files[0])}))}return e(n.$player,"dragover",(function(t){t.preventDefault()})),e(n.$player,"drop",(function(t){t.preventDefault(),c(t.dataTransfer.files[0])})),t.once("ready",(function(){i.add({title:"Local Video",name:"localVideo",index:30,html:'
'.concat(a.get("Local Video"),'
').concat(a.get("Open"),'
'),mounted:function(e){var n=m(".art-upload-btn",e),r=m(".art-upload-value",e);t.on("localVideo",(function(t){r.textContent=t.name,r.title=t.name})),s(n)}})})),{name:"localVideo",attach:s}}function Pe(t){var e=t.events.proxy,n=t.subtitle,r=t.setting,o=t.i18n;function i(r){var o=O(r,'');k(r,"position","relative"),j(o,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(o,"change",(function(){!function(e){if(e){var r=q(e.name);if(["ass","vtt","srt"].includes(r)){var o=URL.createObjectURL(e);n.switch(o,e.name,r),t.emit("localSubtitle",e)}else A(!1,"Only supports subtitle files in .ass, .vtt and .srt format")}}(o.files[0])}))}return t.once("ready",(function(){r.add({title:"Local Subtitle",name:"localSubtitle",index:40,html:'
'.concat(o.get("Local Subtitle"),'
').concat(o.get("Open"),'
'),mounted:function(e){var n=m(".art-upload-btn",e),r=m(".art-upload-value",e);t.on("localSubtitle",(function(t){r.textContent=t.name,r.title=t.name})),i(n)}})})),{name:"localSubtitle",attach:i}}function Se(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"2px",background:r},mounted:function(e){t.on("control",(function(t){e.style.display=t?"none":"block"})),t.on("destroy",(function(){e.style.display="none"})),t.on("video:timeupdate",(function(){e.style.width="".concat(100*n.played,"%")}))}}),{name:"miniProgressBar"}}function Ee(t){var e=1e4,n=0,r=0,o=0,i=null;function a(){n=0,r=0,o=0,cancelAnimationFrame(i),i=null}function c(){i||function a(){t.isDestroy||(i=requestAnimationFrame((function(){var i=Date.now();if(o){var c=i-o;r+=c,t.player.playing||(n+=c)}o=i,t.emit("networkMonitor",n/r),r>=e&&(n=0,r=0),a()})))}()}return t.on("play",c),t.on("pause",a),{name:"networkMonitor",reset:a,start:c,sample:function(t){e=t}}}function $e(t){var e=t.controls,n=t.option,r=t.events.hover;function o(n){var o,i,a,c=n.list.map((function(t){return'
').concat(t.text,"
")})).join(""),s='
'.concat(c,'
');e.add({name:n.name,position:"right",index:n.index,html:s,mounted:function(t){v(t,"art-control-switcher"),o=m(".art-switcher-list",t),i=g(".art-switcher-item",t),a=m(".art-switcher-current",t);var e=n.list.find((function(t){return t.name===n.default}))||n.list[0];if(e){a.innerText=e.text;var c=i.find((function(t){return t.dataset.switcherName===e.name}));c&&E(c,"art-current")}r(t,(function(){o.style.left="-".concat(P(o,"width")/2-P(t,"width")/2,"px")}))},click:function(e,r){var o=r.target.dataset.switcherName;if(o){var c=n.list.find((function(t){return t.name===o}));if(c){var s=i.find((function(t){return t.dataset.switcherName===c.name}));a.innerText=c.text,E(s,"art-current"),n.click&&n.click.call(t,o,r)}}}})}return n.switcher.forEach(o),{name:"switcher",add:o}}var De=function(){function t(n){var r=this;e(this,t),this.art=n,this.id=0;var o=n.option;o.subtitle.url&&o.subtitleOffset&&this.add(ke),!o.isLive&&o.miniProgressBar&&this.add(Se),o.localVideo&&this.add(je),o.localSubtitle&&this.add(Pe),o.networkMonitor&&this.add(Ee),this.add($e),n.option.plugins.forEach((function(t){r.add(t)}))}return r(t,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art),n=e&&e.name||t.name||"plugin".concat(this.id);return A(!U(this,n),"Cannot add a plugin that already has the same name: ".concat(n)),B(this,n,{value:e}),this}}]),t}(),Re=function t(n){e(this,t);var r=n.option,o=n.events.proxy,i=n.template.$video;it.events.forEach((function(t){o(i,t,(function(t){n.emit("video:".concat(t.type),t)}))})),Object.keys(r.moreVideoAttr).forEach((function(t){i[t]=r.moreVideoAttr[t]})),r.muted&&(i.muted=r.muted),r.volume&&(i.volume=Q(r.volume,0,1)),r.poster&&(i.poster=r.poster),r.autoplay&&(i.autoplay=r.autoplay),i.controls=!0;var a=r.type||q(r.url),c=r.customType[a];a&&c?(c(i,r.url,n),n.emit("customType",a)):(i.src=r.url,n.emit("url",i.src))},Te=0,ze=[],Ae=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this))).option=p(X(n.option,t),ot),r.isFocus=!1,r.isDestroy=!1,r.userAgent=d,r.isMobile=h,r.isWechat=y,r.whitelist=new at(a(r)),r.template=new ct(a(r)),r.events=new ae(a(r)),r.whitelist.state?(r.storage=new xe(a(r)),r.icons=new de(a(r)),r.i18n=new ut(a(r)),r.notice=new ue(a(r)),r.player=new dt(a(r)),r.layers=new se(a(r)),r.controls=new Nt(a(r)),r.contextmenu=new re(a(r)),r.subtitle=new ie(a(r)),r.info=new oe(a(r)),r.loading=new le(a(r)),r.hotkey=new ce(a(r)),r.mask=new pe(a(r)),r.setting=new we(a(r)),r.plugins=new De(a(r))):r.mobile=new Re(a(r)),Te+=1,r.id=Te,ze.push(a(r)),r}return u(n,t),r(n,[{key:"destroy",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),ze.splice(ze.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return ze}},{key:"version",get:function(){return"3.5.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return it}},{key:"utils",get:function(){return tt}},{key:"scheme",get:function(){return ot}},{key:"Emitter",get:function(){return f}},{key:"validator",get:function(){return p}},{key:"kindOf",get:function(){return p.kindOf}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMin:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,light:!1,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,localVideo:!1,localSubtitle:!1,networkMonitor:!1,layers:[],contextmenu:[],controls:[],quality:[],highlight:[],plugins:[],whitelist:[],switcher:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:b?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),n}(f);function Le(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}return console.log("%c ArtPlayer %c 3.5.9 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),{data:function(){return{instance:null}},props:{option:{type:Object,required:!0},getInstance:Function},mounted:function(){this.instance=new Ae(function(e){for(var n=1;nobject{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}.art-video-player .art-subtitle{display:none;position:absolute;z-index:20;bottom:10px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.art-video-player .art-subtitle p{word-break:break-all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:40px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-mask,.art-video-player .art-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.art-video-player .art-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.art-video-player.art-mask-show .art-mask,.art-video-player .art-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.art-video-player.art-loading-show .art-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:55px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.art-video-player .art-bottom .art-progress{position:relative;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4px;cursor:pointer}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{position:relative;height:50%;width:100%;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:100%;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:100%;background:#fff;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner{height:100%}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-indicator,.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-tip{display:block}.art-video-player .art-bottom .art-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.art-video-player .art-bottom .art-progress .art-control-loop{display:none;position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point{position:absolute;left:0;top:-2px;width:2px;height:8px;background:hsla(0,0%,100%,.75)}.art-video-player .art-bottom .art-controls{position:relative;pointer-events:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:5px 0}.art-video-player .art-bottom .art-controls,.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.art-video-player .art-bottom .art-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{position:relative;z-index:30}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-destroy .art-progress-tip,.art-video-player.art-error .art-progress-indicator,.art-video-player.art-error .art-progress-tip{display:none!important}.art-video-player .art-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.art-video-player .art-notice .art-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.art-video-player.art-notice-show .art-notice{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-contextmenus{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.9);border-radius:3px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;font-size:12px;display:block;color:#fff;padding:10px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{display:inline-block;padding:0 7px}.art-video-player .art-contextmenus .art-contextmenu span.art-current,.art-video-player .art-contextmenus .art-contextmenu span:hover{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:none}.art-video-player.art-contextmenu-show .art-contextmenus,.art-video-player .art-settings{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.art-video-player .art-settings .art-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.9);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.art-video-player .art-settings .art-setting-inner .art-setting-body{overflow-y:auto;width:100%;height:100%}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting .art-setting-header{margin-bottom:5px}.art-video-player .art-settings .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.art-video-player .art-settings .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.art-video-player .art-settings .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.art-video-player .art-settings .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.art-video-player .art-settings .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.art-video-player .art-settings .art-setting-upload{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-upload .art-upload-btn{width:80px;height:22px;line-height:22px;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px;text-align:center}.art-video-player .art-settings .art-setting-upload .art-upload-value{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;padding-left:10px}.art-video-player.art-setting-show .art-settings{opacity:1;visibility:visible;pointer-events:auto}.art-video-player.art-setting-show .art-settings .art-setting-inner{right:0}.art-video-player .art-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.9)}.art-video-player .art-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.art-video-player .art-info .art-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.art-video-player.art-info-show .art-info{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player.art-hide-cursor *{cursor:none!important}.art-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.art-video-player.art-fullscreen-web{position:fixed;z-index:9999;width:100%!important;height:100%!important;left:0;top:0;right:0;bottom:0}.art-fullscreen-rotate{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:#000}.art-video-player .art-mini-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.art-video-player .art-mini-header .art-mini-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.art-video-player .art-mini-header .art-mini-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-mini{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.art-video-player.art-mini .art-mini-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.art-video-player.art-mini.art-hover .art-mini-header{opacity:1;visibility:visible}.art-video-player.art-mini .art-mask .art-state{position:static}.art-video-player.art-mini .art-bottom,.art-video-player.art-mini .art-contextmenu,.art-video-player.art-mini .art-danmu,.art-video-player.art-mini .art-info,.art-video-player.art-mini .art-layers,.art-video-player.art-mini .art-notice,.art-video-player.art-mini .art-setting,.art-video-player.art-mini .art-subtitle{display:none!important}.art-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.art-video-player[data-flip=horizontal] .art-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}:root{--balloon-color:rgba(16,16,16,0.95);--balloon-font-size:12px;--balloon-move:4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:#fff;content:attr(aria-label);padding:.5em 1em;white-space:nowrap;line-height:1.2}[aria-label][data-balloon-pos]:after,[aria-label][data-balloon-pos]:before{opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--balloon-color);content:""}[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before{opacity:1;pointer-events:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,var(--balloon-move));transform:translate(-50%,var(--balloon-move));-webkit-transform-origin:top;transform-origin:top}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before{-webkit-transform:translate(-50%);transform:translate(-50%)}');var u=r((function(t,e){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var o=t(n);if("boolean"===o)return"boolean";if("string"===o)return"string";if("number"===o)return"number";if("symbol"===o)return"symbol";if("function"===o)return function(t){return"GeneratorFunction"===r(t)}(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(o=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return o.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function o(t,e){var r=21?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document).querySelector(t)}function m(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function g(t,e){return t.classList.add(e)}function v(t,e){return t.classList.remove(e)}function w(t,e){return t.classList.contains(e)}function x(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function O(t,e,n){return t.style[e]=n,t}function k(t,e){return Object.keys(e).forEach((function(n){O(t,n,e[n])})),t}function j(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function P(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function S(t,e){P(t).forEach((function(t){return v(t,e)})),g(t,e)}function E(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";d||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function $(t){var e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth,o=e.top<=n&&e.top+e.height>=0,i=e.left<=r&&e.left+e.width>=0;return o&&i}var D=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},R=r((function(t){function e(n,r,o){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}()?t.exports=e=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&s(o,n.prototype),o}:t.exports=e=Reflect.construct,e.apply(null,arguments)}t.exports=e})),T=function(e){function n(e,r){var o;return t(this,n),o=a(this,c(n).call(this,e)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(i(o),r||o.constructor),o.name="ArtPlayerError",o}return l(n,e),n}(r((function(t){function e(n){var r="function"==typeof Map?new Map:void 0;return t.exports=e=function(t){if(null===t||!D(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return R(t,arguments,c(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),s(e,t)},e(n)}t.exports=e}))(Error));function z(t,e){if(!t)throw new T(e);return t}function A(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function L(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function C(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function M(t){return t.includes("?")?M(t.split("?")[0]):t.includes("#")?M(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function q(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var W=function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1?e-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function Y(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function G(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var K=Object.freeze({__proto__:null,query:b,queryAll:m,addClass:g,removeClass:v,hasClass:w,append:x,remove:function(t){return t.parentNode.removeChild(t)},setStyle:O,setStyles:k,getStyle:j,sublings:P,inverseClass:S,tooltip:E,isInViewport:$,ArtPlayerError:T,errorHandle:z,srtToVtt:A,vttToBlob:L,assToVtt:C,getExt:M,download:q,def:I,has:N,proxyPropertys:U,mergeDeep:_,sleep:X,debounce:Y,throttle:Z,clamp:J,secondToTime:Q,escape:G,userAgent:f,isMobile:d,isSafari:h,isWechat:y});var tt=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};function et(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nt(t,e,n){return z("string"===e||t instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}var rt={html:nt,disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"},ot={container:nt,url:"string",poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",autoMin:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",light:"boolean",backdrop:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",subtitleOffset:"boolean",miniProgressBar:"boolean",localVideo:"boolean",localSubtitle:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[rt],contextmenu:[rt],controls:[function(t){for(var e=1;e-1;case"function":return t(n.userAgent);case"regexp":return t.test(n.userAgent);default:return!1}}))},ct=function(){function e(n){var r=this;t(this,e),this.art=n,n.option.container instanceof Element?this.$container=n.option.container:(this.$container=b(n.option.container),z(this.$container,"No container element found by ".concat(n.option.container))),z(n.constructor.instances.every((function(t){return t.template.$container!==r.$container})),"Cannot mount multiple instances on the same dom element"),z(this.$container.clientWidth&&this.$container.clientHeight,"The width and height of the container cannot be 0"),n.whitelist.state?this.desktop():this.mobile()}return n(e,[{key:"query",value:function(t){return b(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option,e=t.theme,n=t.backdrop;this.$container.innerHTML='
Player version:
3.5.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'),this.$undercover=this.query(".art-undercover"),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$settingInner=this.query(".art-setting-inner"),this.$settingBody=this.query(".art-setting-body"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),n&&(g(this.$settingInner,"art-backdrop-filter"),g(this.$info,"art-backdrop-filter"),g(this.$contextmenu,"art-backdrop-filter")),this.art.isMobile&&g(this.$container,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":g(this.$player,"art-destroy")}}]),e}(),st={"Video info":"视频统计信息",Close:"关闭","Light Off":"关灯","Light On":"开灯","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","PIP mode":"画中画模式","Exit PIP mode":"退出画中画模式","PIP not supported":"不支持画中画模式","Local Subtitle":"本地字幕","Local Video":"本地视频","Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},lt={"Video info":"影片統計訊息",Close:"關閉","Light Off":"關燈","Light On":"開燈","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕","Show setting":"顯示设置","Hide setting":"隱藏设置",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","PIP mode":"畫中畫模式","Exit PIP mode":"退出畫中畫模式","PIP not supported":"不支持畫中畫模式","Local Subtitle":"本地字幕","Local Video":"本地視頻","Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"},ut=function(){function e(n){t(this,e),this.art=n,this.languages={"zh-cn":st,"zh-tw":lt},this.init()}return n(e,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=_(this.languages,t),this.init()}}]),e}();var pt=r((function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};rh){var y=h*u/l;O(r,"width","".concat(100*y,"%")),O(r,"height","100%"),O(r,"padding","0 ".concat((p-p*y)/2,"px"))}else{var b=l/h/u;O(r,"width","100%"),O(r,"height","".concat(100*b,"%")),O(r,"padding","".concat((f-f*b)/2,"px 0"))}}o.dataset.aspectRatio=n,a.show="".concat(i.get("Aspect ratio"),": ").concat("default"===n?i.get("Default"):n),t.emit("aspectRatio",n)}else e.aspectRatio&&(O(r,"width",null),O(r,"height",null),O(r,"padding",null),delete o.dataset.aspectRatio,t.emit("aspectRatio"))}}),I(e,"aspectRatioReset",{set:function(t){if(t&&e.aspectRatio){var n=e.aspectRatio;e.aspectRatio=n}}})}(n,this),function(t,e){var n=t.option,r=t.notice,o=t.template.$video,i=document.createElement("canvas");I(e,"getDataURL",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),t(i.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),I(e,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),i.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),I(e,"screenshot",{value:function(){e.getDataURL().then((function(e){q(e,"".concat(n.title||"artplayer","_").concat(Q(o.currentTime),".png")),t.emit("screenshot",e)}))}})}(n,this),function(t,e){var n=t.template.$player;I(e,"fullscreen",{get:function(){return pt.isFullscreen},set:function(r){r?pt.request(n).then((function(){g(n,"art-fullscreen"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreen",!0)})):pt.exit().then((function(){v(n,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreen")}))}}),I(e,"fullscreenToggle",{set:function(t){t&&(e.fullscreen=!e.fullscreen)}})}(n,this),function(t,e){var n=t.template.$player;I(e,"fullscreenWeb",{get:function(){return w(n,"art-fullscreen-web")},set:function(r){r?(g(n,"art-fullscreen-web"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreenWeb",!0)):(v(n,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"))}}),I(e,"fullscreenWebToggle",{set:function(t){t&&(e.fullscreenWeb=!e.fullscreenWeb)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player;I(e,"fullscreenRotate",{get:function(){return w(r,"art-fullscreen-rotate")},set:function(n){if(n){g(r,"art-fullscreen-rotate"),e.autoSize=!0;var i=document.body,a=i.clientHeight,c=i.clientWidth,s=o.clientHeight,l=o.clientWidth;if(c/a0&&!n.paused&&!n.ended&&n.readyState>2)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player,i=n.$video;I(e,"autoSize",{get:function(){return w(r,"art-auto-size")},set:function(n){if(n){var a=i.videoWidth,c=i.videoHeight,s=r.getBoundingClientRect(),l=s.width,u=s.height,p=a/c,f=l/u;if(g(r,"art-auto-size"),f>p){O(o,"width","".concat(u*p/l*100,"%")),O(o,"height","100%")}else{var d=l/p/u*100;O(o,"width","100%"),O(o,"height","".concat(d,"%"))}t.emit("autoSize",{width:e.width,height:e.height})}else v(r,"art-auto-size"),O(o,"width",null),O(o,"height",null),t.emit("autoSize")}})}(n,this),function(t,e){I(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach((function(t){I(e,t,{get:function(){return e.rect[t]}})})),I(e,"x",{get:function(){return e.left+window.pageXOffset}}),I(e,"y",{get:function(){return e.top+window.pageYOffset}})}(n,this),function(t,e){var n=t.template.$player;I(e,"flip",{get:function(){return n.dataset.flip},set:function(e){if(e){var r=["normal","horizontal","vertical"];z(r.includes(e),"'flip' only accept ".concat(r.toString()," as parameters")),n.dataset.flip=e,t.emit("flip",e)}else delete n.dataset.flip,t.emit("flip")}})}(n,this),function(t,e){var n=t.template.$undercover;I(e,"light",{get:function(){return"none"!==j(n,"display",!1)},set:function(e){O(n,"display",e?"block":"none"),t.emit("light",e)}})}(n,this),function(t,e){var n=t.i18n,r=t.option,o=t.storage,i=t.events.proxy,a=t.template,c=a.$player,s=a.$miniClose,l=a.$miniTitle,u=a.$miniHeader,p="",f=!1,d=0,h=0,y=0,b=0;i(u,"mousedown",(function(t){f=!0,d=t.pageX,h=t.pageY,y=e.left,b=e.top})),i(document,"mousemove",(function(t){if(f){g(c,"art-is-dragging");var e=b+t.pageY-h,n=y+t.pageX-d;O(c,"top","".concat(e,"px")),O(c,"left","".concat(n,"px")),o.set("top",e),o.set("left",n)}})),i(document,"mouseup",(function(){f=!1,v(c,"art-is-dragging")})),i(s,"click",(function(){e.mini=!1,f=!1,v(c,"art-is-dragging")})),x(l,r.title||n.get("Mini player")),I(e,"mini",{get:function(){return w(c,"art-mini")},set:function(n){if(n){e.autoSize=!1,p=c.style.cssText,g(c,"art-mini");var i=o.get("top"),a=o.get("left");if(i&&a)O(c,"top","".concat(i,"px")),O(c,"left","".concat(a,"px")),$(u)||(o.del("top"),o.del("left"),e.mini=!0);else{var s=document.body,l=s.clientHeight-e.height-50,f=s.clientWidth-e.width-50;o.set("top",l),o.set("left",f),O(c,"top","".concat(l,"px")),O(c,"left","".concat(f,"px"))}e.aspectRatio=!1,e.playbackRate=!1,t.emit("mini",!0)}else c.style.cssText=p,v(c,"art-mini"),O(c,"top",null),O(c,"left",null),e.aspectRatio=!1,e.playbackRate=!1,e.autoSize=r.autoSize,t.emit("mini")}}),I(e,"miniToggle",{set:function(t){t&&(e.mini=!e.mini)}})}(n,this),function(t,e){var n=[];I(e,"loop",{get:function(){return n},set:function(r){if(Array.isArray(r)&&"number"==typeof r[0]&&"number"==typeof r[1]){var o=J(r[0],0,Math.min(r[1],e.duration)),i=J(r[1],o,e.duration);i-o>=1?(n=[o,i],t.emit("loop",n)):(n=[],t.emit("loop"))}else n=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){n.length&&(e.currentTimen[1])&&(e.seek=n[0])}))}(n,this),U(n,this)};var ht=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=c(t)););return t},yt=r((function(t){function e(n,r,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=e=Reflect.get:t.exports=e=function(t,e,n){var r=ht(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}},e(n,r,o||n)}t.exports=e})),bt=function(){function e(n){t(this,e),this.id=0,this.art=n,this.add=this.add.bind(this)}return n(e,[{key:"add",value:function(t,e){var n=this,r="function"==typeof t?t(this.art):t;if(this.$parent&&this.name&&!r.disable){this.id+=1;var o=r.name||"".concat(this.name).concat(this.id);z(!N(this,o),"Cannot add an existing name [".concat(o,"] to the [").concat(this.name,"]"));var i=document.createElement("div");i.classList.value="art-".concat(this.name," art-").concat(this.name,"-").concat(o),r.html&&x(i,r.html),r.style&&k(i,r.style),r.tooltip&&E(i,r.tooltip);var a=Array.from(this.$parent.children);i.dataset.index=r.index||this.id;var c=a.find((function(t){return Number(t.dataset.index)>=Number(i.dataset.index)}));c?c.insertAdjacentElement("beforebegin",i):x(this.$parent,i),r.click&&this.art.events.proxy(i,"click",(function(t){t.preventDefault(),r.click.call(n.art,n,t)})),r.mounted&&r.mounted(i,this,this.art),e&&e(i,this,this.art),I(this,o,{get:function(){return r}})}}},{key:"show",get:function(){return w(this.art.template.$player,"art-".concat(this.name,"-show"))},set:function(t){var e=this.art.template.$player,n="art-".concat(this.name,"-show");t?g(e,n):v(e,n),this.art.emit(this.name,t)}},{key:"toggle",set:function(t){t&&(this.show=!this.show)}}]),e}();function mt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gt(t){return function(e){return function(t){for(var e=1;e
'),mounted:function(t){var n=!1,o=b(".art-progress-loaded",t),c=b(".art-progress-played",t),s=b(".art-progress-highlight",t),l=b(".art-progress-indicator",t),u=b(".art-progress-tip",t);function p(t,e){"loaded"===t&&O(o,"width","".concat(100*e,"%")),"played"===t&&(O(c,"width","".concat(100*e,"%")),O(l,"left","calc(".concat(100*e,"% - ").concat(j(l,"width")/2,"px)")))}r.forEach((function(t){var e=J(t.time,0,a.duration)/a.duration*100;x(s,''))})),p("loaded",a.loaded),e.on("video:progress",(function(){p("loaded",a.loaded)})),e.on("video:timeupdate",(function(){p("played",a.played)})),e.on("video:ended",(function(){p("played",1)})),i(t,"mousemove",(function(n){O(u,"display","block"),n.composedPath().indexOf(s)>-1?function(n){var r=St(e,n).width,o=n.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?O(u,"left",0):r>t.clientWidth-i/2?O(u,"left","".concat(t.clientWidth-i,"px")):O(u,"left","".concat(r-i/2,"px"))}(n):function(n){var r=St(e,n),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?O(u,"left",0):o>t.clientWidth-a/2?O(u,"left","".concat(t.clientWidth-a,"px")):O(u,"left","".concat(o-a/2,"px"))}(n)})),i(t,"mouseout",(function(){O(u,"display","none")})),i(t,"click",(function(t){if(t.target!==l){var n=St(e,t),r=n.second;p("played",n.percentage),a.seek=r}})),i(l,"mousedown",(function(){n=!0})),i(document,"mousemove",(function(t){if(n){var r=St(e,t),o=r.second,i=r.percentage;g(l,"art-show-indicator"),p("played",i),a.seek=o}})),i(document,"mouseup",(function(){n&&(n=!1,v(l,"art-show-indicator"))}))}})}}function $t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Dt(t){return function(e){return function(t){for(var e=1;e'),f=x(p,'
');function d(t){var e=p.getBoundingClientRect().left;return J(t.pageX-e-s/2,0,c-s/2)/(c-s)}function h(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)O(l,"display","none"),O(u,"display","flex"),O(f,"left","0");else{var e=(c-s)*t;O(l,"display","flex"),O(u,"display","none"),O(f,"left","".concat(e,"px"))}}E(l,i.get("Mute")),O(u,"display","none"),e.isMobile&&O(p,"display","none"),h(o.volume),e.on("video:volumechange",(function(){h(o.volume)})),n(l,"click",(function(){o.muted=!0})),n(u,"click",(function(){o.muted=!1})),n(p,"click",(function(t){o.muted=!1,o.volume=d(t)})),n(f,"mousedown",(function(){a=!0})),n(t,"mousemove",(function(t){a&&(o.muted=!1,o.volume=d(t))})),n(document,"mouseup",(function(){a&&(a=!1)}))}})}}function Lt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ct(t){return function(e){return function(t){for(var e=1;er.clientWidth-s/2?O(t,"left","".concat(r.clientWidth-s,"px")):O(t,"left","".concat(i-s/2,"px"))}(o))})),i(r,"mouseout",(function(){O(t,"display","none")}))}})}}function Wt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ht(t){return function(e){return function(t){for(var e=1;e'.concat(s.name,"")),u=n.map((function(t,e){return'
').concat(t.name,"
")})).join(""),p=x(t,'
'.concat(u,"
"));i(t,(function(){p.style.left="-".concat(j(p,"width")/2-t.clientWidth/2,"px")})),o(p,"click",(function(t){var e=Number(t.target.dataset.index),r=n[e],o=r.url,i=r.name;o&&i&&c!==e&&(a.switchQuality(o,i),l.innerText=i,c=e)}))}})}}function It(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bt(t){return function(e){return function(t){for(var e=1;e'),o=x(t,'');e.on("loop",(function(e){e?(O(t,"display","block"),O(r,"left","calc(".concat(e[0]/n.duration*100,"% - ").concat(r.clientWidth,"px)")),O(o,"left","".concat(e[1]/n.duration*100,"%"))):O(t,"display","none")}))}})}}var Nt=function(e){function r(e){var n;t(this,r),(n=a(this,c(r).call(this,e))).name="control";var o=e.option,i=e.player,s=e.template.$player;return n.delayHide=Y((function(){i.playing&&n.show&&(g(s,"art-hide-cursor"),v(s,"art-hover"),n.show=!1)}),3e3),n.cancelDelayHide=n.delayHide.clearTimeout,e.once("ready",(function(){n.add(Et({name:"progress",disable:o.isLive,position:"top",index:10})),n.add(qt({name:"thumbnails",disable:!o.thumbnails.url||o.isLive,position:"top",index:20})),n.add(Bt({name:"loop",disable:!1,position:"top",index:30})),n.add(jt({name:"playAndPause",disable:!1,position:"left",index:10})),n.add(At({name:"volume",disable:!1,position:"left",index:20})),n.add(Tt({name:"time",disable:o.isLive,position:"left",index:30})),n.add(Vt({name:"quality",disable:0===o.quality.length,position:"right",index:10})),n.add(Ht({name:"screenshot",disable:!o.screenshot,position:"right",index:20})),n.add(Dt({name:"subtitle",disable:!o.subtitle.url,position:"right",index:30})),n.add(Ct({name:"setting",disable:!o.setting,position:"right",index:40})),n.add(Ot({name:"pip",disable:!o.pip,position:"right",index:50})),n.add(wt({name:"fullscreenWeb",disable:!o.fullscreenWeb,position:"right",index:60})),n.add(gt({name:"fullscreen",disable:!o.fullscreen,position:"right",index:70})),o.controls.forEach((function(t){n.add(t)}))})),n}return l(r,e),n(r,[{key:"add",value:function(t,e){var n=this,o="function"==typeof t?t(this.art):t;z(["top","left","right"].includes(o.position),"Control option.position must one of 'top', 'left', 'right'");var i=this.art.template,a=i.$progress,s=i.$controlsLeft,l=i.$controlsRight;switch(o.position){case"top":this.$parent=a;break;case"left":this.$parent=s;break;case"right":this.$parent=l}yt(c(r.prototype),"add",this).call(this,o,(function(t){o.disable||"top"===o.position||t.firstElementChild&&"I"===t.firstElementChild.tagName||g(t,"art-control-onlyText"),e&&e(t,n,n.art)}))}}]),r}(bt);function Ut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _t(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e0.50.75').concat(n.get("Normal"),'1.251.52.0'),click:function(t,e){var n=e.target.dataset.rate;n&&(r.playbackRate=Number(n),t.show=!1)},mounted:function(t){e.on("playbackRate",(function(e){var n=m("span",t).find((function(t){return Number(t.dataset.rate)===e}));n&&S(n,"art-current")}))}})}}function Xt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yt(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e').concat(n.get("Default"),'4:316:9'),click:function(t,e){var n=e.target.dataset.ratio;n&&(r.aspectRatio=n,t.show=!1)},mounted:function(t){e.on("aspectRatio",(function(e){var n=m("span",t).find((function(t){return t.dataset.ratio===e}));n&&S(n,"art-current")}))}})}}function Zt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jt(t){return function(e){return function(t){for(var e=1;eArtPlayer 3.5.9'})}function Kt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function te(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;ec+a&&(h=a-d),n+f>u+i&&(y=i-f),k(l,{top:"".concat(y,"px"),left:"".concat(h,"px")})})),u(s,"click",(function(t){t.composedPath().includes(l)||(r.show=!1)})),e.on("blur",(function(){r.show=!1}))})),r}return l(n,e),n}(bt),oe=function(e){function n(e){var r;t(this,n),(r=a(this,c(n).call(this,e))).name="info";var o=e.template,i=o.$infoPanel,s=o.$infoClose,l=o.$video;(0,e.events.proxy)(s,"click",(function(){r.show=!1}));var u=null,p=m("[data-video]",i);return e.on("destroy",(function(){clearTimeout(u)})),e.on("info",(function(t){clearTimeout(u),t&&function t(){p.forEach((function(t){var e=l[t.dataset.video];t.innerText="number"==typeof e?e.toFixed(2):e})),u=setTimeout((function(){t()}),1e3)}()})),r}return l(n,e),n}(bt),ie=function(e){function r(e){var n;t(this,r),(n=a(this,c(r).call(this,e))).name="subtitle";var o=e.option.subtitle;return k(e.template.$subtitle,o.style),o.url&&n.init(o.url),n}return l(r,e),n(r,[{key:"update",value:function(){var t=this.art.template.$subtitle;t.innerHTML="",this.activeCue&&(t.innerHTML=this.activeCue.text.split(/\r?\n/).map((function(t){return"

".concat(G(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t,e,n){var r=this,o=this.art,i=o.i18n,a=o.notice;return this.init(t,n).then((function(t){return e&&(a.show="".concat(i.get("Switch subtitle"),": ").concat(e)),r.art.emit("subtitleSwitch",t),t}))}},{key:"init",value:function(t,e){var n=this,r=this.art,o=r.notice,i=r.events.proxy,a=r.template,c=a.$subtitle,s=a.$video;if(!a.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",s.appendChild(l),this.art.template.$track=l,i(this.textTrack,"cuechange",this.update.bind(this))}return fetch(t).then((function(t){return t.text()})).then((function(r){switch(n.art.emit("subtitleLoad",t),e||M(t)){case"srt":return L(A(r));case"ass":return L(C(r));case"vtt":return L(r);default:return t}})).then((function(t){return c.innerHTML="",n.url===t?t:(URL.revokeObjectURL(n.url),n.art.template.$track.src=t,t)})).catch((function(t){throw o.show=t,t}))}},{key:"url",get:function(){return this.art.template.$track.src}},{key:"textTrack",get:function(){return this.art.template.$video.textTracks[0]}},{key:"activeCue",get:function(){return this.textTrack.activeCues[0]}}]),r}(bt);var ae=function(){function e(n){var r=this;t(this,e),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),n.whitelist.state&&n.once("ready",(function(){!function(t,e){var n=t.controls,r=t.template.$player;e.proxy(document,["click","contextmenu"],(function(e){e.composedPath&&e.composedPath().indexOf(r)>-1?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})),t.on("blur",(function(){n.delayHide()}))}(n,r),function(t,e){var n=t.controls,r=t.template.$player;e.hover(r,(function(){g(r,"art-hover"),t.emit("hover",!0)}),(function(){v(r,"art-hover"),t.emit("hover")})),t.on("hover",(function(t){t||n.delayHide()}))}(n,r),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=t.controls;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)})),t.on("mousemove",(function(t){a.cancelDelayHide(),v(r,"art-hide-cursor"),a.show=!0,i.pip||t.target!==o||a.delayHide()}))}(n,r),function(t,e){var n=t.option,r=t.player,o=Z((function(){r.normal&&(r.autoSize=n.autoSize),r.aspectRatioReset=!0,t.emit("resize")}),500);e.proxy(window,["orientationchange","resize"],(function(){o()}))}(n,r),function(t,e){if(t.isMobile&&!t.option.isLive){var n=t.player,r=t.notice,o=t.template.$video,i=!1,a=0,c=0;e.proxy(o,"touchstart",(function(t){1===t.touches.length&&(i=!0,a=t.touches[0].clientX)})),e.proxy(document,"touchmove",(function(t){if(1===t.touches.length&&i){var e=J((t.touches[0].clientX-a)/o.clientWidth,-1,1);c=J(n.currentTime+60*e,0,n.duration),r.show="".concat(Q(c)," / ").concat(Q(n.duration))}})),e.proxy(document,"touchend",(function(){i&&c&&(n.seek=c),i=!1,a=0,c=0}))}}(n,r),function(t,e){var n=t.player,r=t.option.autoMini,o=t.template.$container,i=Y((function(){t.emit("view",$(o))}),200);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(t){r&&(n.mini=!t)}))}(n,r)}))}return n(e,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(t);(o=new Image).src=t}return o.complete?n(o):(e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(o)})),t)}))}},{key:"destroy",value:function(){this.destroyEvents.forEach((function(t){return t()}))}}]),e}(),ce=function(){function e(n){var r=this;t(this,e),this.keys={};var o=n.option,i=n.player,a=n.events.proxy;o.hotkey&&n.once("ready",(function(){r.add(27,(function(){i.fullscreenWeb&&(i.fullscreenWeb=!1)})),r.add(32,(function(){i.toggle=!0})),r.add(37,(function(){i.backward=5})),r.add(38,(function(){i.volume+=.1})),r.add(39,(function(){i.forward=5})),r.add(40,(function(){i.volume-=.1})),a(window,"keydown",(function(t){if(n.isFocus){var e=document.activeElement.tagName.toUpperCase(),o=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==o&&"true"!==o){var i=r.keys[t.keyCode];i&&(t.preventDefault(),i.forEach((function(t){return t()})),n.emit("hotkey",t))}}}))}))}return n(e,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}}]),e}(),se=function(e){function n(e){var r;return t(this,n),(r=a(this,c(n).call(this,e))).name="layer",r.$parent=e.template.$layer,e.once("ready",(function(){e.option.layers.forEach((function(t){r.add(t)}))})),r}return l(n,e),n}(bt),le=function(e){function n(e){var r;return t(this,n),(r=a(this,c(n).call(this,e))).name="loading",x(e.template.$loading,e.icons.loading),r}return l(n,e),n}(bt),ue=function(){function e(n){t(this,e),this.art=n,this.time=2e3,this.timer=null}return n(e,[{key:"show",set:function(t){var e=this.art.template,n=e.$player,r=e.$noticeInner;r.innerText=t instanceof Error?t.message.trim():t,g(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout((function(){r.innerText="",v(n,"art-notice-show")}),this.time)}}]),e}(),pe=function(e){function n(e){var r;return t(this,n),(r=a(this,c(n).call(this,e))).name="mask",x(e.template.$state,e.icons.state),r}return l(n,e),n}(bt);function fe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var de=function e(n){var r=this;t(this,e);var o=function(t){for(var e=1;e',state:'',play:'',pause:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:''},n.option.icons);Object.keys(o).forEach((function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),x(e,o[t]),r[t]=e}))};function he(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ye(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e'.concat(n.get("Flip"),'
"),click:function(t,e){var n=e.target.dataset.value;n&&(r.flip=n)},mounted:function(t){e.on("flip",(function(e){var n=m("button",t).find((function(t){return t.dataset.value===e}));n&&S(n.parentElement,"current")}))}})}}function be(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function me(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e'.concat(n.get("Aspect ratio"),'
'),click:function(t,e){var n=e.target.dataset.value;n&&(r.aspectRatio=n)},mounted:function(t){e.on("aspectRatio",(function(e){var n=m("button",t).find((function(t){return t.dataset.value===e}));n&&S(n.parentElement,"current")}))}})}}function ge(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ve(t){return function(e){var n=e.i18n,r=e.player,o=e.events.proxy;return function(t){for(var e=1;e'.concat(n.get("Play speed"),': 1.0x
'),mounted:function(t){var n=b(".art-setting-range input",t),i=b(".art-subtitle-value",t);o(n,"change",(function(){var t=n.value;i.innerText=t,r.playbackRate=Number(t)})),e.on("playbackRate",(function(t){t&&n.value!==t&&(n.value=t,i.innerText=t)}))}})}}var we=function(e){function n(e){var r;t(this,n),(r=a(this,c(n).call(this,e))).name="setting";var o=e.option,i=e.template,s=i.$setting,l=i.$settingBody,u=e.events.proxy;return r.$parent=l,o.setting&&(e.once("ready",(function(){u(s,"click",(function(t){t.target===s&&(r.show=!1)})),r.add(ye({disable:!o.flip,name:"flip"})),r.add(me({disable:!o.aspectRatio,name:"aspectRatio"})),r.add(ve({disable:!o.playbackRate,name:"playbackRate"}))})),e.on("blur",(function(){r.show=!1}))),r}return l(n,e),n}(bt),xe=function(){function e(){t(this,e),this.name="artplayer_settings"}return n(e,[{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.name))||{};return t?e[t]:e}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),tt({},t,e));localStorage.setItem(this.name,JSON.stringify(n))}},{key:"del",value:function(t){var e=this.get();delete e[t],localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){localStorage.removeItem(this.name)}}]),e}();function Oe(t){var e=t.i18n,n=t.subtitle,r=t.events.proxy;return{title:"Subtitle",name:"subtitleOffset",index:20,html:'
'.concat(e.get("Subtitle offset time"),': 0s
'),mounted:function(e){var o=b(".art-setting-range input",e),i=b(".art-subtitle-value",e);r(o,"change",(function(){var e=o.value;i.innerText=e,t.plugins.subtitleOffset.offset(Number(e))})),t.on("subtitle:switch",(function(){o.value=0,i.innerText=0})),t.on("subtitleOffset",(function(t){n.update(),o.value!==t&&(o.value=t,i.innerText=t)}))}}}function ke(t){var e=t.constructor.utils.clamp,n=t.setting,r=t.notice,o=t.template,i=t.i18n,a=t.player;n.add(Oe);var c=[];return t.on("subtitle:switch",(function(){c=[]})),{name:"subtitleOffset",offset:function(n){if(o.$track&&o.$track.track){var s=Array.from(o.$track.track.cues),l=e(n,-5,5);s.forEach((function(t,n){c[n]||(c[n]={startTime:t.startTime,endTime:t.endTime}),t.startTime=e(c[n].startTime+l,0,a.duration),t.endTime=e(c[n].endTime+l,0,a.duration)})),r.show="".concat(i.get("Subtitle offset time"),": ").concat(n,"s"),t.emit("subtitleOffset",n)}else r.show="".concat(i.get("No subtitles found")),t.emit("subtitleOffset",0)}}}function je(t){var e=t.events.proxy,n=t.template,r=t.player,o=t.option,i=t.setting,a=t.i18n;function c(e){if(e){var i=n.$video.canPlayType(e.type);if("maybe"===i||"probably"===i){var a=URL.createObjectURL(e);o.title=e.name,r.switchUrl(a,e.name),t.emit("localVideo",e)}else z(!1,"Playback of this file format is not supported")}}function s(t){var n=x(t,'');O(t,"position","relative"),k(n,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(n,"change",(function(){c(n.files[0])}))}return e(n.$player,"dragover",(function(t){t.preventDefault()})),e(n.$player,"drop",(function(t){t.preventDefault(),c(t.dataTransfer.files[0])})),t.once("ready",(function(){i.add({title:"Local Video",name:"localVideo",index:30,html:'
'.concat(a.get("Local Video"),'
').concat(a.get("Open"),'
'),mounted:function(e){var n=b(".art-upload-btn",e),r=b(".art-upload-value",e);t.on("localVideo",(function(t){r.textContent=t.name,r.title=t.name})),s(n)}})})),{name:"localVideo",attach:s}}function Pe(t){var e=t.events.proxy,n=t.subtitle,r=t.setting,o=t.i18n;function i(r){var o=x(r,'');O(r,"position","relative"),k(o,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(o,"change",(function(){!function(e){if(e){var r=M(e.name);if(["ass","vtt","srt"].includes(r)){var o=URL.createObjectURL(e);n.switch(o,e.name,r),t.emit("localSubtitle",e)}else z(!1,"Only supports subtitle files in .ass, .vtt and .srt format")}}(o.files[0])}))}return t.once("ready",(function(){r.add({title:"Local Subtitle",name:"localSubtitle",index:40,html:'
'.concat(o.get("Local Subtitle"),'
').concat(o.get("Open"),'
'),mounted:function(e){var n=b(".art-upload-btn",e),r=b(".art-upload-value",e);t.on("localSubtitle",(function(t){r.textContent=t.name,r.title=t.name})),i(n)}})})),{name:"localSubtitle",attach:i}}function Se(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"2px",background:r},mounted:function(e){t.on("control",(function(t){e.style.display=t?"none":"block"})),t.on("destroy",(function(){e.style.display="none"})),t.on("video:timeupdate",(function(){e.style.width="".concat(100*n.played,"%")}))}}),{name:"miniProgressBar"}}function Ee(t){var e=1e4,n=0,r=0,o=0,i=null;function a(){n=0,r=0,o=0,cancelAnimationFrame(i),i=null}function c(){i||function a(){t.isDestroy||(i=requestAnimationFrame((function(){var i=Date.now();if(o){var c=i-o;r+=c,t.player.playing||(n+=c)}o=i,t.emit("networkMonitor",n/r),r>=e&&(n=0,r=0),a()})))}()}return t.on("play",c),t.on("pause",a),{name:"networkMonitor",reset:a,start:c,sample:function(t){e=t}}}var $e=function(){function e(n){var r=this;t(this,e),this.art=n,this.id=0;var o=n.option;o.subtitle.url&&o.subtitleOffset&&this.add(ke),!o.isLive&&o.miniProgressBar&&this.add(Se),o.localVideo&&this.add(je),o.localSubtitle&&this.add(Pe),o.networkMonitor&&this.add(Ee),n.option.plugins.forEach((function(t){r.add(t)}))}return n(e,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art),n=e&&e.name||t.name||"plugin".concat(this.id);return z(!N(this,n),"Cannot add a plugin that already has the same name: ".concat(n)),I(this,n,{value:e}),this}}]),e}(),De=function e(n){t(this,e);var r=n.option,o=n.events.proxy,i=n.template.$video;it.events.forEach((function(t){o(i,t,(function(t){n.emit("video:".concat(t.type),t)}))})),Object.keys(r.moreVideoAttr).forEach((function(t){i[t]=r.moreVideoAttr[t]})),r.muted&&(i.muted=r.muted),r.volume&&(i.volume=J(r.volume,0,1)),r.poster&&(i.poster=r.poster),r.autoplay&&(i.autoplay=r.autoplay),i.controls=!0;var a=r.type||M(r.url),c=r.customType[a];a&&c?(c(i,r.url,n),n.emit("customType",a)):(i.src=r.url,n.emit("url",i.src))},Re=0,Te=[],ze=function(e){function r(e){var n;return t(this,r),(n=a(this,c(r).call(this))).option=u(_(r.option,e),ot),n.isFocus=!1,n.isDestroy=!1,n.userAgent=f,n.isMobile=d,n.isWechat=y,n.whitelist=new at(i(n)),n.template=new ct(i(n)),n.events=new ae(i(n)),n.whitelist.state?(n.storage=new xe(i(n)),n.icons=new de(i(n)),n.i18n=new ut(i(n)),n.notice=new ue(i(n)),n.player=new dt(i(n)),n.layers=new se(i(n)),n.controls=new Nt(i(n)),n.contextmenu=new re(i(n)),n.subtitle=new ie(i(n)),n.info=new oe(i(n)),n.loading=new le(i(n)),n.hotkey=new ce(i(n)),n.mask=new pe(i(n)),n.setting=new we(i(n)),n.plugins=new $e(i(n))):n.mobile=new De(i(n)),Re+=1,n.id=Re,Te.push(i(n)),n}return l(r,e),n(r,[{key:"destroy",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),Te.splice(Te.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return Te}},{key:"version",get:function(){return"3.5.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return it}},{key:"utils",get:function(){return K}},{key:"scheme",get:function(){return ot}},{key:"Emitter",get:function(){return p}},{key:"validator",get:function(){return u}},{key:"kindOf",get:function(){return u.kindOf}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMin:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,light:!1,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,localVideo:!1,localSubtitle:!1,networkMonitor:!1,layers:[],contextmenu:[],controls:[],quality:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:h?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),r}(p);return console.log("%c ArtPlayer %c 3.5.9 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),ze})); +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Artplayer=e()}(this,(function(){"use strict";var t=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function e(t,e){for(var n=0;nobject{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}.art-video-player .art-subtitle{display:none;position:absolute;z-index:20;bottom:10px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.art-video-player .art-subtitle p{word-break:break-all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:40px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-mask,.art-video-player .art-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.art-video-player .art-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.art-video-player.art-mask-show .art-mask,.art-video-player .art-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.art-video-player.art-loading-show .art-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:55px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.art-video-player .art-bottom .art-progress{position:relative;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4px;cursor:pointer}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{position:relative;height:50%;width:100%;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:100%;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:100%;background:#fff;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner{height:100%}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-indicator,.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-tip{display:block}.art-video-player .art-bottom .art-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.art-video-player .art-bottom .art-progress .art-control-loop{display:none;position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point{position:absolute;left:0;top:-2px;width:2px;height:8px;background:hsla(0,0%,100%,.75)}.art-video-player .art-bottom .art-controls{position:relative;pointer-events:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:5px 0}.art-video-player .art-bottom .art-controls,.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.art-video-player .art-bottom .art-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{position:relative;z-index:30}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-destroy .art-progress-tip,.art-video-player.art-error .art-progress-indicator,.art-video-player.art-error .art-progress-tip{display:none!important}.art-video-player .art-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.art-video-player .art-notice .art-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.art-video-player.art-notice-show .art-notice{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-contextmenus{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.9);border-radius:3px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;font-size:12px;display:block;color:#fff;padding:10px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{display:inline-block;padding:0 7px}.art-video-player .art-contextmenus .art-contextmenu span.art-current,.art-video-player .art-contextmenus .art-contextmenu span:hover{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:none}.art-video-player.art-contextmenu-show .art-contextmenus,.art-video-player .art-settings{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.art-video-player .art-settings .art-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.9);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.art-video-player .art-settings .art-setting-inner .art-setting-body{overflow-y:auto;width:100%;height:100%}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting .art-setting-header{margin-bottom:5px}.art-video-player .art-settings .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.art-video-player .art-settings .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.art-video-player .art-settings .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.art-video-player .art-settings .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.art-video-player .art-settings .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.art-video-player .art-settings .art-setting-upload{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-upload .art-upload-btn{width:80px;height:22px;line-height:22px;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px;text-align:center}.art-video-player .art-settings .art-setting-upload .art-upload-value{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;padding-left:10px}.art-video-player.art-setting-show .art-settings{opacity:1;visibility:visible;pointer-events:auto}.art-video-player.art-setting-show .art-settings .art-setting-inner{right:0}.art-video-player .art-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.9)}.art-video-player .art-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.art-video-player .art-info .art-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.art-video-player.art-info-show .art-info{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player.art-hide-cursor *{cursor:none!important}.art-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.art-video-player.art-fullscreen-web{position:fixed;z-index:9999;width:100%!important;height:100%!important;left:0;top:0;right:0;bottom:0}.art-fullscreen-rotate{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:#000}.art-video-player .art-mini-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.art-video-player .art-mini-header .art-mini-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.art-video-player .art-mini-header .art-mini-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-mini{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.art-video-player.art-mini .art-mini-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.art-video-player.art-mini.art-hover .art-mini-header{opacity:1;visibility:visible}.art-video-player.art-mini .art-mask .art-state{position:static}.art-video-player.art-mini .art-bottom,.art-video-player.art-mini .art-contextmenu,.art-video-player.art-mini .art-danmu,.art-video-player.art-mini .art-info,.art-video-player.art-mini .art-layers,.art-video-player.art-mini .art-notice,.art-video-player.art-mini .art-setting,.art-video-player.art-mini .art-subtitle{display:none!important}.art-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.art-video-player[data-flip=horizontal] .art-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.art-video-player .art-control-switcher{position:relative}.art-video-player .art-control-switcher .art-switcher-list{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-control-switcher .art-switcher-list .art-switcher-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-control-switcher .art-switcher-list .art-switcher-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-control-switcher:hover .art-switcher-list{display:block}:root{--balloon-color:rgba(16,16,16,0.95);--balloon-font-size:12px;--balloon-move:4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:#fff;content:attr(aria-label);padding:.5em 1em;white-space:nowrap;line-height:1.2}[aria-label][data-balloon-pos]:after,[aria-label][data-balloon-pos]:before{opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--balloon-color);content:""}[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before{opacity:1;pointer-events:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,var(--balloon-move));transform:translate(-50%,var(--balloon-move));-webkit-transform-origin:top;transform-origin:top}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before{-webkit-transform:translate(-50%);transform:translate(-50%)}');var u=r((function(t,e){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var o=t(n);if("boolean"===o)return"boolean";if("string"===o)return"string";if("number"===o)return"number";if("symbol"===o)return"symbol";if("function"===o)return function(t){return"GeneratorFunction"===r(t)}(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(o=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return o.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function o(t,e){var r=21?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelector(t)}function m(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function g(t,e){return t.classList.add(e)}function v(t,e){return t.classList.remove(e)}function w(t,e){return t.classList.contains(e)}function x(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function O(t,e,n){return t.style[e]=n,t}function k(t,e){return Object.keys(e).forEach((function(n){O(t,n,e[n])})),t}function j(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function P(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function S(t,e){P(t).forEach((function(t){return v(t,e)})),g(t,e)}function E(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";d||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function $(t){var e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth,o=e.top<=n&&e.top+e.height>=0,i=e.left<=r&&e.left+e.width>=0;return o&&i}var D=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},R=r((function(t){function e(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}function n(r,o,i){return e()?t.exports=n=Reflect.construct:t.exports=n=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&s(o,n.prototype),o},n.apply(null,arguments)}t.exports=n})),T=function(e){function n(e,r){var o;return t(this,n),o=a(this,c(n).call(this,e)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(i(o),r||o.constructor),o.name="ArtPlayerError",o}return l(n,e),n}(r((function(t){function e(n){var r="function"==typeof Map?new Map:void 0;return t.exports=e=function(t){if(null===t||!D(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return R(t,arguments,c(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),s(e,t)},e(n)}t.exports=e}))(Error));function z(t,e){if(!t)throw new T(e);return t}function A(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function L(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function C(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t.split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function M(t){return t.includes("?")?M(t.split("?")[0]):t.includes("#")?M(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function q(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var H=function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1?e-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function Y(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function G(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var K=Object.freeze({__proto__:null,query:y,queryAll:m,addClass:g,removeClass:v,hasClass:w,append:x,remove:function(t){return t.parentNode.removeChild(t)},setStyle:O,setStyles:k,getStyle:j,sublings:P,inverseClass:S,tooltip:E,isInViewport:$,ArtPlayerError:T,errorHandle:z,srtToVtt:A,vttToBlob:L,assToVtt:C,getExt:M,download:q,def:I,has:N,proxyPropertys:U,mergeDeep:_,sleep:X,debounce:Y,throttle:Z,clamp:J,secondToTime:Q,escape:G,userAgent:f,isMobile:d,isSafari:h,isWechat:b});var tt=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};function et(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nt(t,e,n){return z("string"===e||t instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}var rt={html:nt,disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"},ot={container:nt,url:"string",poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",autoMin:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",light:"boolean",backdrop:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",subtitleOffset:"boolean",miniProgressBar:"boolean",localVideo:"boolean",localSubtitle:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[rt],contextmenu:[rt],controls:[function(t){for(var e=1;e-1;case"function":return t(n.userAgent);case"regexp":return t.test(n.userAgent);default:return!1}}))},ct=function(){function e(n){var r=this;t(this,e),this.art=n,n.option.container instanceof Element?this.$container=n.option.container:(this.$container=y(n.option.container),z(this.$container,"No container element found by ".concat(n.option.container))),z(n.constructor.instances.every((function(t){return t.template.$container!==r.$container})),"Cannot mount multiple instances on the same dom element"),z(this.$container.clientWidth&&this.$container.clientHeight,"The width and height of the container cannot be 0"),n.whitelist.state?this.desktop():this.mobile()}return n(e,[{key:"query",value:function(t){return y(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option,e=t.theme,n=t.backdrop;this.$container.innerHTML='
Player version:
3.5.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'),this.$undercover=this.query(".art-undercover"),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$settingInner=this.query(".art-setting-inner"),this.$settingBody=this.query(".art-setting-body"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),n&&(g(this.$settingInner,"art-backdrop-filter"),g(this.$info,"art-backdrop-filter"),g(this.$contextmenu,"art-backdrop-filter")),this.art.isMobile&&g(this.$container,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":g(this.$player,"art-destroy")}}]),e}(),st={"Video info":"视频统计信息",Close:"关闭","Light Off":"关灯","Light On":"开灯","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","PIP mode":"画中画模式","Exit PIP mode":"退出画中画模式","PIP not supported":"不支持画中画模式","Local Subtitle":"本地字幕","Local Video":"本地视频","Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},lt={"Video info":"影片統計訊息",Close:"關閉","Light Off":"關燈","Light On":"開燈","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕","Show setting":"顯示设置","Hide setting":"隱藏设置",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","PIP mode":"畫中畫模式","Exit PIP mode":"退出畫中畫模式","PIP not supported":"不支持畫中畫模式","Local Subtitle":"本地字幕","Local Video":"本地視頻","Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"},ut=function(){function e(n){t(this,e),this.art=n,this.languages={"zh-cn":st,"zh-tw":lt},this.init()}return n(e,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=_(this.languages,t),this.init()}}]),e}();var pt=r((function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};rh){var b=h*u/l;O(r,"width","".concat(100*b,"%")),O(r,"height","100%"),O(r,"padding","0 ".concat((p-p*b)/2,"px"))}else{var y=l/h/u;O(r,"width","100%"),O(r,"height","".concat(100*y,"%")),O(r,"padding","".concat((f-f*y)/2,"px 0"))}}o.dataset.aspectRatio=n,a.show="".concat(i.get("Aspect ratio"),": ").concat("default"===n?i.get("Default"):n),t.emit("aspectRatio",n)}else e.aspectRatio&&(O(r,"width",null),O(r,"height",null),O(r,"padding",null),delete o.dataset.aspectRatio,t.emit("aspectRatio"))}}),I(e,"aspectRatioReset",{set:function(t){if(t&&e.aspectRatio){var n=e.aspectRatio;e.aspectRatio=n}}})}(n,this),function(t,e){var n=t.option,r=t.notice,o=t.template.$video,i=document.createElement("canvas");I(e,"getDataURL",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),t(i.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),I(e,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),i.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),I(e,"screenshot",{value:function(){e.getDataURL().then((function(e){q(e,"".concat(n.title||"artplayer","_").concat(Q(o.currentTime),".png")),t.emit("screenshot",e)}))}})}(n,this),function(t,e){var n=t.template.$player;I(e,"fullscreen",{get:function(){return pt.isFullscreen},set:function(r){r?pt.request(n).then((function(){g(n,"art-fullscreen"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreen",!0)})):pt.exit().then((function(){v(n,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreen")}))}}),I(e,"fullscreenToggle",{set:function(t){t&&(e.fullscreen=!e.fullscreen)}})}(n,this),function(t,e){var n=t.template.$player;I(e,"fullscreenWeb",{get:function(){return w(n,"art-fullscreen-web")},set:function(r){r?(g(n,"art-fullscreen-web"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreenWeb",!0)):(v(n,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"))}}),I(e,"fullscreenWebToggle",{set:function(t){t&&(e.fullscreenWeb=!e.fullscreenWeb)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player;I(e,"fullscreenRotate",{get:function(){return w(r,"art-fullscreen-rotate")},set:function(n){if(n){g(r,"art-fullscreen-rotate"),e.autoSize=!0;var i=document.body,a=i.clientHeight,c=i.clientWidth,s=o.clientHeight,l=o.clientWidth;if(c/a0&&!n.paused&&!n.ended&&n.readyState>2)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player,i=n.$video;I(e,"autoSize",{get:function(){return w(r,"art-auto-size")},set:function(n){if(n){var a=i.videoWidth,c=i.videoHeight,s=r.getBoundingClientRect(),l=s.width,u=s.height,p=a/c,f=l/u;if(g(r,"art-auto-size"),f>p){O(o,"width","".concat(u*p/l*100,"%")),O(o,"height","100%")}else{var d=l/p/u*100;O(o,"width","100%"),O(o,"height","".concat(d,"%"))}t.emit("autoSize",{width:e.width,height:e.height})}else v(r,"art-auto-size"),O(o,"width",null),O(o,"height",null),t.emit("autoSize")}})}(n,this),function(t,e){I(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach((function(t){I(e,t,{get:function(){return e.rect[t]}})})),I(e,"x",{get:function(){return e.left+window.pageXOffset}}),I(e,"y",{get:function(){return e.top+window.pageYOffset}})}(n,this),function(t,e){var n=t.template.$player;I(e,"flip",{get:function(){return n.dataset.flip},set:function(e){if(e){var r=["normal","horizontal","vertical"];z(r.includes(e),"'flip' only accept ".concat(r.toString()," as parameters")),n.dataset.flip=e,t.emit("flip",e)}else delete n.dataset.flip,t.emit("flip")}})}(n,this),function(t,e){var n=t.template.$undercover;I(e,"light",{get:function(){return"none"!==j(n,"display",!1)},set:function(e){O(n,"display",e?"block":"none"),t.emit("light",e)}})}(n,this),function(t,e){var n=t.i18n,r=t.option,o=t.storage,i=t.events.proxy,a=t.template,c=a.$player,s=a.$miniClose,l=a.$miniTitle,u=a.$miniHeader,p="",f=!1,d=0,h=0,b=0,y=0;i(u,"mousedown",(function(t){f=!0,d=t.pageX,h=t.pageY,b=e.left,y=e.top})),i(document,"mousemove",(function(t){if(f){g(c,"art-is-dragging");var e=y+t.pageY-h,n=b+t.pageX-d;O(c,"top","".concat(e,"px")),O(c,"left","".concat(n,"px")),o.set("top",e),o.set("left",n)}})),i(document,"mouseup",(function(){f=!1,v(c,"art-is-dragging")})),i(s,"click",(function(){e.mini=!1,f=!1,v(c,"art-is-dragging")})),x(l,r.title||n.get("Mini player")),I(e,"mini",{get:function(){return w(c,"art-mini")},set:function(n){if(n){e.autoSize=!1,p=c.style.cssText,g(c,"art-mini");var i=o.get("top"),a=o.get("left");if(i&&a)O(c,"top","".concat(i,"px")),O(c,"left","".concat(a,"px")),$(u)||(o.del("top"),o.del("left"),e.mini=!0);else{var s=document.body,l=s.clientHeight-e.height-50,f=s.clientWidth-e.width-50;o.set("top",l),o.set("left",f),O(c,"top","".concat(l,"px")),O(c,"left","".concat(f,"px"))}e.aspectRatio=!1,e.playbackRate=!1,t.emit("mini",!0)}else c.style.cssText=p,v(c,"art-mini"),O(c,"top",null),O(c,"left",null),e.aspectRatio=!1,e.playbackRate=!1,e.autoSize=r.autoSize,t.emit("mini")}}),I(e,"miniToggle",{set:function(t){t&&(e.mini=!e.mini)}})}(n,this),function(t,e){var n=[];I(e,"loop",{get:function(){return n},set:function(r){if(Array.isArray(r)&&"number"==typeof r[0]&&"number"==typeof r[1]){var o=J(r[0],0,Math.min(r[1],e.duration)),i=J(r[1],o,e.duration);i-o>=1?(n=[o,i],t.emit("loop",n)):(n=[],t.emit("loop"))}else n=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){n.length&&(e.currentTimen[1])&&(e.seek=n[0])}))}(n,this),U(n,this)};var ht=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=c(t)););return t},bt=r((function(t){function e(n,r,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=e=Reflect.get:t.exports=e=function(t,e,n){var r=ht(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}},e(n,r,o||n)}t.exports=e})),yt=function(){function e(n){t(this,e),this.id=0,this.art=n,this.add=this.add.bind(this)}return n(e,[{key:"add",value:function(t,e){var n=this,r="function"==typeof t?t(this.art):t;if(this.$parent&&this.name&&!r.disable){this.id+=1;var o=r.name||"".concat(this.name).concat(this.id);z(!N(this,o),"Cannot add an existing name [".concat(o,"] to the [").concat(this.name,"]"));var i=document.createElement("div");i.classList.value="art-".concat(this.name," art-").concat(this.name,"-").concat(o),r.html&&x(i,r.html),r.style&&k(i,r.style),r.tooltip&&E(i,r.tooltip);var a=Array.from(this.$parent.children);i.dataset.index=r.index||this.id;var c=a.find((function(t){return Number(t.dataset.index)>=Number(i.dataset.index)}));c?c.insertAdjacentElement("beforebegin",i):x(this.$parent,i),r.click&&this.art.events.proxy(i,"click",(function(t){t.preventDefault(),r.click.call(n.art,n,t)})),r.mounted&&r.mounted(i,this,this.art),e&&e(i,this,this.art),I(this,o,{get:function(){return r}})}}},{key:"show",get:function(){return w(this.art.template.$player,"art-".concat(this.name,"-show"))},set:function(t){var e=this.art.template.$player,n="art-".concat(this.name,"-show");t?g(e,n):v(e,n),this.art.emit(this.name,t)}},{key:"toggle",set:function(t){t&&(this.show=!this.show)}}]),e}();function mt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gt(t){return function(e){return function(t){for(var e=1;e
'),mounted:function(t){var n=!1,o=y(".art-progress-loaded",t),c=y(".art-progress-played",t),s=y(".art-progress-highlight",t),l=y(".art-progress-indicator",t),u=y(".art-progress-tip",t);function p(t,e){"loaded"===t&&O(o,"width","".concat(100*e,"%")),"played"===t&&(O(c,"width","".concat(100*e,"%")),O(l,"left","calc(".concat(100*e,"% - ").concat(j(l,"width")/2,"px)")))}r.forEach((function(t){var e=J(t.time,0,a.duration)/a.duration*100;x(s,''))})),p("loaded",a.loaded),e.on("video:progress",(function(){p("loaded",a.loaded)})),e.on("video:timeupdate",(function(){p("played",a.played)})),e.on("video:ended",(function(){p("played",1)})),i(t,"mousemove",(function(n){O(u,"display","block"),n.composedPath().indexOf(s)>-1?function(n){var r=St(e,n).width,o=n.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?O(u,"left",0):r>t.clientWidth-i/2?O(u,"left","".concat(t.clientWidth-i,"px")):O(u,"left","".concat(r-i/2,"px"))}(n):function(n){var r=St(e,n),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?O(u,"left",0):o>t.clientWidth-a/2?O(u,"left","".concat(t.clientWidth-a,"px")):O(u,"left","".concat(o-a/2,"px"))}(n)})),i(t,"mouseout",(function(){O(u,"display","none")})),i(t,"click",(function(t){if(t.target!==l){var n=St(e,t),r=n.second;p("played",n.percentage),a.seek=r}})),i(l,"mousedown",(function(){n=!0})),i(document,"mousemove",(function(t){if(n){var r=St(e,t),o=r.second,i=r.percentage;g(l,"art-show-indicator"),p("played",i),a.seek=o}})),i(document,"mouseup",(function(){n&&(n=!1,v(l,"art-show-indicator"))}))}})}}function $t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Dt(t){return function(e){return function(t){for(var e=1;e'),u=x(l,'
');function p(t){var e=l.getBoundingClientRect().left;return J(t.pageX-e-6,0,54)/48}function f(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)O(c,"display","none"),O(s,"display","flex"),O(u,"left","0");else{var e=48*t;O(c,"display","flex"),O(s,"display","none"),O(u,"left","".concat(e,"px"))}}E(c,i.get("Mute")),O(s,"display","none"),e.isMobile&&O(l,"display","none"),f(o.volume),e.on("video:volumechange",(function(){f(o.volume)})),n(c,"click",(function(){o.muted=!0})),n(s,"click",(function(){o.muted=!1})),n(l,"click",(function(t){o.muted=!1,o.volume=p(t)})),n(u,"mousedown",(function(){a=!0})),n(t,"mousemove",(function(t){a&&(o.muted=!1,o.volume=p(t))})),n(document,"mouseup",(function(){a&&(a=!1)}))}})}}function Lt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ct(t){return function(e){return function(t){for(var e=1;er.clientWidth-s/2?O(t,"left","".concat(r.clientWidth-s,"px")):O(t,"left","".concat(i-s/2,"px"))}(o))})),i(r,"mouseout",(function(){O(t,"display","none")}))}})}}function Ht(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Wt(t){return function(e){return function(t){for(var e=1;e'.concat(s.name,"")),u=n.map((function(t,e){return'
').concat(t.name,"
")})).join(""),p=x(t,'
'.concat(u,"
"));i(t,(function(){p.style.left="-".concat(j(p,"width")/2-j(t,"width")/2,"px")})),o(p,"click",(function(t){var e=Number(t.target.dataset.index),r=n[e],o=r.url,i=r.name;o&&i&&c!==e&&(a.switchQuality(o,i),l.innerText=i,c=e)}))}})}}function It(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bt(t){return function(e){return function(t){for(var e=1;e'),o=x(t,'');e.on("loop",(function(e){e?(O(t,"display","block"),O(r,"left","calc(".concat(e[0]/n.duration*100,"% - ").concat(r.clientWidth,"px)")),O(o,"left","".concat(e[1]/n.duration*100,"%"))):O(t,"display","none")}))}})}}var Nt=function(e){function r(e){var n;t(this,r),(n=a(this,c(r).call(this,e))).name="control";var o=e.option,i=e.player,s=e.template.$player;return n.delayHide=Y((function(){i.playing&&n.show&&(g(s,"art-hide-cursor"),v(s,"art-hover"),n.show=!1)}),3e3),n.cancelDelayHide=n.delayHide.clearTimeout,e.once("ready",(function(){n.add(Et({name:"progress",disable:o.isLive,position:"top",index:10})),n.add(qt({name:"thumbnails",disable:!o.thumbnails.url||o.isLive,position:"top",index:20})),n.add(Bt({name:"loop",disable:!1,position:"top",index:30})),n.add(jt({name:"playAndPause",disable:!1,position:"left",index:10})),n.add(At({name:"volume",disable:!1,position:"left",index:20})),n.add(Tt({name:"time",disable:o.isLive,position:"left",index:30})),n.add(Vt({name:"quality",disable:0===o.quality.length,position:"right",index:10})),n.add(Wt({name:"screenshot",disable:!o.screenshot,position:"right",index:20})),n.add(Dt({name:"subtitle",disable:!o.subtitle.url,position:"right",index:30})),n.add(Ct({name:"setting",disable:!o.setting,position:"right",index:40})),n.add(Ot({name:"pip",disable:!o.pip,position:"right",index:50})),n.add(wt({name:"fullscreenWeb",disable:!o.fullscreenWeb,position:"right",index:60})),n.add(gt({name:"fullscreen",disable:!o.fullscreen,position:"right",index:70})),o.controls.forEach((function(t){n.add(t)}))})),n}return l(r,e),n(r,[{key:"add",value:function(t,e){var n=this,o="function"==typeof t?t(this.art):t;z(["top","left","right"].includes(o.position),"Control option.position must one of 'top', 'left', 'right'");var i=this.art.template,a=i.$progress,s=i.$controlsLeft,l=i.$controlsRight;switch(o.position){case"top":this.$parent=a;break;case"left":this.$parent=s;break;case"right":this.$parent=l}bt(c(r.prototype),"add",this).call(this,o,(function(t){o.disable||"top"===o.position||t.firstElementChild&&"I"===t.firstElementChild.tagName||g(t,"art-control-onlyText"),e&&e(t,n,n.art)}))}}]),r}(yt);function Ut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _t(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e0.50.75').concat(n.get("Normal"),'1.251.52.0'),click:function(t,e){var n=e.target.dataset.rate;n&&(r.playbackRate=Number(n),t.show=!1)},mounted:function(t){e.on("playbackRate",(function(e){var n=m("span",t).find((function(t){return Number(t.dataset.rate)===e}));n&&S(n,"art-current")}))}})}}function Xt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yt(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e').concat(n.get("Default"),'4:316:9'),click:function(t,e){var n=e.target.dataset.ratio;n&&(r.aspectRatio=n,t.show=!1)},mounted:function(t){e.on("aspectRatio",(function(e){var n=m("span",t).find((function(t){return t.dataset.ratio===e}));n&&S(n,"art-current")}))}})}}function Zt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jt(t){return function(e){return function(t){for(var e=1;eArtPlayer 3.5.9'})}function Kt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function te(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;ec+a&&(h=a-d),n+f>u+i&&(b=i-f),k(l,{top:"".concat(b,"px"),left:"".concat(h,"px")})})),u(s,"click",(function(t){t.composedPath().includes(l)||(r.show=!1)})),e.on("blur",(function(){r.show=!1}))})),r}return l(n,e),n}(yt),oe=function(e){function n(e){var r;t(this,n),(r=a(this,c(n).call(this,e))).name="info";var o=e.template,i=o.$infoPanel,s=o.$infoClose,l=o.$video;(0,e.events.proxy)(s,"click",(function(){r.show=!1}));var u=null,p=m("[data-video]",i);return e.on("destroy",(function(){clearTimeout(u)})),e.on("info",(function(t){clearTimeout(u),t&&function t(){p.forEach((function(t){var e=l[t.dataset.video];t.innerText="number"==typeof e?e.toFixed(2):e})),u=setTimeout((function(){t()}),1e3)}()})),r}return l(n,e),n}(yt),ie=function(e){function r(e){var n;t(this,r),(n=a(this,c(r).call(this,e))).name="subtitle";var o=e.option.subtitle;return k(e.template.$subtitle,o.style),o.url&&n.init(o.url),n}return l(r,e),n(r,[{key:"update",value:function(){var t=this.art.template.$subtitle;t.innerHTML="",this.activeCue&&(t.innerHTML=this.activeCue.text.split(/\r?\n/).map((function(t){return"

".concat(G(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t,e,n){var r=this,o=this.art,i=o.i18n,a=o.notice;return this.init(t,n).then((function(t){return e&&(a.show="".concat(i.get("Switch subtitle"),": ").concat(e)),r.art.emit("subtitleSwitch",t),t}))}},{key:"init",value:function(t,e){var n=this,r=this.art,o=r.notice,i=r.events.proxy,a=r.template,c=a.$subtitle,s=a.$video;if(!a.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",s.appendChild(l),this.art.template.$track=l,i(this.textTrack,"cuechange",this.update.bind(this))}return fetch(t).then((function(t){return t.text()})).then((function(r){switch(n.art.emit("subtitleLoad",t),e||M(t)){case"srt":return L(A(r));case"ass":return L(C(r));case"vtt":return L(r);default:return t}})).then((function(t){return c.innerHTML="",n.url===t||(URL.revokeObjectURL(n.url),n.art.template.$track.src=t),t})).catch((function(t){throw o.show=t,t}))}},{key:"url",get:function(){return this.art.template.$track.src}},{key:"textTrack",get:function(){return this.art.template.$video.textTracks[0]}},{key:"activeCue",get:function(){return this.textTrack.activeCues[0]}}]),r}(yt);var ae=function(){function e(n){var r=this;t(this,e),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),n.whitelist.state&&n.once("ready",(function(){!function(t,e){var n=t.controls,r=t.template.$player;e.proxy(document,["click","contextmenu"],(function(e){e.composedPath&&e.composedPath().indexOf(r)>-1?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})),t.on("blur",(function(){n.delayHide()}))}(n,r),function(t,e){var n=t.controls,r=t.template.$player;e.hover(r,(function(){g(r,"art-hover"),t.emit("hover",!0)}),(function(){v(r,"art-hover"),t.emit("hover")})),t.on("hover",(function(t){t||n.delayHide()}))}(n,r),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=t.controls;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)})),t.on("mousemove",(function(t){a.cancelDelayHide(),v(r,"art-hide-cursor"),a.show=!0,i.pip||t.target!==o||a.delayHide()}))}(n,r),function(t,e){var n=t.option,r=t.player,o=Z((function(){r.normal&&(r.autoSize=n.autoSize),r.aspectRatioReset=!0,t.emit("resize")}),500);e.proxy(window,["orientationchange","resize"],(function(){o()}))}(n,r),function(t,e){if(t.isMobile&&!t.option.isLive){var n=t.player,r=t.notice,o=t.template.$video,i=!1,a=0,c=0;e.proxy(o,"touchstart",(function(t){1===t.touches.length&&(i=!0,a=t.touches[0].clientX)})),e.proxy(document,"touchmove",(function(t){if(1===t.touches.length&&i){var e=J((t.touches[0].clientX-a)/o.clientWidth,-1,1);c=J(n.currentTime+60*e,0,n.duration),r.show="".concat(Q(c)," / ").concat(Q(n.duration))}})),e.proxy(document,"touchend",(function(){i&&c&&(n.seek=c),i=!1,a=0,c=0}))}}(n,r),function(t,e){var n=t.player,r=t.option.autoMini,o=t.template.$container,i=Y((function(){t.emit("view",$(o))}),200);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(t){r&&(n.mini=!t)}))}(n,r)}))}return n(e,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(t);(o=new Image).src=t}return o.complete?n(o):(e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(o)})),t)}))}},{key:"destroy",value:function(){this.destroyEvents.forEach((function(t){return t()}))}}]),e}(),ce=function(){function e(n){var r=this;t(this,e),this.keys={};var o=n.option,i=n.player,a=n.events.proxy;o.hotkey&&n.once("ready",(function(){r.add(27,(function(){i.fullscreenWeb&&(i.fullscreenWeb=!1)})),r.add(32,(function(){i.toggle=!0})),r.add(37,(function(){i.backward=5})),r.add(38,(function(){i.volume+=.1})),r.add(39,(function(){i.forward=5})),r.add(40,(function(){i.volume-=.1})),a(window,"keydown",(function(t){if(n.isFocus){var e=document.activeElement.tagName.toUpperCase(),o=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==o&&"true"!==o){var i=r.keys[t.keyCode];i&&(t.preventDefault(),i.forEach((function(t){return t()})),n.emit("hotkey",t))}}}))}))}return n(e,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}}]),e}(),se=function(e){function n(e){var r;return t(this,n),(r=a(this,c(n).call(this,e))).name="layer",r.$parent=e.template.$layer,e.once("ready",(function(){e.option.layers.forEach((function(t){r.add(t)}))})),r}return l(n,e),n}(yt),le=function(e){function n(e){var r;return t(this,n),(r=a(this,c(n).call(this,e))).name="loading",x(e.template.$loading,e.icons.loading),r}return l(n,e),n}(yt),ue=function(){function e(n){t(this,e),this.art=n,this.time=2e3,this.timer=null}return n(e,[{key:"show",set:function(t){var e=this.art.template,n=e.$player,r=e.$noticeInner;r.innerText=t instanceof Error?t.message.trim():t,g(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout((function(){r.innerText="",v(n,"art-notice-show")}),this.time)}}]),e}(),pe=function(e){function n(e){var r;return t(this,n),(r=a(this,c(n).call(this,e))).name="mask",x(e.template.$state,e.icons.state),r}return l(n,e),n}(yt);function fe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var de=function e(n){var r=this;t(this,e);var o=function(t){for(var e=1;e',state:'',play:'',pause:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:''},n.option.icons);Object.keys(o).forEach((function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),x(e,o[t]),r[t]=e}))};function he(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function be(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e'.concat(n.get("Flip"),'
"),click:function(t,e){var n=e.target.dataset.value;n&&(r.flip=n)},mounted:function(t){e.on("flip",(function(e){var n=m("button",t).find((function(t){return t.dataset.value===e}));n&&S(n.parentElement,"current")}))}})}}function ye(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function me(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e'.concat(n.get("Aspect ratio"),'
'),click:function(t,e){var n=e.target.dataset.value;n&&(r.aspectRatio=n)},mounted:function(t){e.on("aspectRatio",(function(e){var n=m("button",t).find((function(t){return t.dataset.value===e}));n&&S(n.parentElement,"current")}))}})}}function ge(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ve(t){return function(e){var n=e.i18n,r=e.player,o=e.events.proxy;return function(t){for(var e=1;e'.concat(n.get("Play speed"),': 1.0x
'),mounted:function(t){var n=y(".art-setting-range input",t),i=y(".art-subtitle-value",t);o(n,"change",(function(){var t=n.value;i.innerText=t,r.playbackRate=Number(t)})),e.on("playbackRate",(function(t){t&&n.value!==t&&(n.value=t,i.innerText=t)}))}})}}var we=function(e){function n(e){var r;t(this,n),(r=a(this,c(n).call(this,e))).name="setting";var o=e.option,i=e.template,s=i.$setting,l=i.$settingBody,u=e.events.proxy;return r.$parent=l,o.setting&&(e.once("ready",(function(){u(s,"click",(function(t){t.target===s&&(r.show=!1)})),r.add(be({disable:!o.flip,name:"flip"})),r.add(me({disable:!o.aspectRatio,name:"aspectRatio"})),r.add(ve({disable:!o.playbackRate,name:"playbackRate"}))})),e.on("blur",(function(){r.show=!1}))),r}return l(n,e),n}(yt),xe=function(){function e(){t(this,e),this.name="artplayer_settings"}return n(e,[{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.name))||{};return t?e[t]:e}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),tt({},t,e));localStorage.setItem(this.name,JSON.stringify(n))}},{key:"del",value:function(t){var e=this.get();delete e[t],localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){localStorage.removeItem(this.name)}}]),e}();function Oe(t){var e=t.i18n,n=t.subtitle,r=t.events.proxy;return{title:"Subtitle",name:"subtitleOffset",index:20,html:'
'.concat(e.get("Subtitle offset time"),': 0s
'),mounted:function(e){var o=y(".art-setting-range input",e),i=y(".art-subtitle-value",e);r(o,"change",(function(){var e=o.value;i.innerText=e,t.plugins.subtitleOffset.offset(Number(e))})),t.on("subtitle:switch",(function(){o.value=0,i.innerText=0})),t.on("subtitleOffset",(function(t){n.update(),o.value!==t&&(o.value=t,i.innerText=t)}))}}}function ke(t){var e=t.constructor.utils.clamp,n=t.setting,r=t.notice,o=t.template,i=t.i18n,a=t.player;n.add(Oe);var c=[];return t.on("subtitle:switch",(function(){c=[]})),{name:"subtitleOffset",offset:function(n){if(o.$track&&o.$track.track){var s=Array.from(o.$track.track.cues),l=e(n,-5,5);s.forEach((function(t,n){c[n]||(c[n]={startTime:t.startTime,endTime:t.endTime}),t.startTime=e(c[n].startTime+l,0,a.duration),t.endTime=e(c[n].endTime+l,0,a.duration)})),r.show="".concat(i.get("Subtitle offset time"),": ").concat(n,"s"),t.emit("subtitleOffset",n)}else r.show="".concat(i.get("No subtitles found")),t.emit("subtitleOffset",0)}}}function je(t){var e=t.events.proxy,n=t.template,r=t.player,o=t.option,i=t.setting,a=t.i18n;function c(e){if(e){var i=n.$video.canPlayType(e.type);if("maybe"===i||"probably"===i){var a=URL.createObjectURL(e);o.title=e.name,r.switchUrl(a,e.name),t.emit("localVideo",e)}else z(!1,"Playback of this file format is not supported")}}function s(t){var n=x(t,'');O(t,"position","relative"),k(n,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(n,"change",(function(){c(n.files[0])}))}return e(n.$player,"dragover",(function(t){t.preventDefault()})),e(n.$player,"drop",(function(t){t.preventDefault(),c(t.dataTransfer.files[0])})),t.once("ready",(function(){i.add({title:"Local Video",name:"localVideo",index:30,html:'
'.concat(a.get("Local Video"),'
').concat(a.get("Open"),'
'),mounted:function(e){var n=y(".art-upload-btn",e),r=y(".art-upload-value",e);t.on("localVideo",(function(t){r.textContent=t.name,r.title=t.name})),s(n)}})})),{name:"localVideo",attach:s}}function Pe(t){var e=t.events.proxy,n=t.subtitle,r=t.setting,o=t.i18n;function i(r){var o=x(r,'');O(r,"position","relative"),k(o,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(o,"change",(function(){!function(e){if(e){var r=M(e.name);if(["ass","vtt","srt"].includes(r)){var o=URL.createObjectURL(e);n.switch(o,e.name,r),t.emit("localSubtitle",e)}else z(!1,"Only supports subtitle files in .ass, .vtt and .srt format")}}(o.files[0])}))}return t.once("ready",(function(){r.add({title:"Local Subtitle",name:"localSubtitle",index:40,html:'
'.concat(o.get("Local Subtitle"),'
').concat(o.get("Open"),'
'),mounted:function(e){var n=y(".art-upload-btn",e),r=y(".art-upload-value",e);t.on("localSubtitle",(function(t){r.textContent=t.name,r.title=t.name})),i(n)}})})),{name:"localSubtitle",attach:i}}function Se(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"2px",background:r},mounted:function(e){t.on("control",(function(t){e.style.display=t?"none":"block"})),t.on("destroy",(function(){e.style.display="none"})),t.on("video:timeupdate",(function(){e.style.width="".concat(100*n.played,"%")}))}}),{name:"miniProgressBar"}}function Ee(t){var e=1e4,n=0,r=0,o=0,i=null;function a(){n=0,r=0,o=0,cancelAnimationFrame(i),i=null}function c(){i||function a(){t.isDestroy||(i=requestAnimationFrame((function(){var i=Date.now();if(o){var c=i-o;r+=c,t.player.playing||(n+=c)}o=i,t.emit("networkMonitor",n/r),r>=e&&(n=0,r=0),a()})))}()}return t.on("play",c),t.on("pause",a),{name:"networkMonitor",reset:a,start:c,sample:function(t){e=t}}}function $e(t){var e=t.controls,n=t.option,r=t.events.hover;function o(n){var o,i,a,c=n.list.map((function(t){return'
').concat(t.text,"
")})).join(""),s='
'.concat(c,'
');e.add({name:n.name,position:"right",index:n.index,html:s,mounted:function(t){g(t,"art-control-switcher"),o=y(".art-switcher-list",t),i=m(".art-switcher-item",t),a=y(".art-switcher-current",t);var e=n.list.find((function(t){return t.name===n.default}))||n.list[0];if(e){a.innerText=e.text;var c=i.find((function(t){return t.dataset.switcherName===e.name}));c&&S(c,"art-current")}r(t,(function(){o.style.left="-".concat(j(o,"width")/2-j(t,"width")/2,"px")}))},click:function(e,r){var o=r.target.dataset.switcherName;if(o){var c=n.list.find((function(t){return t.name===o}));if(c){var s=i.find((function(t){return t.dataset.switcherName===c.name}));a.innerText=c.text,S(s,"art-current"),n.click&&n.click.call(t,o,r)}}}})}return n.switcher.forEach(o),{name:"switcher",add:o}}var De=function(){function e(n){var r=this;t(this,e),this.art=n,this.id=0;var o=n.option;o.subtitle.url&&o.subtitleOffset&&this.add(ke),!o.isLive&&o.miniProgressBar&&this.add(Se),o.localVideo&&this.add(je),o.localSubtitle&&this.add(Pe),o.networkMonitor&&this.add(Ee),this.add($e),n.option.plugins.forEach((function(t){r.add(t)}))}return n(e,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art),n=e&&e.name||t.name||"plugin".concat(this.id);return z(!N(this,n),"Cannot add a plugin that already has the same name: ".concat(n)),I(this,n,{value:e}),this}}]),e}(),Re=function e(n){t(this,e);var r=n.option,o=n.events.proxy,i=n.template.$video;it.events.forEach((function(t){o(i,t,(function(t){n.emit("video:".concat(t.type),t)}))})),Object.keys(r.moreVideoAttr).forEach((function(t){i[t]=r.moreVideoAttr[t]})),r.muted&&(i.muted=r.muted),r.volume&&(i.volume=J(r.volume,0,1)),r.poster&&(i.poster=r.poster),r.autoplay&&(i.autoplay=r.autoplay),i.controls=!0;var a=r.type||M(r.url),c=r.customType[a];a&&c?(c(i,r.url,n),n.emit("customType",a)):(i.src=r.url,n.emit("url",i.src))},Te=0,ze=[],Ae=function(e){function r(e){var n;return t(this,r),(n=a(this,c(r).call(this))).option=u(_(r.option,e),ot),n.isFocus=!1,n.isDestroy=!1,n.userAgent=f,n.isMobile=d,n.isWechat=b,n.whitelist=new at(i(n)),n.template=new ct(i(n)),n.events=new ae(i(n)),n.whitelist.state?(n.storage=new xe(i(n)),n.icons=new de(i(n)),n.i18n=new ut(i(n)),n.notice=new ue(i(n)),n.player=new dt(i(n)),n.layers=new se(i(n)),n.controls=new Nt(i(n)),n.contextmenu=new re(i(n)),n.subtitle=new ie(i(n)),n.info=new oe(i(n)),n.loading=new le(i(n)),n.hotkey=new ce(i(n)),n.mask=new pe(i(n)),n.setting=new we(i(n)),n.plugins=new De(i(n))):n.mobile=new Re(i(n)),Te+=1,n.id=Te,ze.push(i(n)),n}return l(r,e),n(r,[{key:"destroy",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),ze.splice(ze.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return ze}},{key:"version",get:function(){return"3.5.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return it}},{key:"utils",get:function(){return K}},{key:"scheme",get:function(){return ot}},{key:"Emitter",get:function(){return p}},{key:"validator",get:function(){return u}},{key:"kindOf",get:function(){return u.kindOf}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMin:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,light:!1,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,localVideo:!1,localSubtitle:!1,networkMonitor:!1,layers:[],contextmenu:[],controls:[],quality:[],highlight:[],plugins:[],whitelist:[],switcher:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:h?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),r}(p);return console.log("%c ArtPlayer %c 3.5.9 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),Ae})); diff --git a/packages/artplayer-plugin-danmuku/dist/artplayer-plugin-danmuku.js b/packages/artplayer-plugin-danmuku/dist/artplayer-plugin-danmuku.js index 43453d367..c95d71250 100644 --- a/packages/artplayer-plugin-danmuku/dist/artplayer-plugin-danmuku.js +++ b/packages/artplayer-plugin-danmuku/dist/artplayer-plugin-danmuku.js @@ -5,4 +5,4 @@ * Released under the MIT License. */ -!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).artplayerPluginDanmuku=e()}(this,(function(){"use strict";var t=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};var e=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function n(t,e){for(var n=0;n'.concat(e.get("Danmu opacity"),': 100%
'),mounted:function(e){var i=e.querySelector("input[type=range]"),r=e.querySelector(".art-value");n(i,"change",(function(){var e=i.value;r.innerText=100*Number(e),t.plugins.artplayerPluginDanmuku.config({opacity:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){i.value!==t.opacity&&(i.value=t.opacity,r.innerText=100*t.opacity)}))}}}function o(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-size",index:11,html:'
'.concat(e.get("Danmu size"),': 25px
'),mounted:function(e){var i=e.querySelector("input[type=range]"),r=e.querySelector(".art-value");n(i,"change",(function(){var e=i.value;r.innerText=e,t.plugins.artplayerPluginDanmuku.config({fontSize:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){i.value!==t.fontSize&&(i.value=t.fontSize,r.innerText=t.fontSize)}))}}}function s(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-speed",index:12,html:'
'.concat(e.get("Danmu speed"),': 5s
'),mounted:function(e){var i=e.querySelector("input[type=range]"),r=e.querySelector(".art-value");n(i,"change",(function(){var e=i.value;r.innerText=e,t.plugins.artplayerPluginDanmuku.config({speed:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){i.value!==t.speed&&(i.value=t.speed,r.innerText=t.speed)}))}}}function u(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-synchronousPlayback",index:13,html:'"),mounted:function(e){var i=e.querySelector("input[type=checkbox]");n(i,"change",(function(){t.plugins.artplayerPluginDanmuku.config({synchronousPlayback:i.checked})})),t.on("artplayerPluginDanmuku:config",(function(t){i.checked!==t.synchronousPlayback&&(i.checked=t.synchronousPlayback)}))}}}function l(t,e,n){return t.filter((function(t){return t.$state===e})).map(n)}function c(t,e){var n=t.getBoundingClientRect();return e?n[e]:n}var p=function(t){if(Array.isArray(t))return t};var f=function(t,e){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)){var n=[],i=!0,r=!1,a=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){r=!0,a=t}finally{try{i||null==s.return||s.return()}finally{if(r)throw a}}return n}};var m=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var h=function(t,e){return p(t)||f(t,e)||m()};function d(t){switch(t){case 1:case 2:case 3:return 0;case 4:case 5:return 1;default:return 0}}function y(t){return fetch(t).then((function(t){return t.text()})).then((function(t){return function(t){if("string"!=typeof t)return[];var e=t.match(/[\S ]*?)<\/d>/gi);return e.length?e.map((function(t){var e=t.match(/(.+)<\/d>/),n=h(e,3),i=n[1],r=n[2],a=i.split(",");return 8===a.length&&r.trim()?{text:r,time:Number(a[0]),mode:d(Number(a[1])),fontSize:Number(a[2]),color:"#".concat(Number(a[3]).toString(16)),timestamp:Number(a[4]),pool:Number(a[5]),userID:a[6],rowID:Number(a[7])}:null})):[]}(t)}))}function g(t,e){var n=h(t.option.margin,2),i=n[0],r=n[1],a=c(t.art.template.$player),o=t.queue.filter((function(t){return t.mode===e.mode&&"emit"===t.$state&&t.$ref&&t.$ref.style.fontSize===e.$ref.style.fontSize&&parseFloat(t.$ref.style.top)<=a.height-r})).map((function(t){var e=c(t.$ref),n=e.width,i=e.height,r=e.top-a.top,o=e.left-a.left;return{top:r,left:o,height:i,width:n,right:a.width-o-n}})).sort((function(t,e){return t.top-e.top}));return 0===o.length?i:(o.unshift({top:0,left:0,right:0,height:i,width:a.width}),o.push({top:a.height-r,left:0,right:0,height:r,width:a.width}),function(t){for(var e=0,n={},i=0;io&&(e=c,o=p)}if(0===e)for(var f=0,m=0;mf)f=d,e=h(g,1)[0].top}if(0===e){var x=a.filter((function(t,e){return 0!==e&&e!==a.length-1})).sort((function(t,e){return n[t].length-n[e].length}));e=h(x,1)[0]}return e}(o))}function v(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}var b=function(){function n(t,i){var l=this;e(this,n),t.i18n.update(r),t.setting.add(a),t.setting.add(o),t.setting.add(s),t.setting.add(u),this.art=t,this.queue=[],this.option={},this.config(i),this.isStop=!1,this.isHide=!1,this.animationFrameTimer=null,this.$danmuku=t.template.$danmuku,t.on("video:play",this.start.bind(this)),t.on("video:playing",this.start.bind(this)),t.on("video:pause",this.stop.bind(this)),t.on("video:waiting",this.stop.bind(this)),t.on("resize",this.resize.bind(this)),t.on("destroy",this.stop.bind(this)),"function"==typeof this.option.danmuku?this.option.danmuku().then((function(e){e.forEach(l.emit.bind(l)),t.emit("artplayerPluginDanmuku:loaded")})):"string"==typeof this.option.danmuku?y(this.option.danmuku).then((function(e){e.forEach(l.emit.bind(l)),t.emit("artplayerPluginDanmuku:loaded")})):(this.option.danmuku.forEach(this.emit.bind(this)),t.emit("artplayerPluginDanmuku:loaded"))}return i(n,[{key:"config",value:function(t){var e=this.art.constructor,i=e.utils.clamp,r=e.validator;this.option=Object.assign({},n.option,this.option,t),r(this.option,n.scheme),this.option.speed=i(this.option.speed,1,10),this.option.maxlength=i(this.option.maxlength,10,100),this.option.margin[0]=i(this.option.margin[0],0,100),this.option.margin[1]=i(this.option.margin[1],0,100),this.option.opacity=i(this.option.opacity,0,1),this.option.fontSize=i(this.option.fontSize,12,30),this.art.emit("artplayerPluginDanmuku:config",this.option)}},{key:"continue",value:function(){l(this.queue,"stop",(function(t){switch(t.$state="emit",t.$lastStartTime=Date.now(),t.mode){case 0:t.$ref.style.transform="translateX(".concat(-t.$restWidth,"px) translateY(0px) translateZ(0px)"),t.$ref.style.transition="transform ".concat(t.$restTime,"s linear 0s")}}))}},{key:"suspend",value:function(){var t=this.art.template.$player;l(this.queue,"emit",(function(e){switch(e.$state="stop",e.mode){case 0:var n=c(t),i=n.left,r=n.width-(c(e.$ref).left-i)+5;e.$ref.style.transform="translateX(".concat(-r,"px) translateY(0px) translateZ(0px)"),e.$ref.style.transition="transform 0s linear 0s"}}))}},{key:"resize",value:function(){var t=c(this.art.template.$player,"width");l(this.queue,"wait",(function(e){e.$ref&&(e.$ref.style.border="none",e.$ref.style.left="".concat(t,"px"),e.$ref.style.marginLeft="0px",e.$ref.style.transform="translateX(0px) translateY(0px) translateZ(0px)",e.$ref.style.transition="transform 0s linear 0s")}))}},{key:"update",value:function(){var t=this,e=this.art,n=e.player,i=e.template.$player;this.animationFrameTimer=window.requestAnimationFrame((function(){if(n.playing&&!t.isHide){var e=c(i,"width");l(t.queue,"emit",(function(t){t.$restTime-=(Date.now()-t.$lastStartTime)/1e3,t.$lastStartTime=Date.now(),t.$restTime<=0&&(t.$state="wait",t.$ref.style.border="none",t.$ref.style.left="".concat(e,"px"),t.$ref.style.marginLeft="0px",t.$ref.style.transform="translateX(0px) translateY(0px) translateZ(0px)",t.$ref.style.transition="transform 0s linear 0s")})),t.queue.filter((function(t){return n.currentTime+.1>=t.time&&t.time>=n.currentTime-.1&&"wait"===t.$state})).forEach((function(i){i.$ref=function(t){var e=t.find((function(t){return t.$ref&&"wait"===t.$state}));if(e){var n=e.$ref;return e.$ref=null,n}var i=document.createElement("div");return i.style.cssText='\n user-select: none;\n position: absolute;\n white-space: pre;\n pointer-events: none;\n perspective: 500px;\n display: inline-block;\n will-change: transform;\n font-family: SimHei, "Microsoft JhengHei", Arial, Helvetica, sans-serif;\n font-weight: normal;\n line-height: 1.125;\n text-shadow: rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) -1px 0px 1px;\n ',i}(t.queue),t.$danmuku.appendChild(i.$ref),i.$ref.style.opacity=t.option.opacity,i.$ref.style.fontSize="".concat(t.option.fontSize,"px"),i.$ref.innerText=i.text,i.$ref.style.color=i.color||"#fff",i.$ref.style.border=i.border?"1px solid ".concat(i.color||"#fff"):"none",i.$restTime=t.option.synchronousPlayback&&n.playbackRate?t.option.speed/Number(n.playbackRate):t.option.speed,i.$lastStartTime=Date.now();var r=c(i.$ref,"width"),a=g(t,i);switch(i.$state="emit",i.mode){case 0:i.$restWidth=e+r+5,i.$ref.style.left="".concat(e,"px"),i.$ref.style.top="".concat(a,"px"),i.$ref.style.transform="translateX(".concat(-i.$restWidth,"px) translateY(0px) translateZ(0px)"),i.$ref.style.transition="transform ".concat(i.$restTime,"s linear 0s");break;case 1:i.$ref.style.top="".concat(a,"px"),i.$ref.style.left="50%",i.$ref.style.marginLeft="-".concat(r/2,"px")}}))}t.isStop||t.update()}))}},{key:"stop",value:function(){this.isStop=!0,this.suspend(),window.cancelAnimationFrame(this.animationFrameTimer),this.art.emit("artplayerPluginDanmuku:stop")}},{key:"start",value:function(){this.isStop=!1,this.continue(),this.update(),this.art.emit("artplayerPluginDanmuku:start")}},{key:"show",value:function(){this.isHide=!1,this.$danmuku.style.display="block",this.art.emit("artplayerPluginDanmuku:show")}},{key:"hide",value:function(){this.isHide=!0,this.$danmuku.style.display="none",this.art.emit("artplayerPluginDanmuku:hide")}},{key:"emit",value:function(e){var n=this.art,i=n.notice,r=n.player,a=n.i18n,o=this.art.constructor,s=o.utils.clamp;(0,o.validator)(e,{text:"string",mode:"number|undefined",color:"string|undefined",time:"number|undefined",border:"boolean|undefined"}),e.text.trim()?e.text.length>this.option.maxlength?i.show="".concat(a.get("The length of the danmu does not exceed")," ").concat(this.option.maxlength):(e.time?e.time=s(e.time,0,1/0):e.time=r.currentTime+.5,this.queue.push(function(e){for(var n=1;n'.concat(e.get("Danmu opacity"),': 100%
'),mounted:function(e){var i=e.querySelector("input[type=range]"),r=e.querySelector(".art-value");n(i,"change",(function(){var e=i.value;r.innerText=100*Number(e),t.plugins.artplayerPluginDanmuku.config({opacity:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){i.value!==t.opacity&&(i.value=t.opacity,r.innerText=100*t.opacity)}))}}}function o(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-size",index:11,html:'
'.concat(e.get("Danmu size"),': 25px
'),mounted:function(e){var i=e.querySelector("input[type=range]"),r=e.querySelector(".art-value");n(i,"change",(function(){var e=i.value;r.innerText=e,t.plugins.artplayerPluginDanmuku.config({fontSize:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){i.value!==t.fontSize&&(i.value=t.fontSize,r.innerText=t.fontSize)}))}}}function s(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-speed",index:12,html:'
'.concat(e.get("Danmu speed"),': 5s
'),mounted:function(e){var i=e.querySelector("input[type=range]"),r=e.querySelector(".art-value");n(i,"change",(function(){var e=i.value;r.innerText=e,t.plugins.artplayerPluginDanmuku.config({speed:Number(e)})})),t.on("artplayerPluginDanmuku:config",(function(t){i.value!==t.speed&&(i.value=t.speed,r.innerText=t.speed)}))}}}function u(t){var e=t.i18n,n=t.events.proxy;return{name:"danmuku-synchronousPlayback",index:13,html:'"),mounted:function(e){var i=e.querySelector("input[type=checkbox]");n(i,"change",(function(){t.plugins.artplayerPluginDanmuku.config({synchronousPlayback:i.checked})})),t.on("artplayerPluginDanmuku:config",(function(t){i.checked!==t.synchronousPlayback&&(i.checked=t.synchronousPlayback)}))}}}function l(t,e,n){return t.filter((function(t){return t.$state===e})).map(n)}function c(t,e){var n=t.getBoundingClientRect();return e?n[e]:n}var p=function(t){if(Array.isArray(t))return t};var f=function(t,e){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)){var n=[],i=!0,r=!1,a=void 0;try{for(var o,s=t[Symbol.iterator]();!(i=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);i=!0);}catch(t){r=!0,a=t}finally{try{i||null==s.return||s.return()}finally{if(r)throw a}}return n}};var m=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var h=function(t,e){return p(t)||f(t,e)||m()};function d(t){switch(t){case 1:case 2:case 3:return 0;case 4:case 5:return 1;default:return 0}}function y(t){return fetch(t).then((function(t){return t.text()})).then((function(t){return function(t){if("string"!=typeof t)return[];var e=t.match(/[\S ]*?)<\/d>/gi);return e.length?e.map((function(t){var e=t.match(/(.+)<\/d>/),n=h(e,3),i=n[1],r=n[2],a=i.split(",");return 8===a.length&&r.trim()?{text:r,time:Number(a[0]),mode:d(Number(a[1])),fontSize:Number(a[2]),color:"#".concat(Number(a[3]).toString(16)),timestamp:Number(a[4]),pool:Number(a[5]),userID:a[6],rowID:Number(a[7])}:null})):[]}(t)}))}function g(t,e){var n=h(t.option.margin,2),i=n[0],r=n[1],a=c(t.art.template.$player),o=t.queue.filter((function(t){return t.mode===e.mode&&"emit"===t.$state&&t.$ref&&t.$ref.style.fontSize===e.$ref.style.fontSize&&parseFloat(t.$ref.style.top)<=a.height-r})).map((function(t){var e=c(t.$ref),n=e.width,i=e.height,r=e.top-a.top,o=e.left-a.left;return{top:r,left:o,height:i,width:n,right:a.width-o-n}})).sort((function(t,e){return t.top-e.top}));return 0===o.length?i:(o.unshift({top:0,left:0,right:0,height:i,width:a.width}),o.push({top:a.height-r,left:0,right:0,height:r,width:a.width}),function(t){for(var e=0,n={},i=0;io&&(e=c,o=p)}if(0===e)for(var f=0,m=0;mf)f=d,e=h(g,1)[0].top}if(0===e){var x=a.filter((function(t,e){return 0!==e&&e!==a.length-1})).sort((function(t,e){return n[t].length-n[e].length}));e=h(x,1)[0]}return e}(o))}function v(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,i)}return n}var b=function(){function n(t,i){var l=this;e(this,n),t.i18n.update(r),t.setting.add(a),t.setting.add(o),t.setting.add(s),t.setting.add(u),this.art=t,this.queue=[],this.option={},this.config(i),this.isStop=!1,this.isHide=!1,this.animationFrameTimer=null,this.$danmuku=t.template.$danmuku,t.on("video:play",this.start.bind(this)),t.on("video:playing",this.start.bind(this)),t.on("video:pause",this.stop.bind(this)),t.on("video:waiting",this.stop.bind(this)),t.on("resize",this.resize.bind(this)),t.on("destroy",this.stop.bind(this)),"function"==typeof this.option.danmuku?this.option.danmuku().then((function(e){e.forEach(l.emit.bind(l)),t.emit("artplayerPluginDanmuku:loaded")})):"string"==typeof this.option.danmuku?y(this.option.danmuku).then((function(e){e.forEach(l.emit.bind(l)),t.emit("artplayerPluginDanmuku:loaded")})):(this.option.danmuku.forEach(this.emit.bind(this)),t.emit("artplayerPluginDanmuku:loaded"))}return i(n,[{key:"config",value:function(t){var e=this.art.constructor,i=e.utils.clamp,r=e.validator;this.option=Object.assign({},n.option,this.option,t),r(this.option,n.scheme),this.option.speed=i(this.option.speed,1,10),this.option.maxlength=i(this.option.maxlength,10,100),this.option.margin[0]=i(this.option.margin[0],0,100),this.option.margin[1]=i(this.option.margin[1],0,100),this.option.opacity=i(this.option.opacity,0,1),this.option.fontSize=i(this.option.fontSize,12,30),this.art.emit("artplayerPluginDanmuku:config",this.option)}},{key:"continue",value:function(){l(this.queue,"stop",(function(t){switch(t.$state="emit",t.$lastStartTime=Date.now(),t.mode){case 0:t.$ref.style.transform="translateX(".concat(-t.$restWidth,"px) translateY(0px) translateZ(0px)"),t.$ref.style.transition="transform ".concat(t.$restTime,"s linear 0s")}}))}},{key:"suspend",value:function(){var t=this.art.template.$player;l(this.queue,"emit",(function(e){switch(e.$state="stop",e.mode){case 0:var n=c(t),i=n.left,r=n.width-(c(e.$ref).left-i)+5;e.$ref.style.transform="translateX(".concat(-r,"px) translateY(0px) translateZ(0px)"),e.$ref.style.transition="transform 0s linear 0s"}}))}},{key:"resize",value:function(){var t=c(this.art.template.$player,"width");l(this.queue,"wait",(function(e){e.$ref&&(e.$ref.style.border="none",e.$ref.style.left="".concat(t,"px"),e.$ref.style.marginLeft="0px",e.$ref.style.transform="translateX(0px) translateY(0px) translateZ(0px)",e.$ref.style.transition="transform 0s linear 0s")}))}},{key:"update",value:function(){var t=this,e=this.art,n=e.player,i=e.template.$player;this.animationFrameTimer=window.requestAnimationFrame((function(){if(n.playing&&!t.isHide){var e=c(i,"width");l(t.queue,"emit",(function(t){t.$restTime-=(Date.now()-t.$lastStartTime)/1e3,t.$lastStartTime=Date.now(),t.$restTime<=0&&(t.$state="wait",t.$ref.style.border="none",t.$ref.style.left="".concat(e,"px"),t.$ref.style.marginLeft="0px",t.$ref.style.transform="translateX(0px) translateY(0px) translateZ(0px)",t.$ref.style.transition="transform 0s linear 0s")})),t.queue.filter((function(t){return n.currentTime+.1>=t.time&&t.time>=n.currentTime-.1&&"wait"===t.$state})).forEach((function(i){i.$ref=function(t){var e=t.find((function(t){return t.$ref&&"wait"===t.$state}));if(e){var n=e.$ref;return e.$ref=null,n}var i=document.createElement("div");return i.style.cssText='\n user-select: none;\n position: absolute;\n white-space: pre;\n pointer-events: none;\n perspective: 500px;\n display: inline-block;\n will-change: transform;\n font-family: SimHei, "Microsoft JhengHei", Arial, Helvetica, sans-serif;\n font-weight: normal;\n line-height: 1.125;\n text-shadow: rgb(0, 0, 0) 1px 0px 1px, rgb(0, 0, 0) 0px 1px 1px, rgb(0, 0, 0) 0px -1px 1px, rgb(0, 0, 0) -1px 0px 1px;\n ',i}(t.queue),t.$danmuku.appendChild(i.$ref),i.$ref.style.opacity=t.option.opacity,i.$ref.style.fontSize="".concat(t.option.fontSize,"px"),i.$ref.innerText=i.text,i.$ref.style.color=i.color||"#fff",i.$ref.style.border=i.border?"1px solid ".concat(i.color||"#fff"):"none",i.$restTime=t.option.synchronousPlayback&&n.playbackRate?t.option.speed/Number(n.playbackRate):t.option.speed,i.$lastStartTime=Date.now();var r=c(i.$ref,"width"),a=g(t,i);switch(i.$state="emit",i.mode){case 0:i.$restWidth=e+r+5,i.$ref.style.left="".concat(e,"px"),i.$ref.style.top="".concat(a,"px"),i.$ref.style.transform="translateX(".concat(-i.$restWidth,"px) translateY(0px) translateZ(0px)"),i.$ref.style.transition="transform ".concat(i.$restTime,"s linear 0s");break;case 1:i.$ref.style.top="".concat(a,"px"),i.$ref.style.left="50%",i.$ref.style.marginLeft="-".concat(r/2,"px")}}))}t.isStop||t.update()}))}},{key:"stop",value:function(){this.isStop=!0,this.suspend(),window.cancelAnimationFrame(this.animationFrameTimer),this.art.emit("artplayerPluginDanmuku:stop")}},{key:"start",value:function(){this.isStop=!1,this.continue(),this.update(),this.art.emit("artplayerPluginDanmuku:start")}},{key:"show",value:function(){this.isHide=!1,this.$danmuku.style.display="block",this.art.emit("artplayerPluginDanmuku:show")}},{key:"hide",value:function(){this.isHide=!0,this.$danmuku.style.display="none",this.art.emit("artplayerPluginDanmuku:hide")}},{key:"emit",value:function(e){var n=this.art,i=n.notice,r=n.player,a=n.i18n,o=this.art.constructor,s=o.utils.clamp;(0,o.validator)(e,{text:"string",mode:"number|undefined",color:"string|undefined",time:"number|undefined",border:"boolean|undefined"}),e.text.trim()?e.text.length>this.option.maxlength?i.show="".concat(a.get("The length of the danmu does not exceed")," ").concat(this.option.maxlength):(e.time?e.time=s(e.time,0,1/0):e.time=r.currentTime+.5,this.queue.push(function(e){for(var n=1;n=t?e.call():i.value=n(o)})),i},Blob:t.Blob||t.BlobBuilder||t.WebKitBlobBuilder||t.MozBlobBuilder||t.MSBlobBuilder,btoa:(o=t.btoa||function(e){for(var t="",r=0,i=e.length,n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",o=void 0,a=void 0,s=void 0,c=void 0,d=void 0,l=void 0,u=void 0;r>2,d=(3&o)<<4|(a=e.charCodeAt(r++))>>4,l=(15&a)<<2|(s=e.charCodeAt(r++))>>6,u=63&s,isNaN(a)?l=u=64:isNaN(s)&&(u=64),t=t+n.charAt(c)+n.charAt(d)+n.charAt(l)+n.charAt(u);return t},o?o.bind(t):s.noop),isObject:function(e){return e&&"[object Object]"===Object.prototype.toString.call(e)},isEmptyObject:function(e){return s.isObject(e)&&!Object.keys(e).length},isArray:function(e){return e&&Array.isArray(e)},isFunction:function(e){return e&&"function"==typeof e},isElement:function(e){return e&&1===e.nodeType},isString:function(e){return"string"==typeof e||"[object String]"===Object.prototype.toString.call(e)},isSupported:{canvas:function(){var e=r.createElement("canvas");return e&&e.getContext&&e.getContext("2d")},webworkers:function(){return t.Worker},blob:function(){return s.Blob},Uint8Array:function(){return t.Uint8Array},Uint32Array:function(){return t.Uint32Array},videoCodecs:function(){var e=r.createElement("video"),t={mp4:!1,h264:!1,ogv:!1,ogg:!1,webm:!1};try{e&&e.canPlayType&&(t.mp4=""!==e.canPlayType('video/mp4; codecs="mp4v.20.8"'),t.h264=""!==(e.canPlayType('video/mp4; codecs="avc1.42E01E"')||e.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')),t.ogv=""!==e.canPlayType('video/ogg; codecs="theora"'),t.ogg=""!==e.canPlayType('video/ogg; codecs="theora"'),t.webm=-1!==e.canPlayType('video/webm; codecs="vp8, vorbis"'))}catch(e){}return t}()},noop:function(){},each:function(e,t){var r=void 0,i=void 0;if(s.isArray(e))for(r=-1,i=e.length;++r0&&arguments[0]!==n?arguments[0]:{};if(!r.body||!1===e.resizeFont)return e.fontSize;var t=e.text,i=e.gifWidth,o=parseInt(e.fontSize,10),a=parseInt(e.minFontSize,10),s=r.createElement("div"),c=r.createElement("span");for(s.setAttribute("width",i),s.appendChild(c),c.innerHTML=t,c.style.fontSize=o+"px",c.style.textIndent="-9999px",c.style.visibility="hidden",r.body.appendChild(c);c.offsetWidth>i&&o>=a;)c.style.fontSize=--o+"px";return r.body.removeChild(c),o+"px"},webWorkerError:!1},c=Object.freeze({default:s}),d={validate:function(e){e=s.isObject(e)?e:{};var t={};return s.each(d.validators,(function(r,i){var n=i.errorCode;if(!e[n]&&!i.condition)return(t=i).error=!0,!1})),delete t.condition,t},isValid:function(e){var t=!0!==d.validate(e).error;return t},validators:[{condition:s.isFunction(s.getUserMedia),errorCode:"getUserMedia",errorMsg:"The getUserMedia API is not supported in your browser"},{condition:s.isSupported.canvas(),errorCode:"canvas",errorMsg:"Canvas elements are not supported in your browser"},{condition:s.isSupported.webworkers(),errorCode:"webworkers",errorMsg:"The Web Workers API is not supported in your browser"},{condition:s.isFunction(s.URL),errorCode:"window.URL",errorMsg:"The window.URL API is not supported in your browser"},{condition:s.isSupported.blob(),errorCode:"window.Blob",errorMsg:"The window.Blob File API is not supported in your browser"},{condition:s.isSupported.Uint8Array(),errorCode:"window.Uint8Array",errorMsg:"The window.Uint8Array function constructor is not supported in your browser"},{condition:s.isSupported.Uint32Array(),errorCode:"window.Uint32Array",errorMsg:"The window.Uint32Array function constructor is not supported in your browser"}],messages:{videoCodecs:{errorCode:"videocodec",errorMsg:"The video codec you are trying to use is not supported in your browser"}}},l=Object.freeze({default:d}),u=function(){},f={sampleInterval:10,numWorkers:2,filter:"",gifWidth:200,gifHeight:200,interval:.1,numFrames:10,frameDuration:1,keepCameraOn:!1,images:[],video:null,webcamVideoElement:null,cameraStream:null,text:"",fontWeight:"normal",fontSize:"16px",minFontSize:"10px",resizeFont:!1,fontFamily:"sans-serif",fontColor:"#ffffff",textAlign:"center",textBaseline:"bottom",textXCoordinate:null,textYCoordinate:null,progressCallback:u,completeCallback:u,saveRenderingContexts:!1,savedRenderingContexts:[],crossOrigin:"Anonymous"},g=Object.freeze({default:f});function m(){return d.isValid()}function h(){var e,t,r,i,n,o=256,a=499,s=491,c=487,d=503,l=3*d,u=o-1,f=4,g=100,m=16,h=1<>v,w=h<>3)*(1<o&&(l=o),s=t+1,c=t-1,f=1;sd;){if(u=A[f++],sd){g=n[c--];try{g[0]-=u*(g[0]-r)/O|0,g[1]-=u*(g[1]-i)/O|0,g[2]-=u*(g[2]-a)/O|0}catch(e){}}}}function T(e,t,r,i,o){var a=n[t],s=e/x;a[0]-=s*(a[0]-r)|0,a[1]-=s*(a[1]-i)|0,a[2]-=s*(a[2]-o)|0}function U(e,t,r){var i,a,s,c,d,l,u,g,h,y;for(h=g=~(1<<31),u=l=-1,i=0;i>m-f))>v,E[i]-=d,W[i]+=d<=0;)i=d?i=o:(i++,s<0&&(s=-s),(c=l[0]-e)<0&&(c=-c),(s+=c)=0&&((s=t-(l=n[a])[1])>=d?a=-1:(a--,s<0&&(s=-s),(c=l[0]-e)<0&&(c=-c),(s+=c)>y)<=1&&(v=0),n=0;n=M&&(E-=r),0===O&&(O=1),++n%O==0)for(b-=b/e,(v=(p-=p/S)>>y)<=1&&(v=0),o=0;o>=f,n[e][1]>>=f,n[e][2]>>=f,n[e][3]=e}(),function(){var e,t,r,i,a,s,c,d;for(c=0,d=0,e=0;e>1,t=c+1;t>1,t=c+1;t<256;t++)F[t]=u}(),function(){for(var e=[],t=new Array(o),r=0;r65535||r>65535)throw"Width/Height invalid.";e[o++]=71,e[o++]=73,e[o++]=70,e[o++]=56,e[o++]=57,e[o++]=97;if(e[o++]=255&t,e[o++]=t>>8&255,e[o++]=255&r,e[o++]=r>>8&255,e[o++]=0|(null!==s?128:0),e[o++]=0,e[o++]=0,null!==a){if(a<0||a>65535)throw"Loop count invalid.";e[o++]=33,e[o++]=255,e[o++]=11,e[o++]=78,e[o++]=69,e[o++]=84,e[o++]=83,e[o++]=67,e[o++]=65,e[o++]=80,e[o++]=69,e[o++]=50,e[o++]=46,e[o++]=48,e[o++]=3,e[o++]=1,e[o++]=255&a,e[o++]=a>>8&255,e[o++]=0}var c=!1;this.addFrame=function(t,r,i,a,d,l){if(!0===c&&(--o,c=!1),l=l===n?{}:l,t<0||r<0||t>65535||r>65535)throw"x/y invalid.";if(i<=0||a<=0||i>65535||a>65535)throw"Width/Height invalid.";if(d.length256||t&t-1)throw"Invalid code/color length, must be power of 2 and 2 .. 256.";return t}(f),m=0;g>>=1;)++m;g=1<3)throw"Disposal out of range.";var v=!1,b=0;if(l.transparent!==n&&null!==l.transparent&&(v=!0,(b=l.transparent)<0||b>=g))throw"Transparent color index.";if((0!==p||v||0!==h)&&(e[o++]=33,e[o++]=249,e[o++]=4,e[o++]=p<<2|(!0===v?1:0),e[o++]=255&h,e[o++]=h>>8&255,e[o++]=b,e[o++]=0),e[o++]=44,e[o++]=255&t,e[o++]=t>>8&255,e[o++]=255&r,e[o++]=r>>8&255,e[o++]=255&i,e[o++]=i>>8&255,e[o++]=255&a,e[o++]=a>>8&255,e[o++]=!0===u?128|m-1:0,!0===u)for(var w=0,y=f.length;w>16&255,e[o++]=C>>8&255,e[o++]=255&C}o=function(e,t,r,i){e[t++]=r;var o=t++,a=1<=r;)e[t++]=255&f,f>>=8,u-=8,t===o+256&&(e[o]=255,o=t++)}function m(e){f|=e<=8;)e[t++]=255&f,f>>=8,u-=8,t===o+256&&(e[o]=255,o=t++);4096===d?(m(a),d=c+1,l=r+1,p={}):(d>=1<0&&arguments[0]!==n?arguments[0]:{},r=e.data;delete s.data,s.pixels=Array.prototype.slice.call(r.pixels),s.palette=Array.prototype.slice.call(r.palette),s.done=!0,s.beingProcessed=!1,t.freeWorker(c),t.onFrameFinished(i)};(s=a[e]).beingProcessed||s.done?this.onFrameFinished():(s.sampleInterval=o,s.beingProcessed=!0,s.gifshot=!0,(c=this.getWorker())?(c.onmessage=d,c.postMessage(s)):d({data:t.workerMethods.run(s)}))},startRendering:function(e){this.onRenderCompleteCallback=e;for(var t=0;t=0&&this.processFrame(e)},generateGIF:function(e,t){var r=[],i={loop:this.repeat},n=this.options,o=n.interval,a=n.frameDuration,c=!!n.images.length,d=n.gifHeight,l=n.gifWidth,u=new v(r,l,d,i),f=this.onRenderProgressCallback,g=c?100*o:0,m=void 0;this.generatingGIF=!0,s.each(e,(function(t,r){var i=r.palette;f(.75+.25*r.position*1/e.length);for(var n=0;n0&&arguments[0]!==n?arguments[0]:{},t=this.frames,r=e.data;this.frames.push({data:r,width:e.width,height:e.height,palette:null,dithering:null,done:!1,beingProcessed:!1,position:t.length})},onRenderProgress:function(e){this.onRenderProgressCallback=e},isRendering:function(){return this.generatingGIF},getBase64GIF:function(e){var t=this;t.startRendering((function(r){t.destroyWorkers(),s.requestTimeout((function(){e(r)}),0)}))},destroyWorkers:function(){if(!this.workerError){var e=this.workers;s.each(e,(function(e,t){var r=t.worker,i=t.objectUrl;r.terminate(),s.URL.revokeObjectURL(i)}))}}};var y=function(){},C={getGIF:function(){var e=arguments.length>0&&arguments[0]!==n?arguments[0]:{},t=arguments[1];t=s.isFunction(t)?t:y;var i=r.createElement("canvas"),o=void 0,a=e.images,c=!!a.length,d=e.cameraStream,l=e.crop,u=e.filter,f=e.fontColor,g=e.fontFamily,m=e.fontWeight,h=e.keepCameraOn,p=(e.numWorkers,e.progressCallback),v=e.saveRenderingContexts,b=e.savedRenderingContexts,C=e.text,S=e.textAlign,x=e.textBaseline,k=e.videoElement,O=e.videoHeight,F=e.videoWidth,W=e.webcamVideoElement,E=Number(e.gifWidth),A=Number(e.gifHeight),R=Number(e.interval),T=(Number(e.sampleInterval),c?0:1e3*R),U=[],M=b.length?b.length:e.numFrames,j=M,I=new w(e),P=s.getFontSize(e),V=e.textXCoordinate?e.textXCoordinate:"left"===S?1:"right"===S?E:E/2,L=e.textYCoordinate?e.textYCoordinate:"top"===x?1:"center"===x?A/2:A,H=m+" "+P+" "+g,z=l?Math.floor(l.scaledWidth/2):0,G=l?F-l.scaledWidth:0,B=l?Math.floor(l.scaledHeight/2):0,D=l?O-l.scaledHeight:0,N=function e(){var r=j-1;function i(){var i;v&&U.push(o.getImageData(0,0,E,A)),C&&(o.font=H,o.fillStyle=f,o.textAlign=S,o.textBaseline=x,o.fillText(C,V,L)),i=o.getImageData(0,0,E,A),I.addFrameImageData(i),p((M-(j=r))/M),r>0&&s.requestTimeout(e,T),j||I.getBase64GIF((function(e){t({error:!1,errorCode:"",errorMsg:"",image:e,cameraStream:d,videoElement:k,webcamVideoElement:W,savedRenderingContexts:U,keepCameraOn:h})}))}b.length?(o.putImageData(b[M-j],0,0),i()):function e(){try{G>F&&(G=F),D>O&&(D=O),z<0&&(z=0),B<0&&(B=0),o.filter=u,o.drawImage(k,z,B,G,D,0,0,E,A),i()}catch(t){if("NS_ERROR_NOT_AVAILABLE"!==t.name)throw t;s.requestTimeout(e,100)}}()};M=M!==n?M:10,R=R!==n?R:.1,i.width=E,i.height=A,o=i.getContext("2d"),function e(){b.length||0!==k.currentTime?N():s.requestTimeout(e,100)}()},getCropDimensions:function(){var e=arguments.length>0&&arguments[0]!==n?arguments[0]:{},t=e.videoWidth,r=e.videoHeight,i=e.gifWidth,o=e.gifHeight,a={width:0,height:0,scaledWidth:0,scaledHeight:0};return t>r?(a.width=Math.round(t*(o/r))-i,a.scaledWidth=Math.round(a.width*(r/o))):(a.height=Math.round(r*(i/t))-o,a.scaledHeight=Math.round(a.height*(t/i))),a}},S={loadedData:!1,defaultVideoDimensions:{width:640,height:480},findVideoSize:function e(t){e.attempts=e.attempts||0;var r=t.cameraStream,i=t.completedCallback,n=t.videoElement;n&&(n.videoWidth>0&&n.videoHeight>0?(n.removeEventListener("loadeddata",S.findVideoSize),i({videoElement:n,cameraStream:r,videoWidth:n.videoWidth,videoHeight:n.videoHeight})):e.attempts<10?(e.attempts+=1,s.requestTimeout((function(){S.findVideoSize(t)}),400)):i({videoElement:n,cameraStream:r,videoWidth:S.defaultVideoDimensions.width,videoHeight:S.defaultVideoDimensions.height}))},onStreamingTimeout:function(e){s.isFunction(e)&&e({error:!0,errorCode:"getUserMedia",errorMsg:"There was an issue with the getUserMedia API - Timed out while trying to start streaming",image:null,cameraStream:{}})},stream:function(e){var t=s.isArray(e.existingVideo)?e.existingVideo[0]:e.existingVideo,r=e.cameraStream,i=e.completedCallback,n=e.streamedCallback,o=e.videoElement;if(s.isFunction(n)&&n(),t){if(s.isString(t))o.src=t,o.innerHTML='';else if(t instanceof Blob){try{o.src=s.URL.createObjectURL(t)}catch(e){}o.innerHTML=''}}else if(o.mozSrcObject)o.mozSrcObject=r;else if(s.URL)try{o.srcObject=r,o.src=s.URL.createObjectURL(r)}catch(e){o.srcObject=r}o.play(),s.requestTimeout((function e(){e.count=e.count||0,!0===S.loadedData?(S.findVideoSize({videoElement:o,cameraStream:r,completedCallback:i}),S.loadedData=!1):(e.count+=1)>10?S.findVideoSize({videoElement:o,cameraStream:r,completedCallback:i}):e()}),0)},startStreaming:function(e){var t=s.isFunction(e.error)?e.error:s.noop,i=s.isFunction(e.streamed)?e.streamed:s.noop,n=s.isFunction(e.completed)?e.completed:s.noop,o=e.crossOrigin,a=e.existingVideo,c=e.lastCameraStream,d=e.options,l=e.webcamVideoElement,u=s.isElement(a)?a:l||r.createElement("video");o&&(u.crossOrigin=d.crossOrigin),u.autoplay=!0,u.loop=!0,u.muted=!0,u.addEventListener("loadeddata",(function(e){S.loadedData=!0,d.offset&&(u.currentTime=d.offset)})),a?S.stream({videoElement:u,existingVideo:a,completedCallback:n}):c?S.stream({videoElement:u,cameraStream:c,streamedCallback:i,completedCallback:n}):s.getUserMedia({video:!0},(function(e){S.stream({videoElement:u,cameraStream:e,streamedCallback:i,completedCallback:n})}),t)},startVideoStreaming:function(e){var t=arguments.length>1&&arguments[1]!==n?arguments[1]:{},r=t.timeout!==n?t.timeout:0,i=t.callback,o=t.webcamVideoElement,a=void 0;r>0&&(a=s.requestTimeout((function(){S.onStreamingTimeout(i)}),1e4)),S.startStreaming({error:function(){i({error:!0,errorCode:"getUserMedia",errorMsg:"There was an issue with the getUserMedia API - the user probably denied permission",image:null,cameraStream:{}})},streamed:function(){clearTimeout(a)},completed:function(){var t=arguments.length>0&&arguments[0]!==n?arguments[0]:{},r=t.cameraStream,i=t.videoElement,o=t.videoHeight,a=t.videoWidth;e({cameraStream:r,videoElement:i,videoHeight:o,videoWidth:a})},lastCameraStream:t.lastCameraStream,webcamVideoElement:o,crossOrigin:t.crossOrigin,options:t})},stopVideoStreaming:function(e){var t=e=s.isObject(e)?e:{},r=t.keepCameraOn,i=t.videoElement,n=t.webcamVideoElement,o=e.cameraStream||{},a=o.getTracks&&o.getTracks()||[],c=!!a.length,d=a[0];!r&&c&&s.isFunction(d.stop)&&d.stop(),s.isElement(i)&&!n&&(i.pause(),s.isFunction(s.URL.revokeObjectURL)&&!s.webWorkerError&&i.src&&s.URL.revokeObjectURL(i.src),s.removeElement(i))}};function x(e){e=s.isObject(e)?e:{},S.stopVideoStreaming(e)}function k(e,t){var i=e.options||{},n=i.images,o=i.video,a=Number(i.gifWidth),c=Number(i.gifHeight),d=(Number(i.numFrames),e.cameraStream),l=e.videoElement,u=e.videoWidth,f=e.videoHeight,g=C.getCropDimensions({videoWidth:u,videoHeight:f,gifHeight:c,gifWidth:a}),m=t;i.crop=g,i.videoElement=l,i.videoWidth=u,i.videoHeight=f,i.cameraStream=d,s.isElement(l)&&(l.width=a+g.width,l.height=c+g.height,i.webcamVideoElement||(s.setCSSAttr(l,{position:"fixed",opacity:"0"}),r.body.appendChild(l)),l.play(),C.getGIF(i,(function(e){n&&n.length||o&&o.length||x(e),m(e)})))}function O(e,t){if(t=s.isFunction(e)?e:t,e=s.isObject(e)?e:{},s.isFunction(t)){var i=s.mergeOptions(f,e)||{},o=e.cameraStream,a=i.images,c=a?a.length:0,l=i.video,u=i.webcamVideoElement;i=s.mergeOptions(i,{gifWidth:Math.floor(i.gifWidth),gifHeight:Math.floor(i.gifHeight)}),c?function(){var e=arguments.length>0&&arguments[0]!==n?arguments[0]:{},t=e.callback,i=e.images,o=e.options,a=e.imagesLength,c=d.validate({getUserMedia:!0,"window.URL":!0}),l=[],u=0,f=void 0,g=void 0;if(c.error)return t(c);function m(){s.each(l,(function(e,t){t&&(t.text?g.addFrame(t.img,o,t.text):g.addFrame(t,o))})),function(e,t){e.getBase64GIF((function(e){t({error:!1,errorCode:"",errorMsg:"",image:e})}))}(g,t)}g=new w(o),s.each(i,(function(e,i){var n=i;i.src&&(n=n.src),s.isElement(n)?(o.crossOrigin&&(n.crossOrigin=o.crossOrigin),l[e]=n,(u+=1)===a&&m()):s.isString(n)&&(f=new Image,o.crossOrigin&&(f.crossOrigin=o.crossOrigin),function(r){i.text&&(r.text=i.text),r.onerror=function(e){var r=void 0;if(0===--a)return(r={}).error="None of the requested images was capable of being retrieved",t(r)},r.onload=function(t){i.text?l[e]={img:r,text:r.text}:l[e]=r,(u+=1)===a&&m(),s.removeElement(r)},r.src=n}(f),s.setCSSAttr(f,{position:"fixed",opacity:"0"}),r.body.appendChild(f))}))}({images:a,imagesLength:c,callback:t,options:i}):l?function(){var e=arguments.length>0&&arguments[0]!==n?arguments[0]:{},t=e.callback,r=e.existingVideo,i=e.options,o=d.validate({getUserMedia:!0,"window.URL":!0}),a=void 0,c=void 0;if(o.error)return t(o);if(s.isElement(r)&&r.src){if(c=r.src,a=s.getExtension(c),!s.isSupported.videoCodecs[a])return t(d.messages.videoCodecs)}else s.isArray(r)&&s.each(r,(function(e,t){if(a=t instanceof Blob?t.type.substr(t.type.lastIndexOf("/")+1,t.length):t.substr(t.lastIndexOf(".")+1,t.length),s.isSupported.videoCodecs[a])return r=t,!1}));S.startStreaming({completed:function(e){e.options=i||{},k(e,t)},existingVideo:r,crossOrigin:i.crossOrigin,options:i})}({existingVideo:l,callback:t,options:i}):function(){var e=arguments.length>0&&arguments[0]!==n?arguments[0]:{},t=e.callback,r=e.lastCameraStream,i=e.options,o=e.webcamVideoElement;if(!m())return t(d.validate());i.savedRenderingContexts.length?C.getGIF(i,(function(e){t(e)})):S.startVideoStreaming((function(){var e=arguments.length>0&&arguments[0]!==n?arguments[0]:{};e.options=i||{},k(e,t)}),{lastCameraStream:r,callback:t,webcamVideoElement:o,crossOrigin:i.crossOrigin})}({lastCameraStream:o,callback:t,webcamVideoElement:u,options:i})}}var F={utils:c,error:l,defaultOptions:g,createGIF:O,takeSnapShot:function(e,t){if(t=s.isFunction(e)?e:t,e=s.isObject(e)?e:{},s.isFunction(t)){var r=s.mergeOptions(f,e);O(s.mergeOptions(r,{interval:.1,numFrames:1,gifWidth:Math.floor(r.gifWidth),gifHeight:Math.floor(r.gifHeight)}),t)}},stopVideoStreaming:x,isSupported:function(){return d.isValid()},isWebCamGIFSupported:m,isExistingVideoGIFSupported:function(e){var t=!1;if(s.isArray(e)&&e.length){if(s.each(e,(function(e,r){s.isSupported.videoCodecs[r]&&(t=!0)})),!t)return!1}else if(s.isString(e)&&e.length&&!s.isSupported.videoCodecs[e])return!1;return d.isValid({getUserMedia:!0})},isExistingImagesGIFSupported:function(){return d.isValid({getUserMedia:!0})},VERSION:"0.4.5"};"function"==typeof n&&n.amd?n([],(function(){return F})):e.exports=F}("undefined"!=typeof window?window:{},"undefined"!=typeof document?document:{createElement:function(){}},"undefined"!=typeof window?window.navigator:{})})),i=t((function(e){var t;t=function(){return function(e,t,r){t=t||"",r=r||512;for(var i=atob(e),n=[],o=0;o0&&void 0!==arguments[0]?arguments[0]:{},a=arguments.length>1?arguments[1]:void 0;y=!0,f.show=!0,e.emit("artplayerPluginGif:start"),d.show=c.get("Start creating gif..."),r.createGIF(o({},t,{video:[v.src],crossOrigin:"anonymous"}),(function(t){if(t.error)d.show=t.errorMsg,n(!1,t.errorMsg);else if("function"==typeof a){var r=t.image.split(",")[1],o=i(r,"image/gif"),s=URL.createObjectURL(o);d.show=c.get("Create gif successfully"),e.emit("artplayerPluginGif",s),a(s)}y=!1,f.show=!1,e.emit("artplayerPluginGif:end")}))}}}})); +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).artplayerPluginGif=t()}(this,(function(){"use strict";var e=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e};"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function t(e,t){return e(t={exports:{}},t.exports),t.exports}var r=t((function(e,t){!function(t,r,i,n){var o,a,s={URL:t.URL||t.webkitURL||t.mozURL||t.msURL,getUserMedia:(a=i.getUserMedia||i.webkitGetUserMedia||i.mozGetUserMedia||i.msGetUserMedia,a?a.bind(i):a),requestAnimFrame:t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.oRequestAnimationFrame||t.msRequestAnimationFrame,requestTimeout:function(e,t){if(e=e||s.noop,t=t||0,!s.requestAnimFrame)return setTimeout(e,t);var r=(new Date).getTime(),i=new Object,n=s.requestAnimFrame;return i.value=n((function o(){(new Date).getTime()-r>=t?e.call():i.value=n(o)})),i},Blob:t.Blob||t.BlobBuilder||t.WebKitBlobBuilder||t.MozBlobBuilder||t.MSBlobBuilder,btoa:(o=t.btoa||function(e){for(var t="",r=0,i=e.length,n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",o=void 0,a=void 0,s=void 0,c=void 0,d=void 0,l=void 0,u=void 0;r>2,d=(3&o)<<4|(a=e.charCodeAt(r++))>>4,l=(15&a)<<2|(s=e.charCodeAt(r++))>>6,u=63&s,isNaN(a)?l=u=64:isNaN(s)&&(u=64),t=t+n.charAt(c)+n.charAt(d)+n.charAt(l)+n.charAt(u);return t},o?o.bind(t):s.noop),isObject:function(e){return e&&"[object Object]"===Object.prototype.toString.call(e)},isEmptyObject:function(e){return s.isObject(e)&&!Object.keys(e).length},isArray:function(e){return e&&Array.isArray(e)},isFunction:function(e){return e&&"function"==typeof e},isElement:function(e){return e&&1===e.nodeType},isString:function(e){return"string"==typeof e||"[object String]"===Object.prototype.toString.call(e)},isSupported:{canvas:function(){var e=r.createElement("canvas");return e&&e.getContext&&e.getContext("2d")},webworkers:function(){return t.Worker},blob:function(){return s.Blob},Uint8Array:function(){return t.Uint8Array},Uint32Array:function(){return t.Uint32Array},videoCodecs:function(){var e=r.createElement("video"),t={mp4:!1,h264:!1,ogv:!1,ogg:!1,webm:!1};try{e&&e.canPlayType&&(t.mp4=""!==e.canPlayType('video/mp4; codecs="mp4v.20.8"'),t.h264=""!==(e.canPlayType('video/mp4; codecs="avc1.42E01E"')||e.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')),t.ogv=""!==e.canPlayType('video/ogg; codecs="theora"'),t.ogg=""!==e.canPlayType('video/ogg; codecs="theora"'),t.webm=-1!==e.canPlayType('video/webm; codecs="vp8, vorbis"'))}catch(e){}return t}()},noop:function(){},each:function(e,t){var r=void 0,i=void 0;if(s.isArray(e))for(r=-1,i=e.length;++r0&&void 0!==arguments[0]?arguments[0]:{};if(!r.body||!1===e.resizeFont)return e.fontSize;var t=e.text,i=e.gifWidth,n=parseInt(e.fontSize,10),o=parseInt(e.minFontSize,10),a=r.createElement("div"),s=r.createElement("span");for(a.setAttribute("width",i),a.appendChild(s),s.innerHTML=t,s.style.fontSize=n+"px",s.style.textIndent="-9999px",s.style.visibility="hidden",r.body.appendChild(s);s.offsetWidth>i&&n>=o;)s.style.fontSize=--n+"px";return r.body.removeChild(s),n+"px"},webWorkerError:!1},c=Object.freeze({default:s}),d={validate:function(e){e=s.isObject(e)?e:{};var t={};return s.each(d.validators,(function(r,i){var n=i.errorCode;if(!e[n]&&!i.condition)return(t=i).error=!0,!1})),delete t.condition,t},isValid:function(e){var t=!0!==d.validate(e).error;return t},validators:[{condition:s.isFunction(s.getUserMedia),errorCode:"getUserMedia",errorMsg:"The getUserMedia API is not supported in your browser"},{condition:s.isSupported.canvas(),errorCode:"canvas",errorMsg:"Canvas elements are not supported in your browser"},{condition:s.isSupported.webworkers(),errorCode:"webworkers",errorMsg:"The Web Workers API is not supported in your browser"},{condition:s.isFunction(s.URL),errorCode:"window.URL",errorMsg:"The window.URL API is not supported in your browser"},{condition:s.isSupported.blob(),errorCode:"window.Blob",errorMsg:"The window.Blob File API is not supported in your browser"},{condition:s.isSupported.Uint8Array(),errorCode:"window.Uint8Array",errorMsg:"The window.Uint8Array function constructor is not supported in your browser"},{condition:s.isSupported.Uint32Array(),errorCode:"window.Uint32Array",errorMsg:"The window.Uint32Array function constructor is not supported in your browser"}],messages:{videoCodecs:{errorCode:"videocodec",errorMsg:"The video codec you are trying to use is not supported in your browser"}}},l=Object.freeze({default:d}),u=function(){},f={sampleInterval:10,numWorkers:2,filter:"",gifWidth:200,gifHeight:200,interval:.1,numFrames:10,frameDuration:1,keepCameraOn:!1,images:[],video:null,webcamVideoElement:null,cameraStream:null,text:"",fontWeight:"normal",fontSize:"16px",minFontSize:"10px",resizeFont:!1,fontFamily:"sans-serif",fontColor:"#ffffff",textAlign:"center",textBaseline:"bottom",textXCoordinate:null,textYCoordinate:null,progressCallback:u,completeCallback:u,saveRenderingContexts:!1,savedRenderingContexts:[],crossOrigin:"Anonymous"},g=Object.freeze({default:f});function m(){return d.isValid()}function h(){var e,t,r,i,n,o=256,a=499,s=491,c=487,d=503,l=3*d,u=o-1,f=4,g=100,m=16,h=1<>v,w=h<>3,S=6,C=1<>1,t=c+1;t>1,t=c+1;t<256;t++)T[t]=u}function L(){var n,o,u,m,h,p,v,b,w,y,C,k,W,A;for(r>S)<=1&&(v=0),n=0;n=A&&(W-=r),0===y&&(y=1),++n%y==0)for(b-=b/e,(v=(p-=p/O)>>S)<=1&&(v=0),o=0;o=0;)i=d?i=o:(i++,s<0&&(s=-s),(c=l[0]-e)<0&&(c=-c),(s+=c)=0&&((s=t-(l=n[a])[1])>=d?a=-1:(a--,s<0&&(s=-s),(c=l[0]-e)<0&&(c=-c),(s+=c)>=f,n[e][1]>>=f,n[e][2]>>=f,n[e][3]=e}function B(e,t,r,i,a){var s,c,d,l,u,f,g;for((d=t-e)<-1&&(d=-1),(l=t+e)>o&&(l=o),s=t+1,c=t-1,f=1;sd;){if(u=M[f++],sd){g=n[c--];try{g[0]-=u*(g[0]-r)/R|0,g[1]-=u*(g[1]-i)/R|0,g[2]-=u*(g[2]-a)/R|0}catch(e){}}}}function D(e,t,r,i,o){var a=n[t],s=e/F;a[0]-=s*(a[0]-r)|0,a[1]-=s*(a[1]-i)|0,a[2]-=s*(a[2]-o)|0}function N(e,t,r){var i,a,s,c,d,l,u,g,h,y;for(h=g=~(1<<31),u=l=-1,i=0;i>m-f))>v,j[i]-=d,U[i]+=d<65535||r>65535)throw"Width/Height invalid.";e[n++]=71,e[n++]=73,e[n++]=70,e[n++]=56,e[n++]=57,e[n++]=97;if(e[n++]=255&t,e[n++]=t>>8&255,e[n++]=255&r,e[n++]=r>>8&255,e[n++]=0|(null!==a?128:0),e[n++]=0,e[n++]=0,null!==o){if(o<0||o>65535)throw"Loop count invalid.";e[n++]=33,e[n++]=255,e[n++]=11,e[n++]=78,e[n++]=69,e[n++]=84,e[n++]=83,e[n++]=67,e[n++]=65,e[n++]=80,e[n++]=69,e[n++]=50,e[n++]=46,e[n++]=48,e[n++]=3,e[n++]=1,e[n++]=255&o,e[n++]=o>>8&255,e[n++]=0}var s=!1;this.addFrame=function(t,r,i,o,c,d){if(!0===s&&(--n,s=!1),d=void 0===d?{}:d,t<0||r<0||t>65535||r>65535)throw"x/y invalid.";if(i<=0||o<=0||i>65535||o>65535)throw"Width/Height invalid.";if(c.length256||t&t-1)throw"Invalid code/color length, must be power of 2 and 2 .. 256.";return t}(u),g=0;f>>=1;)++g;f=1<3)throw"Disposal out of range.";var p=!1,v=0;if(void 0!==d.transparent&&null!==d.transparent&&(p=!0,(v=d.transparent)<0||v>=f))throw"Transparent color index.";if((0!==h||p||0!==m)&&(e[n++]=33,e[n++]=249,e[n++]=4,e[n++]=h<<2|(!0===p?1:0),e[n++]=255&m,e[n++]=m>>8&255,e[n++]=v,e[n++]=0),e[n++]=44,e[n++]=255&t,e[n++]=t>>8&255,e[n++]=255&r,e[n++]=r>>8&255,e[n++]=255&i,e[n++]=i>>8&255,e[n++]=255&o,e[n++]=o>>8&255,e[n++]=!0===l?128|g-1:0,!0===l)for(var b=0,w=u.length;b>16&255,e[n++]=y>>8&255,e[n++]=255&y}n=function(e,t,r,i){e[t++]=r;var n=t++,o=1<=r;)e[t++]=255&u,u>>=8,l-=8,t===n+256&&(e[n]=255,n=t++)}function g(e){u|=e<=8;)e[t++]=255&u,u>>=8,l-=8,t===n+256&&(e[n]=255,n=t++);4096===c?(g(o),c=s+1,d=r+1,h={}):(c>=1<0&&void 0!==arguments[0]?arguments[0]:{},r=e.data;delete a.data,a.pixels=Array.prototype.slice.call(r.pixels),a.palette=Array.prototype.slice.call(r.palette),a.done=!0,a.beingProcessed=!1,t.freeWorker(s),t.onFrameFinished(i)};(a=o[e]).beingProcessed||a.done?this.onFrameFinished():(a.sampleInterval=n,a.beingProcessed=!0,a.gifshot=!0,(s=this.getWorker())?(s.onmessage=c,s.postMessage(a)):c({data:t.workerMethods.run(a)}))},startRendering:function(e){this.onRenderCompleteCallback=e;for(var t=0;t=0&&this.processFrame(e)},generateGIF:function(e,t){var r=[],i={loop:this.repeat},n=this.options,o=n.interval,a=n.frameDuration,c=!!n.images.length,d=n.gifHeight,l=n.gifWidth,u=new v(r,l,d,i),f=this.onRenderProgressCallback,g=c?100*o:0,m=void 0;this.generatingGIF=!0,s.each(e,(function(t,r){var i=r.palette;f(.75+.25*r.position*1/e.length);for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{},t=this.frames,r=e.data;this.frames.push({data:r,width:e.width,height:e.height,palette:null,dithering:null,done:!1,beingProcessed:!1,position:t.length})},onRenderProgress:function(e){this.onRenderProgressCallback=e},isRendering:function(){return this.generatingGIF},getBase64GIF:function(e){var t=this;t.startRendering((function(r){t.destroyWorkers(),s.requestTimeout((function(){e(r)}),0)}))},destroyWorkers:function(){if(!this.workerError){var e=this.workers;s.each(e,(function(e,t){var r=t.worker,i=t.objectUrl;r.terminate(),s.URL.revokeObjectURL(i)}))}}};var S=function(){},C=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments[1];t=s.isFunction(t)?t:S;var i=r.createElement("canvas"),n=void 0,o=e.images,a=!!o.length,c=e.cameraStream,d=e.crop,l=e.filter,u=e.fontColor,f=e.fontFamily,g=e.fontWeight,m=e.keepCameraOn,h=(e.numWorkers,e.progressCallback),p=e.saveRenderingContexts,v=e.savedRenderingContexts,b=e.text,y=e.textAlign,C=e.textBaseline,x=e.videoElement,O=e.videoHeight,k=e.videoWidth,F=e.webcamVideoElement,W=Number(e.gifWidth),E=Number(e.gifHeight),A=Number(e.interval),R=(Number(e.sampleInterval),a?0:1e3*A),T=[],U=v.length?v.length:e.numFrames,j=U,M=new w(e),I=s.getFontSize(e),P=e.textXCoordinate?e.textXCoordinate:"left"===y?1:"right"===y?W:W/2,V=e.textYCoordinate?e.textYCoordinate:"top"===C?1:"center"===C?E/2:E,L=g+" "+I+" "+f,H=d?Math.floor(d.scaledWidth/2):0,z=d?k-d.scaledWidth:0,G=d?Math.floor(d.scaledHeight/2):0,B=d?O-d.scaledHeight:0,D=function e(){var r=j-1;function i(){var i;p&&T.push(n.getImageData(0,0,W,E)),b&&(n.font=L,n.fillStyle=u,n.textAlign=y,n.textBaseline=C,n.fillText(b,P,V)),i=n.getImageData(0,0,W,E),M.addFrameImageData(i),h((U-(j=r))/U),r>0&&s.requestTimeout(e,R),j||M.getBase64GIF((function(e){t({error:!1,errorCode:"",errorMsg:"",image:e,cameraStream:c,videoElement:x,webcamVideoElement:F,savedRenderingContexts:T,keepCameraOn:m})}))}v.length?(n.putImageData(v[U-j],0,0),i()):function e(){try{z>k&&(z=k),B>O&&(B=O),H<0&&(H=0),G<0&&(G=0),n.filter=l,n.drawImage(x,H,G,z,B,0,0,W,E),i()}catch(t){if("NS_ERROR_NOT_AVAILABLE"!==t.name)throw t;s.requestTimeout(e,100)}}()};U=void 0!==U?U:10,A=void 0!==A?A:.1,i.width=W,i.height=E,n=i.getContext("2d"),function e(){v.length||0!==x.currentTime?D():s.requestTimeout(e,100)}()},x=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.videoWidth,r=e.videoHeight,i=e.gifWidth,n=e.gifHeight,o={width:0,height:0,scaledWidth:0,scaledHeight:0};return t>r?(o.width=Math.round(t*(n/r))-i,o.scaledWidth=Math.round(o.width*(r/n))):(o.height=Math.round(r*(i/t))-n,o.scaledHeight=Math.round(o.height*(t/i))),o},O={loadedData:!1,defaultVideoDimensions:{width:640,height:480},findVideoSize:function e(t){e.attempts=e.attempts||0;var r=t.cameraStream,i=t.completedCallback,n=t.videoElement;n&&(n.videoWidth>0&&n.videoHeight>0?(n.removeEventListener("loadeddata",O.findVideoSize),i({videoElement:n,cameraStream:r,videoWidth:n.videoWidth,videoHeight:n.videoHeight})):e.attempts<10?(e.attempts+=1,s.requestTimeout((function(){O.findVideoSize(t)}),400)):i({videoElement:n,cameraStream:r,videoWidth:O.defaultVideoDimensions.width,videoHeight:O.defaultVideoDimensions.height}))},onStreamingTimeout:function(e){s.isFunction(e)&&e({error:!0,errorCode:"getUserMedia",errorMsg:"There was an issue with the getUserMedia API - Timed out while trying to start streaming",image:null,cameraStream:{}})},stream:function(e){var t=s.isArray(e.existingVideo)?e.existingVideo[0]:e.existingVideo,r=e.cameraStream,i=e.completedCallback,n=e.streamedCallback,o=e.videoElement;if(s.isFunction(n)&&n(),t){if(s.isString(t))o.src=t,o.innerHTML='';else if(t instanceof Blob){try{o.src=s.URL.createObjectURL(t)}catch(e){}o.innerHTML=''}}else if(o.mozSrcObject)o.mozSrcObject=r;else if(s.URL)try{o.srcObject=r,o.src=s.URL.createObjectURL(r)}catch(e){o.srcObject=r}o.play(),s.requestTimeout((function e(){e.count=e.count||0,!0===O.loadedData?(O.findVideoSize({videoElement:o,cameraStream:r,completedCallback:i}),O.loadedData=!1):(e.count+=1)>10?O.findVideoSize({videoElement:o,cameraStream:r,completedCallback:i}):e()}),0)},startStreaming:function(e){var t=s.isFunction(e.error)?e.error:s.noop,i=s.isFunction(e.streamed)?e.streamed:s.noop,n=s.isFunction(e.completed)?e.completed:s.noop,o=e.crossOrigin,a=e.existingVideo,c=e.lastCameraStream,d=e.options,l=e.webcamVideoElement,u=s.isElement(a)?a:l||r.createElement("video");o&&(u.crossOrigin=d.crossOrigin),u.autoplay=!0,u.loop=!0,u.muted=!0,u.addEventListener("loadeddata",(function(e){O.loadedData=!0,d.offset&&(u.currentTime=d.offset)})),a?O.stream({videoElement:u,existingVideo:a,completedCallback:n}):c?O.stream({videoElement:u,cameraStream:c,streamedCallback:i,completedCallback:n}):s.getUserMedia({video:!0},(function(e){O.stream({videoElement:u,cameraStream:e,streamedCallback:i,completedCallback:n})}),t)},startVideoStreaming:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=void 0!==t.timeout?t.timeout:0,i=t.callback,n=t.webcamVideoElement,o=void 0;r>0&&(o=s.requestTimeout((function(){O.onStreamingTimeout(i)}),1e4)),O.startStreaming({error:function(){i({error:!0,errorCode:"getUserMedia",errorMsg:"There was an issue with the getUserMedia API - the user probably denied permission",image:null,cameraStream:{}})},streamed:function(){clearTimeout(o)},completed:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=t.cameraStream,i=t.videoElement,n=t.videoHeight,o=t.videoWidth;e({cameraStream:r,videoElement:i,videoHeight:n,videoWidth:o})},lastCameraStream:t.lastCameraStream,webcamVideoElement:n,crossOrigin:t.crossOrigin,options:t})},stopVideoStreaming:function(e){var t=e=s.isObject(e)?e:{},r=t.keepCameraOn,i=t.videoElement,n=t.webcamVideoElement,o=e.cameraStream||{},a=o.getTracks&&o.getTracks()||[],c=!!a.length,d=a[0];!r&&c&&s.isFunction(d.stop)&&d.stop(),s.isElement(i)&&!n&&(i.pause(),s.isFunction(s.URL.revokeObjectURL)&&!s.webWorkerError&&i.src&&s.URL.revokeObjectURL(i.src),s.removeElement(i))}};function k(e){e=s.isObject(e)?e:{},O.stopVideoStreaming(e)}function F(e,t){var i=e.options||{},n=i.images,o=i.video,a=Number(i.gifWidth),c=Number(i.gifHeight),d=(Number(i.numFrames),e.cameraStream),l=e.videoElement,u=e.videoWidth,f=e.videoHeight,g=x({videoWidth:u,videoHeight:f,gifHeight:c,gifWidth:a}),m=t;i.crop=g,i.videoElement=l,i.videoWidth=u,i.videoHeight=f,i.cameraStream=d,s.isElement(l)&&(l.width=a+g.width,l.height=c+g.height,i.webcamVideoElement||(s.setCSSAttr(l,{position:"fixed",opacity:"0"}),r.body.appendChild(l)),l.play(),C(i,(function(e){n&&n.length||o&&o.length||k(e),m(e)})))}function W(e,t){if(t=s.isFunction(e)?e:t,e=s.isObject(e)?e:{},s.isFunction(t)){var i=s.mergeOptions(f,e)||{},n=e.cameraStream,o=i.images,a=o?o.length:0,c=i.video,l=i.webcamVideoElement;i=s.mergeOptions(i,{gifWidth:Math.floor(i.gifWidth),gifHeight:Math.floor(i.gifHeight)}),a?function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.callback,i=e.images,n=e.options,o=e.imagesLength,a={getUserMedia:!0,"window.URL":!0},c=d.validate(a),l=[],u=0,f=void 0,g=void 0;if(c.error)return t(c);function m(){s.each(l,(function(e,t){t&&(t.text?g.addFrame(t.img,n,t.text):g.addFrame(t,n))})),y(g,t)}g=new w(n),s.each(i,(function(e,i){var a=i;i.src&&(a=a.src),s.isElement(a)?(n.crossOrigin&&(a.crossOrigin=n.crossOrigin),l[e]=a,(u+=1)===o&&m()):s.isString(a)&&(f=new Image,n.crossOrigin&&(f.crossOrigin=n.crossOrigin),function(r){i.text&&(r.text=i.text),r.onerror=function(e){var r=void 0;if(0===--o)return(r={}).error="None of the requested images was capable of being retrieved",t(r)},r.onload=function(t){i.text?l[e]={img:r,text:r.text}:l[e]=r,(u+=1)===o&&m(),s.removeElement(r)},r.src=a}(f),s.setCSSAttr(f,{position:"fixed",opacity:"0"}),r.body.appendChild(f))}))}({images:o,imagesLength:a,callback:t,options:i}):c?function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.callback,r=e.existingVideo,i=e.options,n={getUserMedia:!0,"window.URL":!0},o=d.validate(n),a=void 0,c=void 0;if(o.error)return t(o);if(s.isElement(r)&&r.src){if(c=r.src,a=s.getExtension(c),!s.isSupported.videoCodecs[a])return t(d.messages.videoCodecs)}else s.isArray(r)&&s.each(r,(function(e,t){if(a=t instanceof Blob?t.type.substr(t.type.lastIndexOf("/")+1,t.length):t.substr(t.lastIndexOf(".")+1,t.length),s.isSupported.videoCodecs[a])return r=t,!1}));O.startStreaming({completed:function(e){e.options=i||{},F(e,t)},existingVideo:r,crossOrigin:i.crossOrigin,options:i})}({existingVideo:c,callback:t,options:i}):function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.callback,r=e.lastCameraStream,i=e.options,n=e.webcamVideoElement;if(!m())return t(d.validate());i.savedRenderingContexts.length?C(i,(function(e){t(e)})):O.startVideoStreaming((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.options=i||{},F(e,t)}),{lastCameraStream:r,callback:t,webcamVideoElement:n,crossOrigin:i.crossOrigin})}({lastCameraStream:n,callback:t,webcamVideoElement:l,options:i})}}var E={utils:c,error:l,defaultOptions:g,createGIF:W,takeSnapShot:function(e,t){if(t=s.isFunction(e)?e:t,e=s.isObject(e)?e:{},s.isFunction(t)){var r=s.mergeOptions(f,e);W(s.mergeOptions(r,{interval:.1,numFrames:1,gifWidth:Math.floor(r.gifWidth),gifHeight:Math.floor(r.gifHeight)}),t)}},stopVideoStreaming:k,isSupported:function(){return d.isValid()},isWebCamGIFSupported:m,isExistingVideoGIFSupported:function(e){var t=!1;if(s.isArray(e)&&e.length){if(s.each(e,(function(e,r){s.isSupported.videoCodecs[r]&&(t=!0)})),!t)return!1}else if(s.isString(e)&&e.length&&!s.isSupported.videoCodecs[e])return!1;return d.isValid({getUserMedia:!0})},isExistingImagesGIFSupported:function(){return d.isValid({getUserMedia:!0})},VERSION:"0.4.5"};e.exports=E}("undefined"!=typeof window?window:{},"undefined"!=typeof document?document:{createElement:function(){}},"undefined"!=typeof window?window.navigator:{})})),i=t((function(e){var t;t=function(){return function(e,t,r){t=t||"",r=r||512;for(var i=atob(e),n=[],o=0;o0&&void 0!==arguments[0]?arguments[0]:{},a=arguments.length>1?arguments[1]:void 0;w=!0,f.show=!0,e.emit("artplayerPluginGif:start"),d.show=c.get("Start creating gif..."),r.createGIF(o({},t,{video:[v.src],crossOrigin:"anonymous"}),(function(t){if(t.error)d.show=t.errorMsg,n(!1,t.errorMsg);else if("function"==typeof a){var r=t.image.split(",")[1],o=i(r,"image/gif"),s=URL.createObjectURL(o);d.show=c.get("Create gif successfully"),e.emit("artplayerPluginGif",s),a(s)}w=!1,f.show=!1,e.emit("artplayerPluginGif:end")}))}}}})); diff --git a/packages/artplayer-react/dist/artplayer-react.js b/packages/artplayer-react/dist/artplayer-react.js index b1863cdac..c47758bdb 100644 --- a/packages/artplayer-react/dist/artplayer-react.js +++ b/packages/artplayer-react/dist/artplayer-react.js @@ -5,4 +5,4 @@ * Released under the MIT License. */ -!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).ArtplayerReact=e()}(this,(function(){"use strict";var t=function(t,e){if(null==t)return{};var n,r,o={},i=Object.keys(t);for(r=0;r=0||(o[n]=t[n]);return o};var e=function(e,n){if(null==e)return{};var r,o,i=t(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i};var n=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function r(t,e){return t(e={exports:{}},e.exports),e.exports}var o=r((function(t){function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function n(r){return"function"==typeof Symbol&&"symbol"===e(Symbol.iterator)?t.exports=n=function(t){return e(t)}:t.exports=n=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":e(t)},n(r)}t.exports=n}));var i=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function a(t,e){for(var n=0;nY.length&&Y.push(t)}function Z(t,e,n){return null==t?0:function t(e,n,r,o){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var a=!1;if(null===e)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case g:case w:a=!0}}if(a)return r(o,e,""===n?"."+Q(e,0):n),1;if(a=0,n=""===n?".":n+":",Array.isArray(e))for(var c=0;c1?e-1:0),r=1;r2?n-2:0),o=2;o2?n-2:0),o=2;o8)throw new Error("warningWithoutStack() currently supports at most 8 arguments.");if(!t){if("undefined"!=typeof console){var i=r.map((function(t){return""+t}));i.unshift("Warning: "+e),Function.prototype.apply.call(console.error,console,i)}try{var a=0,c="Warning: "+e.replace(/%s/g,(function(){return r[a++]}));throw new Error(c)}catch(t){}}},E={};function R(t,e){var n=t.constructor,r=n&&(n.displayName||n.name)||"ReactClass",o=r+"."+e;E[o]||(S(!1,"Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",e,r),E[o]=!0)}var $={isMounted:function(t){return!1},enqueueForceUpdate:function(t,e,n){R(t,"forceUpdate")},enqueueReplaceState:function(t,e,n,r){R(t,"replaceState")},enqueueSetState:function(t,e,n,r){R(t,"setState")}},C={};function D(t,e,n){this.props=t,this.context=e,this.refs=C,this.updater=n||$}Object.freeze(C),D.prototype.isReactComponent={},D.prototype.setState=function(t,e){!function(){if("object"!=typeof t&&"function"!=typeof t&&null!=t)throw k(Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables."))}(),this.updater.enqueueSetState(this,t,e,"setState")},D.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};var T={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]},A=function(t,e){Object.defineProperty(D.prototype,t,{get:function(){P(!1,"%s(...) is deprecated in plain JavaScript React classes. %s",e[0],e[1])}})};for(var _ in T)T.hasOwnProperty(_)&&A(_,T[_]);function z(){}function L(t,e,n){this.props=t,this.context=e,this.refs=C,this.updater=n||$}z.prototype=D.prototype;var M=L.prototype=new z;M.constructor=L,e(M,D.prototype),M.isPureReactComponent=!0;var q={current:null},I={suspense:null},F={current:null},N=/^(.*)[\\\/]/,V=1;function W(t){if(null==t)return null;if("number"==typeof t.tag&&S(!1,"Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),"function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t;switch(t){case a:return"Fragment";case i:return"Portal";case s:return"Profiler";case c:return"StrictMode";case d:return"Suspense";case y:return"SuspenseList"}if("object"==typeof t)switch(t.$$typeof){case u:return"Context.Consumer";case l:return"Context.Provider";case f:return r=t,o=t.render,p="ForwardRef",v=o.displayName||o.name||"",r.displayName||(""!==v?p+"("+v+")":p);case h:return W(t.type);case m:var e=(n=t)._status===V?n._result:null;if(e)return W(e)}var n,r,o,p,v;return null}var H={},B=null;function U(t){B=t}H.getCurrentStack=null,H.getStackAddendum=function(){var t="";if(B){var e=W(B.type),n=B._owner;t+=function(t,e,n){var r="";if(e){var o=e.fileName,i=o.replace(N,"");if(/^index\./.test(i)){var a=o.match(N);if(a){var c=a[1];if(c)i=c.replace(N,"")+"/"+i}}r=" (at "+i+":"+e.lineNumber+")"}else n&&(r=" (created by "+n+")");return"\n in "+(t||"Unknown")+r}(e,B._source,n&&W(n.type))}var r=H.getCurrentStack;return r&&(t+=r()||""),t};var Y={ReactCurrentDispatcher:q,ReactCurrentBatchConfig:I,ReactCurrentOwner:F,IsSomeRendererActing:{current:!1},assign:e};e(Y,{ReactDebugCurrentFrame:H,ReactComponentTreeHook:{}});var X=function(t,e){if(!t){for(var n=Y.ReactDebugCurrentFrame,r=n.getStackAddendum(),o=arguments.length,i=Array(o>2?o-2:0),a=2;a1){for(var u=Array(l),p=0;p1){for(var d=Array(f),y=0;y.")}return e}(e);if(!jt[n]){jt[n]=!0;var r="";t&&t._owner&&t._owner!==F.current&&(r=" It was passed a child from "+W(t._owner.type)+"."),U(t),X(!1,'Each child in a list should have a unique "key" prop.%s%s See https://fb.me/react-warning-keys for more information.',n,r),U(null)}}}function St(t,e){if("object"==typeof t)if(Array.isArray(t))for(var n=0;n",s=" Did you accidentally export a JSX literal instead of a component?"):u=typeof t,X(!1,"React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",u,s)}var p=nt.apply(this,arguments);if(null==p)return p;if(c)for(var f=2;f is not supported and will be removed in a future major release. Did you mean to render instead?")),n.Provider},set:function(t){n.Provider=t}},_currentValue:{get:function(){return n._currentValue},set:function(t){n._currentValue=t}},_currentValue2:{get:function(){return n._currentValue2},set:function(t){n._currentValue2=t}},_threadCount:{get:function(){return n._threadCount},set:function(t){n._threadCount=t}},Consumer:{get:function(){return r||(r=!0,X(!1,"Rendering is not supported and will be removed in a future major release. Did you mean to render instead?")),n.Consumer}}}),n.Consumer=i,n._currentRenderer=null,n._currentRenderer2=null,n},forwardRef:function(t){return null!=t&&t.$$typeof===h?S(!1,"forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):"function"!=typeof t?S(!1,"forwardRef requires a render function but was given %s.",null===t?"null":typeof t):0!==t.length&&2!==t.length&&S(!1,"forwardRef render functions accept exactly two parameters: props and ref. %s",1===t.length?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),null!=t&&(null!=t.defaultProps||null!=t.propTypes)&&S(!1,"forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"),{$$typeof:f,render:t}},lazy:function(t){var e={$$typeof:m,_ctor:t,_status:-1,_result:null},n=void 0,r=void 0;return Object.defineProperties(e,{defaultProps:{configurable:!0,get:function(){return n},set:function(t){X(!1,"React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),n=t,Object.defineProperty(e,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return r},set:function(t){X(!1,"React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),r=t,Object.defineProperty(e,"propTypes",{enumerable:!0})}}}),e},memo:function(t,e){return wt(t)||S(!1,"memo: The first argument must be a component. Instead received: %s",null===t?"null":typeof t),{$$typeof:h,type:t,compare:void 0===e?null:e}},useCallback:function(t,e){return xt().useCallback(t,e)},useContext:function(t,e){var n=xt();if(void 0!==e&&X(!1,"useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",e,"number"==typeof e&&Array.isArray(arguments[2])?"\n\nDid you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://fb.me/rules-of-hooks":""),void 0!==t._context){var r=t._context;r.Consumer===t?X(!1,"Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):r.Provider===t&&X(!1,"Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return n.useContext(t,e)},useEffect:function(t,e){return xt().useEffect(t,e)},useImperativeHandle:function(t,e,n){return xt().useImperativeHandle(t,e,n)},useDebugValue:function(t,e){return xt().useDebugValue(t,e)},useLayoutEffect:function(t,e){return xt().useLayoutEffect(t,e)},useMemo:function(t,e){return xt().useMemo(t,e)},useReducer:function(t,e,n){return xt().useReducer(t,e,n)},useRef:function(t){return xt().useRef(t)},useState:function(t){return xt().useState(t)},Fragment:a,Profiler:s,StrictMode:c,Suspense:d,unstable_SuspenseList:y,createElement:Rt,cloneElement:function(t,e,n){for(var r=rt.apply(this,arguments),o=2;oobject{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}.art-video-player .art-subtitle{display:none;position:absolute;z-index:20;bottom:10px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.art-video-player .art-subtitle p{word-break:break-all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:40px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-mask,.art-video-player .art-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.art-video-player .art-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.art-video-player.art-mask-show .art-mask,.art-video-player .art-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.art-video-player.art-loading-show .art-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:55px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.art-video-player .art-bottom .art-progress{position:relative;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4px;cursor:pointer}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{position:relative;height:50%;width:100%;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:100%;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:100%;background:#fff;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner{height:100%}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-indicator,.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-tip{display:block}.art-video-player .art-bottom .art-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.art-video-player .art-bottom .art-progress .art-control-loop{display:none;position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point{position:absolute;left:0;top:-2px;width:2px;height:8px;background:hsla(0,0%,100%,.75)}.art-video-player .art-bottom .art-controls{position:relative;pointer-events:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:5px 0}.art-video-player .art-bottom .art-controls,.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.art-video-player .art-bottom .art-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{position:relative;z-index:30}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-destroy .art-progress-tip,.art-video-player.art-error .art-progress-indicator,.art-video-player.art-error .art-progress-tip{display:none!important}.art-video-player .art-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.art-video-player .art-notice .art-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.art-video-player.art-notice-show .art-notice{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-contextmenus{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.9);border-radius:3px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;font-size:12px;display:block;color:#fff;padding:10px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{display:inline-block;padding:0 7px}.art-video-player .art-contextmenus .art-contextmenu span.art-current,.art-video-player .art-contextmenus .art-contextmenu span:hover{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:none}.art-video-player.art-contextmenu-show .art-contextmenus,.art-video-player .art-settings{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.art-video-player .art-settings .art-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.9);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.art-video-player .art-settings .art-setting-inner .art-setting-body{overflow-y:auto;width:100%;height:100%}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting .art-setting-header{margin-bottom:5px}.art-video-player .art-settings .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.art-video-player .art-settings .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.art-video-player .art-settings .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.art-video-player .art-settings .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.art-video-player .art-settings .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.art-video-player .art-settings .art-setting-upload{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-upload .art-upload-btn{width:80px;height:22px;line-height:22px;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px;text-align:center}.art-video-player .art-settings .art-setting-upload .art-upload-value{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;padding-left:10px}.art-video-player.art-setting-show .art-settings{opacity:1;visibility:visible;pointer-events:auto}.art-video-player.art-setting-show .art-settings .art-setting-inner{right:0}.art-video-player .art-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.9)}.art-video-player .art-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.art-video-player .art-info .art-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.art-video-player.art-info-show .art-info{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player.art-hide-cursor *{cursor:none!important}.art-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.art-video-player.art-fullscreen-web{position:fixed;z-index:9999;width:100%!important;height:100%!important;left:0;top:0;right:0;bottom:0}.art-fullscreen-rotate{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:#000}.art-video-player .art-mini-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.art-video-player .art-mini-header .art-mini-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.art-video-player .art-mini-header .art-mini-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-mini{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.art-video-player.art-mini .art-mini-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.art-video-player.art-mini.art-hover .art-mini-header{opacity:1;visibility:visible}.art-video-player.art-mini .art-mask .art-state{position:static}.art-video-player.art-mini .art-bottom,.art-video-player.art-mini .art-contextmenu,.art-video-player.art-mini .art-danmu,.art-video-player.art-mini .art-info,.art-video-player.art-mini .art-layers,.art-video-player.art-mini .art-notice,.art-video-player.art-mini .art-setting,.art-video-player.art-mini .art-subtitle{display:none!important}.art-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.art-video-player[data-flip=horizontal] .art-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}:root{--balloon-color:rgba(16,16,16,0.95);--balloon-font-size:12px;--balloon-move:4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:#fff;content:attr(aria-label);padding:.5em 1em;white-space:nowrap;line-height:1.2}[aria-label][data-balloon-pos]:after,[aria-label][data-balloon-pos]:before{opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--balloon-color);content:""}[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before{opacity:1;pointer-events:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,var(--balloon-move));transform:translate(-50%,var(--balloon-move));-webkit-transform-origin:top;transform-origin:top}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before{-webkit-transform:translate(-50%);transform:translate(-50%)}');var yt=r((function(t,e){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var o=t(n);if("boolean"===o)return"boolean";if("string"===o)return"string";if("number"===o)return"number";if("symbol"===o)return"symbol";if("function"===o)return function(t){return"GeneratorFunction"===r(t)}(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(o=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return o.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function o(t,e){var r=21?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document).querySelector(t)}function xt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function Ot(t,e){return t.classList.add(e)}function kt(t,e){return t.classList.remove(e)}function jt(t,e){return t.classList.contains(e)}function Pt(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function St(t,e,n){return t.style[e]=n,t}function Et(t,e){return Object.keys(e).forEach((function(n){St(t,n,e[n])})),t}function Rt(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function $t(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function Ct(t,e){$t(t).forEach((function(t){return kt(t,e)})),Ot(t,e)}function Dt(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";vt||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function Tt(t){var e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth,o=e.top<=n&&e.top+e.height>=0,i=e.left<=r&&e.left+e.width>=0;return o&&i}var At=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},_t=r((function(t){function e(n,r,o){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}()?t.exports=e=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&p(o,n.prototype),o}:t.exports=e=Reflect.construct,e.apply(null,arguments)}t.exports=e})),zt=function(t){function e(t,n){var r;return i(this,e),r=l(this,u(e).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(s(r),n||r.constructor),r.name="ArtPlayerError",r}return f(e,t),e}(r((function(t){function e(n){var r="function"==typeof Map?new Map:void 0;return t.exports=e=function(t){if(null===t||!At(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return _t(t,arguments,u(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),p(e,t)},e(n)}t.exports=e}))(Error));function Lt(t,e){if(!t)throw new zt(e);return t}function Mt(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function qt(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function It(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function Ft(t){return t.includes("?")?Ft(t.split("?")[0]):t.includes("#")?Ft(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function Nt(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var Vt=function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1?e-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function Gt(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function ne(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var re=Object.freeze({__proto__:null,query:wt,queryAll:xt,addClass:Ot,removeClass:kt,hasClass:jt,append:Pt,remove:function(t){return t.parentNode.removeChild(t)},setStyle:St,setStyles:Et,getStyle:Rt,sublings:$t,inverseClass:Ct,tooltip:Dt,isInViewport:Tt,ArtPlayerError:zt,errorHandle:Lt,srtToVtt:Mt,vttToBlob:qt,assToVtt:It,getExt:Ft,download:Nt,def:Ut,has:Xt,proxyPropertys:Jt,mergeDeep:Zt,sleep:Qt,debounce:Gt,throttle:Kt,clamp:te,secondToTime:ee,escape:ne,userAgent:mt,isMobile:vt,isSafari:bt,isWechat:gt});function oe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ie(t,e,n){return Lt("string"===e||t instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}var ae={html:ie,disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"},ce={container:ie,url:"string",poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",autoMin:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",light:"boolean",backdrop:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",subtitleOffset:"boolean",miniProgressBar:"boolean",localVideo:"boolean",localSubtitle:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[ae],contextmenu:[ae],controls:[function(t){for(var e=1;e-1;case"function":return t(e.userAgent);case"regexp":return t.test(e.userAgent);default:return!1}}))},ue=function(){function t(e){var n=this;i(this,t),this.art=e,e.option.container instanceof Element?this.$container=e.option.container:(this.$container=wt(e.option.container),Lt(this.$container,"No container element found by ".concat(e.option.container))),Lt(e.constructor.instances.every((function(t){return t.template.$container!==n.$container})),"Cannot mount multiple instances on the same dom element"),Lt(this.$container.clientWidth&&this.$container.clientHeight,"The width and height of the container cannot be 0"),e.whitelist.state?this.desktop():this.mobile()}return c(t,[{key:"query",value:function(t){return wt(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option,e=t.theme,n=t.backdrop;this.$container.innerHTML='
Player version:
3.5.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'),this.$undercover=this.query(".art-undercover"),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$settingInner=this.query(".art-setting-inner"),this.$settingBody=this.query(".art-setting-body"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),n&&(Ot(this.$settingInner,"art-backdrop-filter"),Ot(this.$info,"art-backdrop-filter"),Ot(this.$contextmenu,"art-backdrop-filter")),this.art.isMobile&&Ot(this.$container,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":Ot(this.$player,"art-destroy")}}]),t}(),pe={"Video info":"视频统计信息",Close:"关闭","Light Off":"关灯","Light On":"开灯","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","PIP mode":"画中画模式","Exit PIP mode":"退出画中画模式","PIP not supported":"不支持画中画模式","Local Subtitle":"本地字幕","Local Video":"本地视频","Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},fe={"Video info":"影片統計訊息",Close:"關閉","Light Off":"關燈","Light On":"開燈","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕","Show setting":"顯示设置","Hide setting":"隱藏设置",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","PIP mode":"畫中畫模式","Exit PIP mode":"退出畫中畫模式","PIP not supported":"不支持畫中畫模式","Local Subtitle":"本地字幕","Local Video":"本地視頻","Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"},de=function(){function t(e){i(this,t),this.art=e,this.languages={"zh-cn":pe,"zh-tw":fe},this.init()}return c(t,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=Zt(this.languages,t),this.init()}}]),t}();var ye=r((function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};ry){var h=y*u/l;St(r,"width","".concat(100*h,"%")),St(r,"height","100%"),St(r,"padding","0 ".concat((p-p*h)/2,"px"))}else{var m=l/y/u;St(r,"width","100%"),St(r,"height","".concat(100*m,"%")),St(r,"padding","".concat((f-f*m)/2,"px 0"))}}o.dataset.aspectRatio=n,a.show="".concat(i.get("Aspect ratio"),": ").concat("default"===n?i.get("Default"):n),t.emit("aspectRatio",n)}else e.aspectRatio&&(St(r,"width",null),St(r,"height",null),St(r,"padding",null),delete o.dataset.aspectRatio,t.emit("aspectRatio"))}}),Ut(e,"aspectRatioReset",{set:function(t){if(t&&e.aspectRatio){var n=e.aspectRatio;e.aspectRatio=n}}})}(e,this),function(t,e){var n=t.option,r=t.notice,o=t.template.$video,i=document.createElement("canvas");Ut(e,"getDataURL",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),t(i.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),Ut(e,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),i.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),Ut(e,"screenshot",{value:function(){e.getDataURL().then((function(e){Nt(e,"".concat(n.title||"artplayer","_").concat(ee(o.currentTime),".png")),t.emit("screenshot",e)}))}})}(e,this),function(t,e){var n=t.template.$player;Ut(e,"fullscreen",{get:function(){return ye.isFullscreen},set:function(r){r?ye.request(n).then((function(){Ot(n,"art-fullscreen"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreen",!0)})):ye.exit().then((function(){kt(n,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreen")}))}}),Ut(e,"fullscreenToggle",{set:function(t){t&&(e.fullscreen=!e.fullscreen)}})}(e,this),function(t,e){var n=t.template.$player;Ut(e,"fullscreenWeb",{get:function(){return jt(n,"art-fullscreen-web")},set:function(r){r?(Ot(n,"art-fullscreen-web"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreenWeb",!0)):(kt(n,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"))}}),Ut(e,"fullscreenWebToggle",{set:function(t){t&&(e.fullscreenWeb=!e.fullscreenWeb)}})}(e,this),function(t,e){var n=t.template,r=n.$container,o=n.$player;Ut(e,"fullscreenRotate",{get:function(){return jt(r,"art-fullscreen-rotate")},set:function(n){if(n){Ot(r,"art-fullscreen-rotate"),e.autoSize=!0;var i=document.body,a=i.clientHeight,c=i.clientWidth,s=o.clientHeight,l=o.clientWidth;if(c/a0&&!n.paused&&!n.ended&&n.readyState>2)}})}(e,this),function(t,e){var n=t.template,r=n.$container,o=n.$player,i=n.$video;Ut(e,"autoSize",{get:function(){return jt(r,"art-auto-size")},set:function(n){if(n){var a=i.videoWidth,c=i.videoHeight,s=r.getBoundingClientRect(),l=s.width,u=s.height,p=a/c,f=l/u;if(Ot(r,"art-auto-size"),f>p){St(o,"width","".concat(u*p/l*100,"%")),St(o,"height","100%")}else{var d=l/p/u*100;St(o,"width","100%"),St(o,"height","".concat(d,"%"))}t.emit("autoSize",{width:e.width,height:e.height})}else kt(r,"art-auto-size"),St(o,"width",null),St(o,"height",null),t.emit("autoSize")}})}(e,this),function(t,e){Ut(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach((function(t){Ut(e,t,{get:function(){return e.rect[t]}})})),Ut(e,"x",{get:function(){return e.left+window.pageXOffset}}),Ut(e,"y",{get:function(){return e.top+window.pageYOffset}})}(e,this),function(t,e){var n=t.template.$player;Ut(e,"flip",{get:function(){return n.dataset.flip},set:function(e){if(e){var r=["normal","horizontal","vertical"];Lt(r.includes(e),"'flip' only accept ".concat(r.toString()," as parameters")),n.dataset.flip=e,t.emit("flip",e)}else delete n.dataset.flip,t.emit("flip")}})}(e,this),function(t,e){var n=t.template.$undercover;Ut(e,"light",{get:function(){return"none"!==Rt(n,"display",!1)},set:function(e){St(n,"display",e?"block":"none"),t.emit("light",e)}})}(e,this),function(t,e){var n=t.i18n,r=t.option,o=t.storage,i=t.events.proxy,a=t.template,c=a.$player,s=a.$miniClose,l=a.$miniTitle,u=a.$miniHeader,p="",f=!1,d=0,y=0,h=0,m=0;i(u,"mousedown",(function(t){f=!0,d=t.pageX,y=t.pageY,h=e.left,m=e.top})),i(document,"mousemove",(function(t){if(f){Ot(c,"art-is-dragging");var e=m+t.pageY-y,n=h+t.pageX-d;St(c,"top","".concat(e,"px")),St(c,"left","".concat(n,"px")),o.set("top",e),o.set("left",n)}})),i(document,"mouseup",(function(){f=!1,kt(c,"art-is-dragging")})),i(s,"click",(function(){e.mini=!1,f=!1,kt(c,"art-is-dragging")})),Pt(l,r.title||n.get("Mini player")),Ut(e,"mini",{get:function(){return jt(c,"art-mini")},set:function(n){if(n){e.autoSize=!1,p=c.style.cssText,Ot(c,"art-mini");var i=o.get("top"),a=o.get("left");if(i&&a)St(c,"top","".concat(i,"px")),St(c,"left","".concat(a,"px")),Tt(u)||(o.del("top"),o.del("left"),e.mini=!0);else{var s=document.body,l=s.clientHeight-e.height-50,f=s.clientWidth-e.width-50;o.set("top",l),o.set("left",f),St(c,"top","".concat(l,"px")),St(c,"left","".concat(f,"px"))}e.aspectRatio=!1,e.playbackRate=!1,t.emit("mini",!0)}else c.style.cssText=p,kt(c,"art-mini"),St(c,"top",null),St(c,"left",null),e.aspectRatio=!1,e.playbackRate=!1,e.autoSize=r.autoSize,t.emit("mini")}}),Ut(e,"miniToggle",{set:function(t){t&&(e.mini=!e.mini)}})}(e,this),function(t,e){var n=[];Ut(e,"loop",{get:function(){return n},set:function(r){if(Array.isArray(r)&&"number"==typeof r[0]&&"number"==typeof r[1]){var o=te(r[0],0,Math.min(r[1],e.duration)),i=te(r[1],o,e.duration);i-o>=1?(n=[o,i],t.emit("loop",n)):(n=[],t.emit("loop"))}else n=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){n.length&&(e.currentTimen[1])&&(e.seek=n[0])}))}(e,this),Jt(e,this)};var ve=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=u(t)););return t},be=r((function(t){function e(n,r,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=e=Reflect.get:t.exports=e=function(t,e,n){var r=ve(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}},e(n,r,o||n)}t.exports=e})),ge=function(){function t(e){i(this,t),this.id=0,this.art=e,this.add=this.add.bind(this)}return c(t,[{key:"add",value:function(t,e){var n=this,r="function"==typeof t?t(this.art):t;if(this.$parent&&this.name&&!r.disable){this.id+=1;var o=r.name||"".concat(this.name).concat(this.id);Lt(!Xt(this,o),"Cannot add an existing name [".concat(o,"] to the [").concat(this.name,"]"));var i=document.createElement("div");i.classList.value="art-".concat(this.name," art-").concat(this.name,"-").concat(o),r.html&&Pt(i,r.html),r.style&&Et(i,r.style),r.tooltip&&Dt(i,r.tooltip);var a=Array.from(this.$parent.children);i.dataset.index=r.index||this.id;var c=a.find((function(t){return Number(t.dataset.index)>=Number(i.dataset.index)}));c?c.insertAdjacentElement("beforebegin",i):Pt(this.$parent,i),r.click&&this.art.events.proxy(i,"click",(function(t){t.preventDefault(),r.click.call(n.art,n,t)})),r.mounted&&r.mounted(i,this,this.art),e&&e(i,this,this.art),Ut(this,o,{get:function(){return r}})}}},{key:"show",get:function(){return jt(this.art.template.$player,"art-".concat(this.name,"-show"))},set:function(t){var e=this.art.template.$player,n="art-".concat(this.name,"-show");t?Ot(e,n):kt(e,n),this.art.emit(this.name,t)}},{key:"toggle",set:function(t){t&&(this.show=!this.show)}}]),t}();function we(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xe(t){return function(e){return function(t){for(var e=1;e
'),mounted:function(t){var n=!1,r=wt(".art-progress-loaded",t),i=wt(".art-progress-played",t),s=wt(".art-progress-highlight",t),l=wt(".art-progress-indicator",t),u=wt(".art-progress-tip",t);function p(t,e){"loaded"===t&&St(r,"width","".concat(100*e,"%")),"played"===t&&(St(i,"width","".concat(100*e,"%")),St(l,"left","calc(".concat(100*e,"% - ").concat(Rt(l,"width")/2,"px)")))}o.forEach((function(t){var e=te(t.time,0,c.duration)/c.duration*100;Pt(s,''))})),p("loaded",c.loaded),e.on("video:progress",(function(){p("loaded",c.loaded)})),e.on("video:timeupdate",(function(){p("played",c.played)})),e.on("video:ended",(function(){p("played",1)})),a(t,"mousemove",(function(n){St(u,"display","block"),n.composedPath().indexOf(s)>-1?function(n){var r=$e(e,n).width,o=n.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?St(u,"left",0):r>t.clientWidth-i/2?St(u,"left","".concat(t.clientWidth-i,"px")):St(u,"left","".concat(r-i/2,"px"))}(n):function(n){var r=$e(e,n),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?St(u,"left",0):o>t.clientWidth-a/2?St(u,"left","".concat(t.clientWidth-a,"px")):St(u,"left","".concat(o-a/2,"px"))}(n)})),a(t,"mouseout",(function(){St(u,"display","none")})),a(t,"click",(function(t){if(t.target!==l){var n=$e(e,t),r=n.second;p("played",n.percentage),c.seek=r}})),a(l,"mousedown",(function(){n=!0})),a(document,"mousemove",(function(t){if(n){var r=$e(e,t),o=r.second,i=r.percentage;Ot(l,"art-show-indicator"),p("played",i),c.seek=o}})),a(document,"mouseup",(function(){n&&(n=!1,kt(l,"art-show-indicator"))}))}})}}function De(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Te(t){return function(e){return function(t){for(var e=1;e'),f=Pt(p,'
');function d(t){var e=p.getBoundingClientRect().left;return te(t.pageX-e-s/2,0,c-s/2)/(c-s)}function y(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)St(l,"display","none"),St(u,"display","flex"),St(f,"left","0");else{var e=(c-s)*t;St(l,"display","flex"),St(u,"display","none"),St(f,"left","".concat(e,"px"))}}Dt(l,i.get("Mute")),St(u,"display","none"),e.isMobile&&St(p,"display","none"),y(o.volume),e.on("video:volumechange",(function(){y(o.volume)})),n(l,"click",(function(){o.muted=!0})),n(u,"click",(function(){o.muted=!1})),n(p,"click",(function(t){o.muted=!1,o.volume=d(t)})),n(f,"mousedown",(function(){a=!0})),n(t,"mousemove",(function(t){a&&(o.muted=!1,o.volume=d(t))})),n(document,"mouseup",(function(){a&&(a=!1)}))}})}}function Me(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qe(t){return function(e){return function(t){for(var e=1;er.clientWidth-s/2?St(t,"left","".concat(r.clientWidth-s,"px")):St(t,"left","".concat(i-s/2,"px"))}(o))})),i(r,"mouseout",(function(){St(t,"display","none")}))}})}}function Ne(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ve(t){return function(e){return function(t){for(var e=1;e'.concat(s.name,"")),u=n.map((function(t,e){return'
').concat(t.name,"
")})).join(""),p=Pt(t,'
'.concat(u,"
"));i(t,(function(){p.style.left="-".concat(Rt(p,"width")/2-t.clientWidth/2,"px")})),o(p,"click",(function(t){var e=Number(t.target.dataset.index),r=n[e],o=r.url,i=r.name;o&&i&&c!==e&&(a.switchQuality(o,i),l.innerText=i,c=e)}))}})}}function Be(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ue(t){return function(e){return function(t){for(var e=1;e'),o=Pt(t,'');e.on("loop",(function(e){e?(St(t,"display","block"),St(r,"left","calc(".concat(e[0]/n.duration*100,"% - ").concat(r.clientWidth,"px)")),St(o,"left","".concat(e[1]/n.duration*100,"%"))):St(t,"display","none")}))}})}}var Ye=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="control";var r=t.option,o=t.player,a=t.template.$player;return n.delayHide=Gt((function(){o.playing&&n.show&&(Ot(a,"art-hide-cursor"),kt(a,"art-hover"),n.show=!1)}),3e3),n.cancelDelayHide=n.delayHide.clearTimeout,t.once("ready",(function(){n.add(Ce({name:"progress",disable:r.isLive,position:"top",index:10})),n.add(Fe({name:"thumbnails",disable:!r.thumbnails.url||r.isLive,position:"top",index:20})),n.add(Ue({name:"loop",disable:!1,position:"top",index:30})),n.add(Ee({name:"playAndPause",disable:!1,position:"left",index:10})),n.add(Le({name:"volume",disable:!1,position:"left",index:20})),n.add(_e({name:"time",disable:r.isLive,position:"left",index:30})),n.add(He({name:"quality",disable:0===r.quality.length,position:"right",index:10})),n.add(Ve({name:"screenshot",disable:!r.screenshot,position:"right",index:20})),n.add(Te({name:"subtitle",disable:!r.subtitle.url,position:"right",index:30})),n.add(qe({name:"setting",disable:!r.setting,position:"right",index:40})),n.add(Pe({name:"pip",disable:!r.pip,position:"right",index:50})),n.add(ke({name:"fullscreenWeb",disable:!r.fullscreenWeb,position:"right",index:60})),n.add(xe({name:"fullscreen",disable:!r.fullscreen,position:"right",index:70})),r.controls.forEach((function(t){n.add(t)}))})),n}return f(e,t),c(e,[{key:"add",value:function(t,n){var r=this,o="function"==typeof t?t(this.art):t;Lt(["top","left","right"].includes(o.position),"Control option.position must one of 'top', 'left', 'right'");var i=this.art.template,a=i.$progress,c=i.$controlsLeft,s=i.$controlsRight;switch(o.position){case"top":this.$parent=a;break;case"left":this.$parent=c;break;case"right":this.$parent=s}be(u(e.prototype),"add",this).call(this,o,(function(t){o.disable||"top"===o.position||t.firstElementChild&&"I"===t.firstElementChild.tagName||Ot(t,"art-control-onlyText"),n&&n(t,r,r.art)}))}}]),e}(ge);function Xe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Je(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e0.50.75').concat(r.get("Normal"),'1.251.52.0'),click:function(t,e){var n=e.target.dataset.rate;n&&(o.playbackRate=Number(n),t.show=!1)},mounted:function(t){e.on("playbackRate",(function(e){var n=xt("span",t).find((function(t){return Number(t.dataset.rate)===e}));n&&Ct(n,"art-current")}))}})}}function Ze(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Qe(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e').concat(r.get("Default"),'4:316:9'),click:function(t,e){var n=e.target.dataset.ratio;n&&(o.aspectRatio=n,t.show=!1)},mounted:function(t){e.on("aspectRatio",(function(e){var n=xt("span",t).find((function(t){return t.dataset.ratio===e}));n&&Ct(n,"art-current")}))}})}}function Ge(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ke(t){return function(e){return function(t){for(var e=1;eArtPlayer 3.5.9'})}function nn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rn(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;el+s&&(y=s-d),r+f>u+i&&(h=i-f),Et(c,{top:"".concat(h,"px"),left:"".concat(y,"px")})})),s(a,"click",(function(t){t.composedPath().includes(c)||(n.show=!1)})),t.on("blur",(function(){n.show=!1}))})),n}return f(e,t),e}(ge),sn=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="info";var r=t.template,o=r.$infoPanel,a=r.$infoClose,c=r.$video;(0,t.events.proxy)(a,"click",(function(){n.show=!1}));var s=null,p=xt("[data-video]",o);return t.on("destroy",(function(){clearTimeout(s)})),t.on("info",(function(t){clearTimeout(s),t&&function t(){p.forEach((function(t){var e=c[t.dataset.video];t.innerText="number"==typeof e?e.toFixed(2):e})),s=setTimeout((function(){t()}),1e3)}()})),n}return f(e,t),e}(ge),ln=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="subtitle";var r=t.option.subtitle;return Et(t.template.$subtitle,r.style),r.url&&n.init(r.url),n}return f(e,t),c(e,[{key:"update",value:function(){var t=this.art.template.$subtitle;t.innerHTML="",this.activeCue&&(t.innerHTML=this.activeCue.text.split(/\r?\n/).map((function(t){return"

".concat(ne(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t,e,n){var r=this,o=this.art,i=o.i18n,a=o.notice;return this.init(t,n).then((function(t){return e&&(a.show="".concat(i.get("Switch subtitle"),": ").concat(e)),r.art.emit("subtitleSwitch",t),t}))}},{key:"init",value:function(t,e){var n=this,r=this.art,o=r.notice,i=r.events.proxy,a=r.template,c=a.$subtitle,s=a.$video;if(!a.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",s.appendChild(l),this.art.template.$track=l,i(this.textTrack,"cuechange",this.update.bind(this))}return fetch(t).then((function(t){return t.text()})).then((function(r){switch(n.art.emit("subtitleLoad",t),e||Ft(t)){case"srt":return qt(Mt(r));case"ass":return qt(It(r));case"vtt":return qt(r);default:return t}})).then((function(t){return c.innerHTML="",n.url===t?t:(URL.revokeObjectURL(n.url),n.art.template.$track.src=t,t)})).catch((function(t){throw o.show=t,t}))}},{key:"url",get:function(){return this.art.template.$track.src}},{key:"textTrack",get:function(){return this.art.template.$video.textTracks[0]}},{key:"activeCue",get:function(){return this.textTrack.activeCues[0]}}]),e}(ge);var un=function(){function t(e){var n=this;i(this,t),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),e.whitelist.state&&e.once("ready",(function(){!function(t,e){var n=t.controls,r=t.template.$player;e.proxy(document,["click","contextmenu"],(function(e){e.composedPath&&e.composedPath().indexOf(r)>-1?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})),t.on("blur",(function(){n.delayHide()}))}(e,n),function(t,e){var n=t.controls,r=t.template.$player;e.hover(r,(function(){Ot(r,"art-hover"),t.emit("hover",!0)}),(function(){kt(r,"art-hover"),t.emit("hover")})),t.on("hover",(function(t){t||n.delayHide()}))}(e,n),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=t.controls;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)})),t.on("mousemove",(function(t){a.cancelDelayHide(),kt(r,"art-hide-cursor"),a.show=!0,i.pip||t.target!==o||a.delayHide()}))}(e,n),function(t,e){var n=t.option,r=t.player,o=Kt((function(){r.normal&&(r.autoSize=n.autoSize),r.aspectRatioReset=!0,t.emit("resize")}),500);e.proxy(window,["orientationchange","resize"],(function(){o()}))}(e,n),function(t,e){if(t.isMobile&&!t.option.isLive){var n=t.player,r=t.notice,o=t.template.$video,i=!1,a=0,c=0;e.proxy(o,"touchstart",(function(t){1===t.touches.length&&(i=!0,a=t.touches[0].clientX)})),e.proxy(document,"touchmove",(function(t){if(1===t.touches.length&&i){var e=te((t.touches[0].clientX-a)/o.clientWidth,-1,1);c=te(n.currentTime+60*e,0,n.duration),r.show="".concat(ee(c)," / ").concat(ee(n.duration))}})),e.proxy(document,"touchend",(function(){i&&c&&(n.seek=c),i=!1,a=0,c=0}))}}(e,n),function(t,e){var n=t.player,r=t.option.autoMini,o=t.template.$container,i=Gt((function(){t.emit("view",Tt(o))}),200);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(t){r&&(n.mini=!t)}))}(e,n)}))}return c(t,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(t);(o=new Image).src=t}return o.complete?n(o):(e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(o)})),t)}))}},{key:"destroy",value:function(){this.destroyEvents.forEach((function(t){return t()}))}}]),t}(),pn=function(){function t(e){var n=this;i(this,t),this.keys={};var r=e.option,o=e.player,a=e.events.proxy;r.hotkey&&e.once("ready",(function(){n.add(27,(function(){o.fullscreenWeb&&(o.fullscreenWeb=!1)})),n.add(32,(function(){o.toggle=!0})),n.add(37,(function(){o.backward=5})),n.add(38,(function(){o.volume+=.1})),n.add(39,(function(){o.forward=5})),n.add(40,(function(){o.volume-=.1})),a(window,"keydown",(function(t){if(e.isFocus){var r=document.activeElement.tagName.toUpperCase(),o=document.activeElement.getAttribute("contenteditable");if("INPUT"!==r&&"TEXTAREA"!==r&&""!==o&&"true"!==o){var i=n.keys[t.keyCode];i&&(t.preventDefault(),i.forEach((function(t){return t()})),e.emit("hotkey",t))}}}))}))}return c(t,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}}]),t}(),fn=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this,t))).name="layer",n.$parent=t.template.$layer,t.once("ready",(function(){t.option.layers.forEach((function(t){n.add(t)}))})),n}return f(e,t),e}(ge),dn=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this,t))).name="loading",Pt(t.template.$loading,t.icons.loading),n}return f(e,t),e}(ge),yn=function(){function t(e){i(this,t),this.art=e,this.time=2e3,this.timer=null}return c(t,[{key:"show",set:function(t){var e=this.art.template,n=e.$player,r=e.$noticeInner;r.innerText=t instanceof Error?t.message.trim():t,Ot(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout((function(){r.innerText="",kt(n,"art-notice-show")}),this.time)}}]),t}(),hn=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this,t))).name="mask",Pt(t.template.$state,t.icons.state),n}return f(e,t),e}(ge);function mn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var vn=function t(e){var r=this;i(this,t);var o=function(t){for(var e=1;e',state:'',play:'',pause:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:''},e.option.icons);Object.keys(o).forEach((function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),Pt(e,o[t]),r[t]=e}))};function bn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gn(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e'.concat(r.get("Flip"),'
"),click:function(t,e){var n=e.target.dataset.value;n&&(o.flip=n)},mounted:function(t){e.on("flip",(function(e){var n=xt("button",t).find((function(t){return t.dataset.value===e}));n&&Ct(n.parentElement,"current")}))}})}}function wn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xn(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e'.concat(r.get("Aspect ratio"),'
'),click:function(t,e){var n=e.target.dataset.value;n&&(o.aspectRatio=n)},mounted:function(t){e.on("aspectRatio",(function(e){var n=xt("button",t).find((function(t){return t.dataset.value===e}));n&&Ct(n.parentElement,"current")}))}})}}function On(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kn(t){return function(e){var r=e.i18n,o=e.player,i=e.events.proxy;return function(t){for(var e=1;e'.concat(r.get("Play speed"),': 1.0x
'),mounted:function(t){var n=wt(".art-setting-range input",t),r=wt(".art-subtitle-value",t);i(n,"change",(function(){var t=n.value;r.innerText=t,o.playbackRate=Number(t)})),e.on("playbackRate",(function(t){t&&n.value!==t&&(n.value=t,r.innerText=t)}))}})}}var jn=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="setting";var r=t.option,o=t.template,a=o.$setting,c=o.$settingBody,s=t.events.proxy;return n.$parent=c,r.setting&&(t.once("ready",(function(){s(a,"click",(function(t){t.target===a&&(n.show=!1)})),n.add(gn({disable:!r.flip,name:"flip"})),n.add(xn({disable:!r.aspectRatio,name:"aspectRatio"})),n.add(kn({disable:!r.playbackRate,name:"playbackRate"}))})),t.on("blur",(function(){n.show=!1}))),n}return f(e,t),e}(ge),Pn=function(){function t(){i(this,t),this.name="artplayer_settings"}return c(t,[{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.name))||{};return t?e[t]:e}},{key:"set",value:function(t,e){var r=Object.assign({},this.get(),n({},t,e));localStorage.setItem(this.name,JSON.stringify(r))}},{key:"del",value:function(t){var e=this.get();delete e[t],localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){localStorage.removeItem(this.name)}}]),t}();function Sn(t){var e=t.i18n,n=t.subtitle,r=t.events.proxy;return{title:"Subtitle",name:"subtitleOffset",index:20,html:'
'.concat(e.get("Subtitle offset time"),': 0s
'),mounted:function(e){var o=wt(".art-setting-range input",e),i=wt(".art-subtitle-value",e);r(o,"change",(function(){var e=o.value;i.innerText=e,t.plugins.subtitleOffset.offset(Number(e))})),t.on("subtitle:switch",(function(){o.value=0,i.innerText=0})),t.on("subtitleOffset",(function(t){n.update(),o.value!==t&&(o.value=t,i.innerText=t)}))}}}function En(t){var e=t.constructor.utils.clamp,n=t.setting,r=t.notice,o=t.template,i=t.i18n,a=t.player;n.add(Sn);var c=[];return t.on("subtitle:switch",(function(){c=[]})),{name:"subtitleOffset",offset:function(n){if(o.$track&&o.$track.track){var s=Array.from(o.$track.track.cues),l=e(n,-5,5);s.forEach((function(t,n){c[n]||(c[n]={startTime:t.startTime,endTime:t.endTime}),t.startTime=e(c[n].startTime+l,0,a.duration),t.endTime=e(c[n].endTime+l,0,a.duration)})),r.show="".concat(i.get("Subtitle offset time"),": ").concat(n,"s"),t.emit("subtitleOffset",n)}else r.show="".concat(i.get("No subtitles found")),t.emit("subtitleOffset",0)}}}function Rn(t){var e=t.events.proxy,n=t.template,r=t.player,o=t.option,i=t.setting,a=t.i18n;function c(e){if(e){var i=n.$video.canPlayType(e.type);if("maybe"===i||"probably"===i){var a=URL.createObjectURL(e);o.title=e.name,r.switchUrl(a,e.name),t.emit("localVideo",e)}else Lt(!1,"Playback of this file format is not supported")}}function s(t){var n=Pt(t,'');St(t,"position","relative"),Et(n,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(n,"change",(function(){c(n.files[0])}))}return e(n.$player,"dragover",(function(t){t.preventDefault()})),e(n.$player,"drop",(function(t){t.preventDefault(),c(t.dataTransfer.files[0])})),t.once("ready",(function(){i.add({title:"Local Video",name:"localVideo",index:30,html:'
'.concat(a.get("Local Video"),'
').concat(a.get("Open"),'
'),mounted:function(e){var n=wt(".art-upload-btn",e),r=wt(".art-upload-value",e);t.on("localVideo",(function(t){r.textContent=t.name,r.title=t.name})),s(n)}})})),{name:"localVideo",attach:s}}function $n(t){var e=t.events.proxy,n=t.subtitle,r=t.setting,o=t.i18n;function i(r){var o=Pt(r,'');St(r,"position","relative"),Et(o,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(o,"change",(function(){!function(e){if(e){var r=Ft(e.name);if(["ass","vtt","srt"].includes(r)){var o=URL.createObjectURL(e);n.switch(o,e.name,r),t.emit("localSubtitle",e)}else Lt(!1,"Only supports subtitle files in .ass, .vtt and .srt format")}}(o.files[0])}))}return t.once("ready",(function(){r.add({title:"Local Subtitle",name:"localSubtitle",index:40,html:'
'.concat(o.get("Local Subtitle"),'
').concat(o.get("Open"),'
'),mounted:function(e){var n=wt(".art-upload-btn",e),r=wt(".art-upload-value",e);t.on("localSubtitle",(function(t){r.textContent=t.name,r.title=t.name})),i(n)}})})),{name:"localSubtitle",attach:i}}function Cn(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"2px",background:r},mounted:function(e){t.on("control",(function(t){e.style.display=t?"none":"block"})),t.on("destroy",(function(){e.style.display="none"})),t.on("video:timeupdate",(function(){e.style.width="".concat(100*n.played,"%")}))}}),{name:"miniProgressBar"}}function Dn(t){var e=1e4,n=0,r=0,o=0,i=null;function a(){n=0,r=0,o=0,cancelAnimationFrame(i),i=null}function c(){i||function a(){t.isDestroy||(i=requestAnimationFrame((function(){var i=Date.now();if(o){var c=i-o;r+=c,t.player.playing||(n+=c)}o=i,t.emit("networkMonitor",n/r),r>=e&&(n=0,r=0),a()})))}()}return t.on("play",c),t.on("pause",a),{name:"networkMonitor",reset:a,start:c,sample:function(t){e=t}}}var Tn=function(){function t(e){var n=this;i(this,t),this.art=e,this.id=0;var r=e.option;r.subtitle.url&&r.subtitleOffset&&this.add(En),!r.isLive&&r.miniProgressBar&&this.add(Cn),r.localVideo&&this.add(Rn),r.localSubtitle&&this.add($n),r.networkMonitor&&this.add(Dn),e.option.plugins.forEach((function(t){n.add(t)}))}return c(t,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art),n=e&&e.name||t.name||"plugin".concat(this.id);return Lt(!Xt(this,n),"Cannot add a plugin that already has the same name: ".concat(n)),Ut(this,n,{value:e}),this}}]),t}(),An=function t(e){i(this,t);var n=e.option,r=e.events.proxy,o=e.template.$video;se.events.forEach((function(t){r(o,t,(function(t){e.emit("video:".concat(t.type),t)}))})),Object.keys(n.moreVideoAttr).forEach((function(t){o[t]=n.moreVideoAttr[t]})),n.muted&&(o.muted=n.muted),n.volume&&(o.volume=te(n.volume,0,1)),n.poster&&(o.poster=n.poster),n.autoplay&&(o.autoplay=n.autoplay),o.controls=!0;var a=n.type||Ft(n.url),c=n.customType[a];a&&c?(c(o,n.url,e),e.emit("customType",a)):(o.src=n.url,e.emit("url",o.src))},_n=0,zn=[],Ln=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this))).option=yt(Zt(e.option,t),ce),n.isFocus=!1,n.isDestroy=!1,n.userAgent=mt,n.isMobile=vt,n.isWechat=gt,n.whitelist=new le(s(n)),n.template=new ue(s(n)),n.events=new un(s(n)),n.whitelist.state?(n.storage=new Pn(s(n)),n.icons=new vn(s(n)),n.i18n=new de(s(n)),n.notice=new yn(s(n)),n.player=new me(s(n)),n.layers=new fn(s(n)),n.controls=new Ye(s(n)),n.contextmenu=new cn(s(n)),n.subtitle=new ln(s(n)),n.info=new sn(s(n)),n.loading=new dn(s(n)),n.hotkey=new pn(s(n)),n.mask=new hn(s(n)),n.setting=new jn(s(n)),n.plugins=new Tn(s(n))):n.mobile=new An(s(n)),_n+=1,n.id=_n,zn.push(s(n)),n}return f(e,t),c(e,[{key:"destroy",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),zn.splice(zn.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return zn}},{key:"version",get:function(){return"3.5.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return se}},{key:"utils",get:function(){return re}},{key:"scheme",get:function(){return ce}},{key:"Emitter",get:function(){return ht}},{key:"validator",get:function(){return yt}},{key:"kindOf",get:function(){return yt.kindOf}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMin:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,light:!1,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,localVideo:!1,localSubtitle:!1,networkMonitor:!1,layers:[],contextmenu:[],controls:[],quality:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:bt?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),e}(ht);function Mn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function qn(t){for(var e=1;e=0||(o[n]=t[n]);return o};var e=function(e,n){if(null==e)return{};var r,o,i=t(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i};var n=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function r(t,e){return t(e={exports:{}},e.exports),e.exports}var o=r((function(t){function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e}));var i=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function a(t,e){for(var n=0;nB.length&&B.push(t)}function X(t,e,n){return null==t?0:function t(e,n,r,o){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var a=!1;if(null===e)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case g:case w:a=!0}}if(a)return r(o,e,""===n?"."+J(e,0):n),1;if(a=0,n=""===n?".":n+":",Array.isArray(e))for(var c=0;c1?e-1:0),r=1;r2?n-2:0),o=2;o2?n-2:0),o=2;o8)throw new Error("warningWithoutStack() currently supports at most 8 arguments.");if(!t){if("undefined"!=typeof console){var i=r.map((function(t){return""+t}));i.unshift("Warning: "+e),Function.prototype.apply.call(console.error,console,i)}try{var a=0,c="Warning: "+e.replace(/%s/g,(function(){return r[a++]}));throw new Error(c)}catch(t){}}},S={};function E(t,e){var n=t.constructor,r=n&&(n.displayName||n.name)||"ReactClass",o=r+"."+e;S[o]||(P(!1,"Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",e,r),S[o]=!0)}var R={isMounted:function(t){return!1},enqueueForceUpdate:function(t,e,n){E(t,"forceUpdate")},enqueueReplaceState:function(t,e,n,r){E(t,"replaceState")},enqueueSetState:function(t,e,n,r){E(t,"setState")}},$={};function C(t,e,n){this.props=t,this.context=e,this.refs=$,this.updater=n||R}Object.freeze($),C.prototype.isReactComponent={},C.prototype.setState=function(t,e){if("object"!=typeof t&&"function"!=typeof t&&null!=t)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,t,e,"setState")},C.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};var D={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]},T=function(t,e){Object.defineProperty(C.prototype,t,{get:function(){j(!1,"%s(...) is deprecated in plain JavaScript React classes. %s",e[0],e[1])}})};for(var A in D)D.hasOwnProperty(A)&&T(A,D[A]);function z(){}function _(t,e,n){this.props=t,this.context=e,this.refs=$,this.updater=n||R}z.prototype=C.prototype;var L=_.prototype=new z;L.constructor=_,e(L,C.prototype),L.isPureReactComponent=!0;var M={current:null},q={current:null},I=/^(.*)[\\\/]/;function F(t){if(null==t)return null;if("number"==typeof t.tag&&P(!1,"Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),"function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t;switch(t){case a:return"Fragment";case i:return"Portal";case s:return"Profiler";case c:return"StrictMode";case d:return"Suspense";case h:return"SuspenseList"}if("object"==typeof t)switch(t.$$typeof){case u:return"Context.Consumer";case l:return"Context.Provider";case f:return r=t,o=t.render,p="ForwardRef",b=o.displayName||o.name||"",r.displayName||(""!==b?p+"("+b+")":p);case y:return F(t.type);case m:var e=1===(n=t)._status?n._result:null;if(e)return F(e)}var n,r,o,p,b;return null}var N={},W=null;function V(t){W=t}N.getCurrentStack=null,N.getStackAddendum=function(){var t="";if(W){var e=F(W.type),n=W._owner;t+=function(t,e,n){var r="";if(e){var o=e.fileName,i=o.replace(I,"");if(/^index\./.test(i)){var a=o.match(I);if(a){var c=a[1];if(c)i=c.replace(I,"")+"/"+i}}r=" (at "+i+":"+e.lineNumber+")"}else n&&(r=" (created by "+n+")");return"\n in "+(t||"Unknown")+r}(e,W._source,n&&F(n.type))}var r=N.getCurrentStack;return r&&(t+=r()||""),t};var H={ReactCurrentDispatcher:M,ReactCurrentBatchConfig:{suspense:null},ReactCurrentOwner:q,IsSomeRendererActing:{current:!1},assign:e};e(H,{ReactDebugCurrentFrame:N,ReactComponentTreeHook:{}});var B,U,Y=function(t,e){if(!t){for(var n=H.ReactDebugCurrentFrame,r=n.getStackAddendum(),o=arguments.length,i=new Array(o>2?o-2:0),a=2;a1){for(var u=Array(l),p=0;p1){for(var d=Array(f),h=0;h.")}return e}(e);if(!xt[n]){xt[n]=!0;var r="";t&&t._owner&&t._owner!==q.current&&(r=" It was passed a child from "+F(t._owner.type)+"."),V(t),Y(!1,'Each child in a list should have a unique "key" prop.%s%s See https://fb.me/react-warning-keys for more information.',n,r),V(null)}}}function kt(t,e){if("object"==typeof t)if(Array.isArray(t))for(var n=0;n",i=" Did you accidentally export a JSX literal instead of a component?"):c=typeof t,Y(!1,"React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",c,i)}var l=et.apply(this,arguments);if(null==l)return l;if(r)for(var u=2;u is not supported and will be removed in a future major release. Did you mean to render instead?")),n.Provider},set:function(t){n.Provider=t}},_currentValue:{get:function(){return n._currentValue},set:function(t){n._currentValue=t}},_currentValue2:{get:function(){return n._currentValue2},set:function(t){n._currentValue2=t}},_threadCount:{get:function(){return n._threadCount},set:function(t){n._threadCount=t}},Consumer:{get:function(){return r||(r=!0,Y(!1,"Rendering is not supported and will be removed in a future major release. Did you mean to render instead?")),n.Consumer}}}),n.Consumer=i,n._currentRenderer=null,n._currentRenderer2=null,n},forwardRef:function(t){return null!=t&&t.$$typeof===y?P(!1,"forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):"function"!=typeof t?P(!1,"forwardRef requires a render function but was given %s.",null===t?"null":typeof t):0!==t.length&&2!==t.length&&P(!1,"forwardRef render functions accept exactly two parameters: props and ref. %s",1===t.length?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),null!=t&&(null!=t.defaultProps||null!=t.propTypes)&&P(!1,"forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"),{$$typeof:f,render:t}},lazy:function(t){var e,n,r={$$typeof:m,_ctor:t,_status:-1,_result:null};return Object.defineProperties(r,{defaultProps:{configurable:!0,get:function(){return e},set:function(t){Y(!1,"React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),e=t,Object.defineProperty(r,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return n},set:function(t){Y(!1,"React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),n=t,Object.defineProperty(r,"propTypes",{enumerable:!0})}}}),r},memo:function(t,e){return bt(t)||P(!1,"memo: The first argument must be a component. Instead received: %s",null===t?"null":typeof t),{$$typeof:y,type:t,compare:void 0===e?null:e}},useCallback:function(t,e){return vt().useCallback(t,e)},useContext:function(t,e){var n=vt();if(void 0!==e&&Y(!1,"useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",e,"number"==typeof e&&Array.isArray(arguments[2])?"\n\nDid you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://fb.me/rules-of-hooks":""),void 0!==t._context){var r=t._context;r.Consumer===t?Y(!1,"Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):r.Provider===t&&Y(!1,"Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return n.useContext(t,e)},useEffect:function(t,e){return vt().useEffect(t,e)},useImperativeHandle:function(t,e,n){return vt().useImperativeHandle(t,e,n)},useDebugValue:function(t,e){return vt().useDebugValue(t,e)},useLayoutEffect:function(t,e){return vt().useLayoutEffect(t,e)},useMemo:function(t,e){return vt().useMemo(t,e)},useReducer:function(t,e,n){return vt().useReducer(t,e,n)},useRef:function(t){return vt().useRef(t)},useState:function(t){return vt().useState(t)},Fragment:a,Profiler:s,StrictMode:c,Suspense:d,createElement:St,cloneElement:function(t,e,n){for(var r=nt.apply(this,arguments),o=2;oobject{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}.art-video-player .art-subtitle{display:none;position:absolute;z-index:20;bottom:10px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.art-video-player .art-subtitle p{word-break:break-all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:40px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-mask,.art-video-player .art-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.art-video-player .art-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.art-video-player.art-mask-show .art-mask,.art-video-player .art-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.art-video-player.art-loading-show .art-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:55px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.art-video-player .art-bottom .art-progress{position:relative;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4px;cursor:pointer}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{position:relative;height:50%;width:100%;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:100%;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:100%;background:#fff;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner{height:100%}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-indicator,.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-tip{display:block}.art-video-player .art-bottom .art-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.art-video-player .art-bottom .art-progress .art-control-loop{display:none;position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point{position:absolute;left:0;top:-2px;width:2px;height:8px;background:hsla(0,0%,100%,.75)}.art-video-player .art-bottom .art-controls{position:relative;pointer-events:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:5px 0}.art-video-player .art-bottom .art-controls,.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.art-video-player .art-bottom .art-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{position:relative;z-index:30}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-destroy .art-progress-tip,.art-video-player.art-error .art-progress-indicator,.art-video-player.art-error .art-progress-tip{display:none!important}.art-video-player .art-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.art-video-player .art-notice .art-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.art-video-player.art-notice-show .art-notice{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-contextmenus{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.9);border-radius:3px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;font-size:12px;display:block;color:#fff;padding:10px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{display:inline-block;padding:0 7px}.art-video-player .art-contextmenus .art-contextmenu span.art-current,.art-video-player .art-contextmenus .art-contextmenu span:hover{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:none}.art-video-player.art-contextmenu-show .art-contextmenus,.art-video-player .art-settings{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.art-video-player .art-settings .art-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.9);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.art-video-player .art-settings .art-setting-inner .art-setting-body{overflow-y:auto;width:100%;height:100%}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting .art-setting-header{margin-bottom:5px}.art-video-player .art-settings .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.art-video-player .art-settings .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.art-video-player .art-settings .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.art-video-player .art-settings .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.art-video-player .art-settings .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.art-video-player .art-settings .art-setting-upload{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-upload .art-upload-btn{width:80px;height:22px;line-height:22px;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px;text-align:center}.art-video-player .art-settings .art-setting-upload .art-upload-value{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;padding-left:10px}.art-video-player.art-setting-show .art-settings{opacity:1;visibility:visible;pointer-events:auto}.art-video-player.art-setting-show .art-settings .art-setting-inner{right:0}.art-video-player .art-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.9)}.art-video-player .art-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.art-video-player .art-info .art-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.art-video-player.art-info-show .art-info{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player.art-hide-cursor *{cursor:none!important}.art-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.art-video-player.art-fullscreen-web{position:fixed;z-index:9999;width:100%!important;height:100%!important;left:0;top:0;right:0;bottom:0}.art-fullscreen-rotate{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:#000}.art-video-player .art-mini-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.art-video-player .art-mini-header .art-mini-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.art-video-player .art-mini-header .art-mini-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-mini{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.art-video-player.art-mini .art-mini-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.art-video-player.art-mini.art-hover .art-mini-header{opacity:1;visibility:visible}.art-video-player.art-mini .art-mask .art-state{position:static}.art-video-player.art-mini .art-bottom,.art-video-player.art-mini .art-contextmenu,.art-video-player.art-mini .art-danmu,.art-video-player.art-mini .art-info,.art-video-player.art-mini .art-layers,.art-video-player.art-mini .art-notice,.art-video-player.art-mini .art-setting,.art-video-player.art-mini .art-subtitle{display:none!important}.art-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.art-video-player[data-flip=horizontal] .art-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.art-video-player .art-control-switcher{position:relative}.art-video-player .art-control-switcher .art-switcher-list{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-control-switcher .art-switcher-list .art-switcher-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-control-switcher .art-switcher-list .art-switcher-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-control-switcher:hover .art-switcher-list{display:block}:root{--balloon-color:rgba(16,16,16,0.95);--balloon-font-size:12px;--balloon-move:4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:#fff;content:attr(aria-label);padding:.5em 1em;white-space:nowrap;line-height:1.2}[aria-label][data-balloon-pos]:after,[aria-label][data-balloon-pos]:before{opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--balloon-color);content:""}[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before{opacity:1;pointer-events:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,var(--balloon-move));transform:translate(-50%,var(--balloon-move));-webkit-transform-origin:top;transform-origin:top}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before{-webkit-transform:translate(-50%);transform:translate(-50%)}');var ft=r((function(t,e){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var o=t(n);if("boolean"===o)return"boolean";if("string"===o)return"string";if("number"===o)return"number";if("symbol"===o)return"symbol";if("function"===o)return function(t){return"GeneratorFunction"===r(t)}(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(o=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return o.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function o(t,e){var r=21?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelector(t)}function gt(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function wt(t,e){return t.classList.add(e)}function xt(t,e){return t.classList.remove(e)}function Ot(t,e){return t.classList.contains(e)}function kt(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function jt(t,e,n){return t.style[e]=n,t}function Pt(t,e){return Object.keys(e).forEach((function(n){jt(t,n,e[n])})),t}function St(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function Et(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function Rt(t,e){Et(t).forEach((function(t){return xt(t,e)})),wt(t,e)}function $t(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";yt||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function Ct(t){var e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth,o=e.top<=n&&e.top+e.height>=0,i=e.left<=r&&e.left+e.width>=0;return o&&i}var Dt=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},Tt=r((function(t){function e(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}function n(r,o,i){return e()?t.exports=n=Reflect.construct:t.exports=n=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&p(o,n.prototype),o},n.apply(null,arguments)}t.exports=n})),At=function(t){function e(t,n){var r;return i(this,e),r=l(this,u(e).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(s(r),n||r.constructor),r.name="ArtPlayerError",r}return f(e,t),e}(r((function(t){function e(n){var r="function"==typeof Map?new Map:void 0;return t.exports=e=function(t){if(null===t||!Dt(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return Tt(t,arguments,u(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),p(e,t)},e(n)}t.exports=e}))(Error));function zt(t,e){if(!t)throw new At(e);return t}function _t(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function Lt(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function Mt(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t.split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function qt(t){return t.includes("?")?qt(t.split("?")[0]):t.includes("#")?qt(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function It(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var Ft=function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1?e-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function Zt(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function te(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var ee=Object.freeze({__proto__:null,query:vt,queryAll:gt,addClass:wt,removeClass:xt,hasClass:Ot,append:kt,remove:function(t){return t.parentNode.removeChild(t)},setStyle:jt,setStyles:Pt,getStyle:St,sublings:Et,inverseClass:Rt,tooltip:$t,isInViewport:Ct,ArtPlayerError:At,errorHandle:zt,srtToVtt:_t,vttToBlob:Lt,assToVtt:Mt,getExt:qt,download:It,def:Ht,has:Ut,proxyPropertys:Yt,mergeDeep:Xt,sleep:Jt,debounce:Zt,throttle:Qt,clamp:Gt,secondToTime:Kt,escape:te,userAgent:ht,isMobile:yt,isSafari:mt,isWechat:bt});function ne(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function re(t,e,n){return zt("string"===e||t instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}var oe={html:re,disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"},ie={container:re,url:"string",poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",autoMin:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",light:"boolean",backdrop:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",subtitleOffset:"boolean",miniProgressBar:"boolean",localVideo:"boolean",localSubtitle:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[oe],contextmenu:[oe],controls:[function(t){for(var e=1;e-1;case"function":return t(e.userAgent);case"regexp":return t.test(e.userAgent);default:return!1}}))},se=function(){function t(e){var n=this;i(this,t),this.art=e,e.option.container instanceof Element?this.$container=e.option.container:(this.$container=vt(e.option.container),zt(this.$container,"No container element found by ".concat(e.option.container))),zt(e.constructor.instances.every((function(t){return t.template.$container!==n.$container})),"Cannot mount multiple instances on the same dom element"),zt(this.$container.clientWidth&&this.$container.clientHeight,"The width and height of the container cannot be 0"),e.whitelist.state?this.desktop():this.mobile()}return c(t,[{key:"query",value:function(t){return vt(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option,e=t.theme,n=t.backdrop;this.$container.innerHTML='
Player version:
3.5.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'),this.$undercover=this.query(".art-undercover"),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$settingInner=this.query(".art-setting-inner"),this.$settingBody=this.query(".art-setting-body"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),n&&(wt(this.$settingInner,"art-backdrop-filter"),wt(this.$info,"art-backdrop-filter"),wt(this.$contextmenu,"art-backdrop-filter")),this.art.isMobile&&wt(this.$container,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":wt(this.$player,"art-destroy")}}]),t}(),le={"Video info":"视频统计信息",Close:"关闭","Light Off":"关灯","Light On":"开灯","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","PIP mode":"画中画模式","Exit PIP mode":"退出画中画模式","PIP not supported":"不支持画中画模式","Local Subtitle":"本地字幕","Local Video":"本地视频","Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},ue={"Video info":"影片統計訊息",Close:"關閉","Light Off":"關燈","Light On":"開燈","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕","Show setting":"顯示设置","Hide setting":"隱藏设置",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","PIP mode":"畫中畫模式","Exit PIP mode":"退出畫中畫模式","PIP not supported":"不支持畫中畫模式","Local Subtitle":"本地字幕","Local Video":"本地視頻","Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"},pe=function(){function t(e){i(this,t),this.art=e,this.languages={"zh-cn":le,"zh-tw":ue},this.init()}return c(t,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=Xt(this.languages,t),this.init()}}]),t}();var fe=r((function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};rh){var y=h*u/l;jt(r,"width","".concat(100*y,"%")),jt(r,"height","100%"),jt(r,"padding","0 ".concat((p-p*y)/2,"px"))}else{var m=l/h/u;jt(r,"width","100%"),jt(r,"height","".concat(100*m,"%")),jt(r,"padding","".concat((f-f*m)/2,"px 0"))}}o.dataset.aspectRatio=n,a.show="".concat(i.get("Aspect ratio"),": ").concat("default"===n?i.get("Default"):n),t.emit("aspectRatio",n)}else e.aspectRatio&&(jt(r,"width",null),jt(r,"height",null),jt(r,"padding",null),delete o.dataset.aspectRatio,t.emit("aspectRatio"))}}),Ht(e,"aspectRatioReset",{set:function(t){if(t&&e.aspectRatio){var n=e.aspectRatio;e.aspectRatio=n}}})}(e,this),function(t,e){var n=t.option,r=t.notice,o=t.template.$video,i=document.createElement("canvas");Ht(e,"getDataURL",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),t(i.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),Ht(e,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),i.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),Ht(e,"screenshot",{value:function(){e.getDataURL().then((function(e){It(e,"".concat(n.title||"artplayer","_").concat(Kt(o.currentTime),".png")),t.emit("screenshot",e)}))}})}(e,this),function(t,e){var n=t.template.$player;Ht(e,"fullscreen",{get:function(){return fe.isFullscreen},set:function(r){r?fe.request(n).then((function(){wt(n,"art-fullscreen"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreen",!0)})):fe.exit().then((function(){xt(n,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreen")}))}}),Ht(e,"fullscreenToggle",{set:function(t){t&&(e.fullscreen=!e.fullscreen)}})}(e,this),function(t,e){var n=t.template.$player;Ht(e,"fullscreenWeb",{get:function(){return Ot(n,"art-fullscreen-web")},set:function(r){r?(wt(n,"art-fullscreen-web"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreenWeb",!0)):(xt(n,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"))}}),Ht(e,"fullscreenWebToggle",{set:function(t){t&&(e.fullscreenWeb=!e.fullscreenWeb)}})}(e,this),function(t,e){var n=t.template,r=n.$container,o=n.$player;Ht(e,"fullscreenRotate",{get:function(){return Ot(r,"art-fullscreen-rotate")},set:function(n){if(n){wt(r,"art-fullscreen-rotate"),e.autoSize=!0;var i=document.body,a=i.clientHeight,c=i.clientWidth,s=o.clientHeight,l=o.clientWidth;if(c/a0&&!n.paused&&!n.ended&&n.readyState>2)}})}(e,this),function(t,e){var n=t.template,r=n.$container,o=n.$player,i=n.$video;Ht(e,"autoSize",{get:function(){return Ot(r,"art-auto-size")},set:function(n){if(n){var a=i.videoWidth,c=i.videoHeight,s=r.getBoundingClientRect(),l=s.width,u=s.height,p=a/c,f=l/u;if(wt(r,"art-auto-size"),f>p){jt(o,"width","".concat(u*p/l*100,"%")),jt(o,"height","100%")}else{var d=l/p/u*100;jt(o,"width","100%"),jt(o,"height","".concat(d,"%"))}t.emit("autoSize",{width:e.width,height:e.height})}else xt(r,"art-auto-size"),jt(o,"width",null),jt(o,"height",null),t.emit("autoSize")}})}(e,this),function(t,e){Ht(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach((function(t){Ht(e,t,{get:function(){return e.rect[t]}})})),Ht(e,"x",{get:function(){return e.left+window.pageXOffset}}),Ht(e,"y",{get:function(){return e.top+window.pageYOffset}})}(e,this),function(t,e){var n=t.template.$player;Ht(e,"flip",{get:function(){return n.dataset.flip},set:function(e){if(e){var r=["normal","horizontal","vertical"];zt(r.includes(e),"'flip' only accept ".concat(r.toString()," as parameters")),n.dataset.flip=e,t.emit("flip",e)}else delete n.dataset.flip,t.emit("flip")}})}(e,this),function(t,e){var n=t.template.$undercover;Ht(e,"light",{get:function(){return"none"!==St(n,"display",!1)},set:function(e){jt(n,"display",e?"block":"none"),t.emit("light",e)}})}(e,this),function(t,e){var n=t.i18n,r=t.option,o=t.storage,i=t.events.proxy,a=t.template,c=a.$player,s=a.$miniClose,l=a.$miniTitle,u=a.$miniHeader,p="",f=!1,d=0,h=0,y=0,m=0;i(u,"mousedown",(function(t){f=!0,d=t.pageX,h=t.pageY,y=e.left,m=e.top})),i(document,"mousemove",(function(t){if(f){wt(c,"art-is-dragging");var e=m+t.pageY-h,n=y+t.pageX-d;jt(c,"top","".concat(e,"px")),jt(c,"left","".concat(n,"px")),o.set("top",e),o.set("left",n)}})),i(document,"mouseup",(function(){f=!1,xt(c,"art-is-dragging")})),i(s,"click",(function(){e.mini=!1,f=!1,xt(c,"art-is-dragging")})),kt(l,r.title||n.get("Mini player")),Ht(e,"mini",{get:function(){return Ot(c,"art-mini")},set:function(n){if(n){e.autoSize=!1,p=c.style.cssText,wt(c,"art-mini");var i=o.get("top"),a=o.get("left");if(i&&a)jt(c,"top","".concat(i,"px")),jt(c,"left","".concat(a,"px")),Ct(u)||(o.del("top"),o.del("left"),e.mini=!0);else{var s=document.body,l=s.clientHeight-e.height-50,f=s.clientWidth-e.width-50;o.set("top",l),o.set("left",f),jt(c,"top","".concat(l,"px")),jt(c,"left","".concat(f,"px"))}e.aspectRatio=!1,e.playbackRate=!1,t.emit("mini",!0)}else c.style.cssText=p,xt(c,"art-mini"),jt(c,"top",null),jt(c,"left",null),e.aspectRatio=!1,e.playbackRate=!1,e.autoSize=r.autoSize,t.emit("mini")}}),Ht(e,"miniToggle",{set:function(t){t&&(e.mini=!e.mini)}})}(e,this),function(t,e){var n=[];Ht(e,"loop",{get:function(){return n},set:function(r){if(Array.isArray(r)&&"number"==typeof r[0]&&"number"==typeof r[1]){var o=Gt(r[0],0,Math.min(r[1],e.duration)),i=Gt(r[1],o,e.duration);i-o>=1?(n=[o,i],t.emit("loop",n)):(n=[],t.emit("loop"))}else n=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){n.length&&(e.currentTimen[1])&&(e.seek=n[0])}))}(e,this),Yt(e,this)};var ye=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=u(t)););return t},me=r((function(t){function e(n,r,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=e=Reflect.get:t.exports=e=function(t,e,n){var r=ye(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}},e(n,r,o||n)}t.exports=e})),be=function(){function t(e){i(this,t),this.id=0,this.art=e,this.add=this.add.bind(this)}return c(t,[{key:"add",value:function(t,e){var n=this,r="function"==typeof t?t(this.art):t;if(this.$parent&&this.name&&!r.disable){this.id+=1;var o=r.name||"".concat(this.name).concat(this.id);zt(!Ut(this,o),"Cannot add an existing name [".concat(o,"] to the [").concat(this.name,"]"));var i=document.createElement("div");i.classList.value="art-".concat(this.name," art-").concat(this.name,"-").concat(o),r.html&&kt(i,r.html),r.style&&Pt(i,r.style),r.tooltip&&$t(i,r.tooltip);var a=Array.from(this.$parent.children);i.dataset.index=r.index||this.id;var c=a.find((function(t){return Number(t.dataset.index)>=Number(i.dataset.index)}));c?c.insertAdjacentElement("beforebegin",i):kt(this.$parent,i),r.click&&this.art.events.proxy(i,"click",(function(t){t.preventDefault(),r.click.call(n.art,n,t)})),r.mounted&&r.mounted(i,this,this.art),e&&e(i,this,this.art),Ht(this,o,{get:function(){return r}})}}},{key:"show",get:function(){return Ot(this.art.template.$player,"art-".concat(this.name,"-show"))},set:function(t){var e=this.art.template.$player,n="art-".concat(this.name,"-show");t?wt(e,n):xt(e,n),this.art.emit(this.name,t)}},{key:"toggle",set:function(t){t&&(this.show=!this.show)}}]),t}();function ve(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ge(t){return function(e){return function(t){for(var e=1;e
'),mounted:function(t){var n=!1,r=vt(".art-progress-loaded",t),i=vt(".art-progress-played",t),s=vt(".art-progress-highlight",t),l=vt(".art-progress-indicator",t),u=vt(".art-progress-tip",t);function p(t,e){"loaded"===t&&jt(r,"width","".concat(100*e,"%")),"played"===t&&(jt(i,"width","".concat(100*e,"%")),jt(l,"left","calc(".concat(100*e,"% - ").concat(St(l,"width")/2,"px)")))}o.forEach((function(t){var e=Gt(t.time,0,c.duration)/c.duration*100;kt(s,''))})),p("loaded",c.loaded),e.on("video:progress",(function(){p("loaded",c.loaded)})),e.on("video:timeupdate",(function(){p("played",c.played)})),e.on("video:ended",(function(){p("played",1)})),a(t,"mousemove",(function(n){jt(u,"display","block"),n.composedPath().indexOf(s)>-1?function(n){var r=Ee(e,n).width,o=n.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?jt(u,"left",0):r>t.clientWidth-i/2?jt(u,"left","".concat(t.clientWidth-i,"px")):jt(u,"left","".concat(r-i/2,"px"))}(n):function(n){var r=Ee(e,n),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?jt(u,"left",0):o>t.clientWidth-a/2?jt(u,"left","".concat(t.clientWidth-a,"px")):jt(u,"left","".concat(o-a/2,"px"))}(n)})),a(t,"mouseout",(function(){jt(u,"display","none")})),a(t,"click",(function(t){if(t.target!==l){var n=Ee(e,t),r=n.second;p("played",n.percentage),c.seek=r}})),a(l,"mousedown",(function(){n=!0})),a(document,"mousemove",(function(t){if(n){var r=Ee(e,t),o=r.second,i=r.percentage;wt(l,"art-show-indicator"),p("played",i),c.seek=o}})),a(document,"mouseup",(function(){n&&(n=!1,xt(l,"art-show-indicator"))}))}})}}function $e(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ce(t){return function(e){return function(t){for(var e=1;e'),u=kt(l,'
');function p(t){var e=l.getBoundingClientRect().left;return Gt(t.pageX-e-6,0,54)/48}function f(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)jt(c,"display","none"),jt(s,"display","flex"),jt(u,"left","0");else{var e=48*t;jt(c,"display","flex"),jt(s,"display","none"),jt(u,"left","".concat(e,"px"))}}$t(c,i.get("Mute")),jt(s,"display","none"),e.isMobile&&jt(l,"display","none"),f(o.volume),e.on("video:volumechange",(function(){f(o.volume)})),n(c,"click",(function(){o.muted=!0})),n(s,"click",(function(){o.muted=!1})),n(l,"click",(function(t){o.muted=!1,o.volume=p(t)})),n(u,"mousedown",(function(){a=!0})),n(t,"mousemove",(function(t){a&&(o.muted=!1,o.volume=p(t))})),n(document,"mouseup",(function(){a&&(a=!1)}))}})}}function _e(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Le(t){return function(e){return function(t){for(var e=1;er.clientWidth-s/2?jt(t,"left","".concat(r.clientWidth-s,"px")):jt(t,"left","".concat(i-s/2,"px"))}(o))})),i(r,"mouseout",(function(){jt(t,"display","none")}))}})}}function Ie(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Fe(t){return function(e){return function(t){for(var e=1;e'.concat(s.name,"")),u=n.map((function(t,e){return'
').concat(t.name,"
")})).join(""),p=kt(t,'
'.concat(u,"
"));i(t,(function(){p.style.left="-".concat(St(p,"width")/2-St(t,"width")/2,"px")})),o(p,"click",(function(t){var e=Number(t.target.dataset.index),r=n[e],o=r.url,i=r.name;o&&i&&c!==e&&(a.switchQuality(o,i),l.innerText=i,c=e)}))}})}}function Ve(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function He(t){return function(e){return function(t){for(var e=1;e'),o=kt(t,'');e.on("loop",(function(e){e?(jt(t,"display","block"),jt(r,"left","calc(".concat(e[0]/n.duration*100,"% - ").concat(r.clientWidth,"px)")),jt(o,"left","".concat(e[1]/n.duration*100,"%"))):jt(t,"display","none")}))}})}}var Be=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="control";var r=t.option,o=t.player,a=t.template.$player;return n.delayHide=Zt((function(){o.playing&&n.show&&(wt(a,"art-hide-cursor"),xt(a,"art-hover"),n.show=!1)}),3e3),n.cancelDelayHide=n.delayHide.clearTimeout,t.once("ready",(function(){n.add(Re({name:"progress",disable:r.isLive,position:"top",index:10})),n.add(qe({name:"thumbnails",disable:!r.thumbnails.url||r.isLive,position:"top",index:20})),n.add(He({name:"loop",disable:!1,position:"top",index:30})),n.add(Pe({name:"playAndPause",disable:!1,position:"left",index:10})),n.add(ze({name:"volume",disable:!1,position:"left",index:20})),n.add(Te({name:"time",disable:r.isLive,position:"left",index:30})),n.add(We({name:"quality",disable:0===r.quality.length,position:"right",index:10})),n.add(Fe({name:"screenshot",disable:!r.screenshot,position:"right",index:20})),n.add(Ce({name:"subtitle",disable:!r.subtitle.url,position:"right",index:30})),n.add(Le({name:"setting",disable:!r.setting,position:"right",index:40})),n.add(ke({name:"pip",disable:!r.pip,position:"right",index:50})),n.add(xe({name:"fullscreenWeb",disable:!r.fullscreenWeb,position:"right",index:60})),n.add(ge({name:"fullscreen",disable:!r.fullscreen,position:"right",index:70})),r.controls.forEach((function(t){n.add(t)}))})),n}return f(e,t),c(e,[{key:"add",value:function(t,n){var r=this,o="function"==typeof t?t(this.art):t;zt(["top","left","right"].includes(o.position),"Control option.position must one of 'top', 'left', 'right'");var i=this.art.template,a=i.$progress,c=i.$controlsLeft,s=i.$controlsRight;switch(o.position){case"top":this.$parent=a;break;case"left":this.$parent=c;break;case"right":this.$parent=s}me(u(e.prototype),"add",this).call(this,o,(function(t){o.disable||"top"===o.position||t.firstElementChild&&"I"===t.firstElementChild.tagName||wt(t,"art-control-onlyText"),n&&n(t,r,r.art)}))}}]),e}(be);function Ue(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ye(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e0.50.75').concat(r.get("Normal"),'1.251.52.0'),click:function(t,e){var n=e.target.dataset.rate;n&&(o.playbackRate=Number(n),t.show=!1)},mounted:function(t){e.on("playbackRate",(function(e){var n=gt("span",t).find((function(t){return Number(t.dataset.rate)===e}));n&&Rt(n,"art-current")}))}})}}function Xe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Je(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e').concat(r.get("Default"),'4:316:9'),click:function(t,e){var n=e.target.dataset.ratio;n&&(o.aspectRatio=n,t.show=!1)},mounted:function(t){e.on("aspectRatio",(function(e){var n=gt("span",t).find((function(t){return t.dataset.ratio===e}));n&&Rt(n,"art-current")}))}})}}function Ze(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Qe(t){return function(e){return function(t){for(var e=1;eArtPlayer 3.5.9'})}function tn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function en(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;el+s&&(h=s-d),r+f>u+i&&(y=i-f),Pt(c,{top:"".concat(y,"px"),left:"".concat(h,"px")})})),s(a,"click",(function(t){t.composedPath().includes(c)||(n.show=!1)})),t.on("blur",(function(){n.show=!1}))})),n}return f(e,t),e}(be),an=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="info";var r=t.template,o=r.$infoPanel,a=r.$infoClose,c=r.$video;(0,t.events.proxy)(a,"click",(function(){n.show=!1}));var s=null,p=gt("[data-video]",o);return t.on("destroy",(function(){clearTimeout(s)})),t.on("info",(function(t){clearTimeout(s),t&&function t(){p.forEach((function(t){var e=c[t.dataset.video];t.innerText="number"==typeof e?e.toFixed(2):e})),s=setTimeout((function(){t()}),1e3)}()})),n}return f(e,t),e}(be),cn=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="subtitle";var r=t.option.subtitle;return Pt(t.template.$subtitle,r.style),r.url&&n.init(r.url),n}return f(e,t),c(e,[{key:"update",value:function(){var t=this.art.template.$subtitle;t.innerHTML="",this.activeCue&&(t.innerHTML=this.activeCue.text.split(/\r?\n/).map((function(t){return"

".concat(te(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t,e,n){var r=this,o=this.art,i=o.i18n,a=o.notice;return this.init(t,n).then((function(t){return e&&(a.show="".concat(i.get("Switch subtitle"),": ").concat(e)),r.art.emit("subtitleSwitch",t),t}))}},{key:"init",value:function(t,e){var n=this,r=this.art,o=r.notice,i=r.events.proxy,a=r.template,c=a.$subtitle,s=a.$video;if(!a.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",s.appendChild(l),this.art.template.$track=l,i(this.textTrack,"cuechange",this.update.bind(this))}return fetch(t).then((function(t){return t.text()})).then((function(r){switch(n.art.emit("subtitleLoad",t),e||qt(t)){case"srt":return Lt(_t(r));case"ass":return Lt(Mt(r));case"vtt":return Lt(r);default:return t}})).then((function(t){return c.innerHTML="",n.url===t||(URL.revokeObjectURL(n.url),n.art.template.$track.src=t),t})).catch((function(t){throw o.show=t,t}))}},{key:"url",get:function(){return this.art.template.$track.src}},{key:"textTrack",get:function(){return this.art.template.$video.textTracks[0]}},{key:"activeCue",get:function(){return this.textTrack.activeCues[0]}}]),e}(be);var sn=function(){function t(e){var n=this;i(this,t),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),e.whitelist.state&&e.once("ready",(function(){!function(t,e){var n=t.controls,r=t.template.$player;e.proxy(document,["click","contextmenu"],(function(e){e.composedPath&&e.composedPath().indexOf(r)>-1?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})),t.on("blur",(function(){n.delayHide()}))}(e,n),function(t,e){var n=t.controls,r=t.template.$player;e.hover(r,(function(){wt(r,"art-hover"),t.emit("hover",!0)}),(function(){xt(r,"art-hover"),t.emit("hover")})),t.on("hover",(function(t){t||n.delayHide()}))}(e,n),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=t.controls;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)})),t.on("mousemove",(function(t){a.cancelDelayHide(),xt(r,"art-hide-cursor"),a.show=!0,i.pip||t.target!==o||a.delayHide()}))}(e,n),function(t,e){var n=t.option,r=t.player,o=Qt((function(){r.normal&&(r.autoSize=n.autoSize),r.aspectRatioReset=!0,t.emit("resize")}),500);e.proxy(window,["orientationchange","resize"],(function(){o()}))}(e,n),function(t,e){if(t.isMobile&&!t.option.isLive){var n=t.player,r=t.notice,o=t.template.$video,i=!1,a=0,c=0;e.proxy(o,"touchstart",(function(t){1===t.touches.length&&(i=!0,a=t.touches[0].clientX)})),e.proxy(document,"touchmove",(function(t){if(1===t.touches.length&&i){var e=Gt((t.touches[0].clientX-a)/o.clientWidth,-1,1);c=Gt(n.currentTime+60*e,0,n.duration),r.show="".concat(Kt(c)," / ").concat(Kt(n.duration))}})),e.proxy(document,"touchend",(function(){i&&c&&(n.seek=c),i=!1,a=0,c=0}))}}(e,n),function(t,e){var n=t.player,r=t.option.autoMini,o=t.template.$container,i=Zt((function(){t.emit("view",Ct(o))}),200);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(t){r&&(n.mini=!t)}))}(e,n)}))}return c(t,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(t);(o=new Image).src=t}return o.complete?n(o):(e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(o)})),t)}))}},{key:"destroy",value:function(){this.destroyEvents.forEach((function(t){return t()}))}}]),t}(),ln=function(){function t(e){var n=this;i(this,t),this.keys={};var r=e.option,o=e.player,a=e.events.proxy;r.hotkey&&e.once("ready",(function(){n.add(27,(function(){o.fullscreenWeb&&(o.fullscreenWeb=!1)})),n.add(32,(function(){o.toggle=!0})),n.add(37,(function(){o.backward=5})),n.add(38,(function(){o.volume+=.1})),n.add(39,(function(){o.forward=5})),n.add(40,(function(){o.volume-=.1})),a(window,"keydown",(function(t){if(e.isFocus){var r=document.activeElement.tagName.toUpperCase(),o=document.activeElement.getAttribute("contenteditable");if("INPUT"!==r&&"TEXTAREA"!==r&&""!==o&&"true"!==o){var i=n.keys[t.keyCode];i&&(t.preventDefault(),i.forEach((function(t){return t()})),e.emit("hotkey",t))}}}))}))}return c(t,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}}]),t}(),un=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this,t))).name="layer",n.$parent=t.template.$layer,t.once("ready",(function(){t.option.layers.forEach((function(t){n.add(t)}))})),n}return f(e,t),e}(be),pn=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this,t))).name="loading",kt(t.template.$loading,t.icons.loading),n}return f(e,t),e}(be),fn=function(){function t(e){i(this,t),this.art=e,this.time=2e3,this.timer=null}return c(t,[{key:"show",set:function(t){var e=this.art.template,n=e.$player,r=e.$noticeInner;r.innerText=t instanceof Error?t.message.trim():t,wt(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout((function(){r.innerText="",xt(n,"art-notice-show")}),this.time)}}]),t}(),dn=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this,t))).name="mask",kt(t.template.$state,t.icons.state),n}return f(e,t),e}(be);function hn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var yn=function t(e){var r=this;i(this,t);var o=function(t){for(var e=1;e',state:'',play:'',pause:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:''},e.option.icons);Object.keys(o).forEach((function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),kt(e,o[t]),r[t]=e}))};function mn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bn(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e'.concat(r.get("Flip"),'
"),click:function(t,e){var n=e.target.dataset.value;n&&(o.flip=n)},mounted:function(t){e.on("flip",(function(e){var n=gt("button",t).find((function(t){return t.dataset.value===e}));n&&Rt(n.parentElement,"current")}))}})}}function vn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gn(t){return function(e){var r=e.i18n,o=e.player;return function(t){for(var e=1;e'.concat(r.get("Aspect ratio"),'
'),click:function(t,e){var n=e.target.dataset.value;n&&(o.aspectRatio=n)},mounted:function(t){e.on("aspectRatio",(function(e){var n=gt("button",t).find((function(t){return t.dataset.value===e}));n&&Rt(n.parentElement,"current")}))}})}}function wn(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xn(t){return function(e){var r=e.i18n,o=e.player,i=e.events.proxy;return function(t){for(var e=1;e'.concat(r.get("Play speed"),': 1.0x
'),mounted:function(t){var n=vt(".art-setting-range input",t),r=vt(".art-subtitle-value",t);i(n,"change",(function(){var t=n.value;r.innerText=t,o.playbackRate=Number(t)})),e.on("playbackRate",(function(t){t&&n.value!==t&&(n.value=t,r.innerText=t)}))}})}}var On=function(t){function e(t){var n;i(this,e),(n=l(this,u(e).call(this,t))).name="setting";var r=t.option,o=t.template,a=o.$setting,c=o.$settingBody,s=t.events.proxy;return n.$parent=c,r.setting&&(t.once("ready",(function(){s(a,"click",(function(t){t.target===a&&(n.show=!1)})),n.add(bn({disable:!r.flip,name:"flip"})),n.add(gn({disable:!r.aspectRatio,name:"aspectRatio"})),n.add(xn({disable:!r.playbackRate,name:"playbackRate"}))})),t.on("blur",(function(){n.show=!1}))),n}return f(e,t),e}(be),kn=function(){function t(){i(this,t),this.name="artplayer_settings"}return c(t,[{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.name))||{};return t?e[t]:e}},{key:"set",value:function(t,e){var r=Object.assign({},this.get(),n({},t,e));localStorage.setItem(this.name,JSON.stringify(r))}},{key:"del",value:function(t){var e=this.get();delete e[t],localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){localStorage.removeItem(this.name)}}]),t}();function jn(t){var e=t.i18n,n=t.subtitle,r=t.events.proxy;return{title:"Subtitle",name:"subtitleOffset",index:20,html:'
'.concat(e.get("Subtitle offset time"),': 0s
'),mounted:function(e){var o=vt(".art-setting-range input",e),i=vt(".art-subtitle-value",e);r(o,"change",(function(){var e=o.value;i.innerText=e,t.plugins.subtitleOffset.offset(Number(e))})),t.on("subtitle:switch",(function(){o.value=0,i.innerText=0})),t.on("subtitleOffset",(function(t){n.update(),o.value!==t&&(o.value=t,i.innerText=t)}))}}}function Pn(t){var e=t.constructor.utils.clamp,n=t.setting,r=t.notice,o=t.template,i=t.i18n,a=t.player;n.add(jn);var c=[];return t.on("subtitle:switch",(function(){c=[]})),{name:"subtitleOffset",offset:function(n){if(o.$track&&o.$track.track){var s=Array.from(o.$track.track.cues),l=e(n,-5,5);s.forEach((function(t,n){c[n]||(c[n]={startTime:t.startTime,endTime:t.endTime}),t.startTime=e(c[n].startTime+l,0,a.duration),t.endTime=e(c[n].endTime+l,0,a.duration)})),r.show="".concat(i.get("Subtitle offset time"),": ").concat(n,"s"),t.emit("subtitleOffset",n)}else r.show="".concat(i.get("No subtitles found")),t.emit("subtitleOffset",0)}}}function Sn(t){var e=t.events.proxy,n=t.template,r=t.player,o=t.option,i=t.setting,a=t.i18n;function c(e){if(e){var i=n.$video.canPlayType(e.type);if("maybe"===i||"probably"===i){var a=URL.createObjectURL(e);o.title=e.name,r.switchUrl(a,e.name),t.emit("localVideo",e)}else zt(!1,"Playback of this file format is not supported")}}function s(t){var n=kt(t,'');jt(t,"position","relative"),Pt(n,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(n,"change",(function(){c(n.files[0])}))}return e(n.$player,"dragover",(function(t){t.preventDefault()})),e(n.$player,"drop",(function(t){t.preventDefault(),c(t.dataTransfer.files[0])})),t.once("ready",(function(){i.add({title:"Local Video",name:"localVideo",index:30,html:'
'.concat(a.get("Local Video"),'
').concat(a.get("Open"),'
'),mounted:function(e){var n=vt(".art-upload-btn",e),r=vt(".art-upload-value",e);t.on("localVideo",(function(t){r.textContent=t.name,r.title=t.name})),s(n)}})})),{name:"localVideo",attach:s}}function En(t){var e=t.events.proxy,n=t.subtitle,r=t.setting,o=t.i18n;function i(r){var o=kt(r,'');jt(r,"position","relative"),Pt(o,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(o,"change",(function(){!function(e){if(e){var r=qt(e.name);if(["ass","vtt","srt"].includes(r)){var o=URL.createObjectURL(e);n.switch(o,e.name,r),t.emit("localSubtitle",e)}else zt(!1,"Only supports subtitle files in .ass, .vtt and .srt format")}}(o.files[0])}))}return t.once("ready",(function(){r.add({title:"Local Subtitle",name:"localSubtitle",index:40,html:'
'.concat(o.get("Local Subtitle"),'
').concat(o.get("Open"),'
'),mounted:function(e){var n=vt(".art-upload-btn",e),r=vt(".art-upload-value",e);t.on("localSubtitle",(function(t){r.textContent=t.name,r.title=t.name})),i(n)}})})),{name:"localSubtitle",attach:i}}function Rn(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"2px",background:r},mounted:function(e){t.on("control",(function(t){e.style.display=t?"none":"block"})),t.on("destroy",(function(){e.style.display="none"})),t.on("video:timeupdate",(function(){e.style.width="".concat(100*n.played,"%")}))}}),{name:"miniProgressBar"}}function $n(t){var e=1e4,n=0,r=0,o=0,i=null;function a(){n=0,r=0,o=0,cancelAnimationFrame(i),i=null}function c(){i||function a(){t.isDestroy||(i=requestAnimationFrame((function(){var i=Date.now();if(o){var c=i-o;r+=c,t.player.playing||(n+=c)}o=i,t.emit("networkMonitor",n/r),r>=e&&(n=0,r=0),a()})))}()}return t.on("play",c),t.on("pause",a),{name:"networkMonitor",reset:a,start:c,sample:function(t){e=t}}}function Cn(t){var e=t.controls,n=t.option,r=t.events.hover;function o(n){var o,i,a,c=n.list.map((function(t){return'
').concat(t.text,"
")})).join(""),s='
'.concat(c,'
');e.add({name:n.name,position:"right",index:n.index,html:s,mounted:function(t){wt(t,"art-control-switcher"),o=vt(".art-switcher-list",t),i=gt(".art-switcher-item",t),a=vt(".art-switcher-current",t);var e=n.list.find((function(t){return t.name===n.default}))||n.list[0];if(e){a.innerText=e.text;var c=i.find((function(t){return t.dataset.switcherName===e.name}));c&&Rt(c,"art-current")}r(t,(function(){o.style.left="-".concat(St(o,"width")/2-St(t,"width")/2,"px")}))},click:function(e,r){var o=r.target.dataset.switcherName;if(o){var c=n.list.find((function(t){return t.name===o}));if(c){var s=i.find((function(t){return t.dataset.switcherName===c.name}));a.innerText=c.text,Rt(s,"art-current"),n.click&&n.click.call(t,o,r)}}}})}return n.switcher.forEach(o),{name:"switcher",add:o}}var Dn=function(){function t(e){var n=this;i(this,t),this.art=e,this.id=0;var r=e.option;r.subtitle.url&&r.subtitleOffset&&this.add(Pn),!r.isLive&&r.miniProgressBar&&this.add(Rn),r.localVideo&&this.add(Sn),r.localSubtitle&&this.add(En),r.networkMonitor&&this.add($n),this.add(Cn),e.option.plugins.forEach((function(t){n.add(t)}))}return c(t,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art),n=e&&e.name||t.name||"plugin".concat(this.id);return zt(!Ut(this,n),"Cannot add a plugin that already has the same name: ".concat(n)),Ht(this,n,{value:e}),this}}]),t}(),Tn=function t(e){i(this,t);var n=e.option,r=e.events.proxy,o=e.template.$video;ae.events.forEach((function(t){r(o,t,(function(t){e.emit("video:".concat(t.type),t)}))})),Object.keys(n.moreVideoAttr).forEach((function(t){o[t]=n.moreVideoAttr[t]})),n.muted&&(o.muted=n.muted),n.volume&&(o.volume=Gt(n.volume,0,1)),n.poster&&(o.poster=n.poster),n.autoplay&&(o.autoplay=n.autoplay),o.controls=!0;var a=n.type||qt(n.url),c=n.customType[a];a&&c?(c(o,n.url,e),e.emit("customType",a)):(o.src=n.url,e.emit("url",o.src))},An=0,zn=[],_n=function(t){function e(t){var n;return i(this,e),(n=l(this,u(e).call(this))).option=ft(Xt(e.option,t),ie),n.isFocus=!1,n.isDestroy=!1,n.userAgent=ht,n.isMobile=yt,n.isWechat=bt,n.whitelist=new ce(s(n)),n.template=new se(s(n)),n.events=new sn(s(n)),n.whitelist.state?(n.storage=new kn(s(n)),n.icons=new yn(s(n)),n.i18n=new pe(s(n)),n.notice=new fn(s(n)),n.player=new he(s(n)),n.layers=new un(s(n)),n.controls=new Be(s(n)),n.contextmenu=new on(s(n)),n.subtitle=new cn(s(n)),n.info=new an(s(n)),n.loading=new pn(s(n)),n.hotkey=new ln(s(n)),n.mask=new dn(s(n)),n.setting=new On(s(n)),n.plugins=new Dn(s(n))):n.mobile=new Tn(s(n)),An+=1,n.id=An,zn.push(s(n)),n}return f(e,t),c(e,[{key:"destroy",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),zn.splice(zn.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return zn}},{key:"version",get:function(){return"3.5.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return ae}},{key:"utils",get:function(){return ee}},{key:"scheme",get:function(){return ie}},{key:"Emitter",get:function(){return dt}},{key:"validator",get:function(){return ft}},{key:"kindOf",get:function(){return ft.kindOf}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMin:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,light:!1,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,localVideo:!1,localSubtitle:!1,networkMonitor:!1,layers:[],contextmenu:[],controls:[],quality:[],highlight:[],plugins:[],whitelist:[],switcher:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:mt?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),e}(dt);function Ln(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Mn(t){for(var e=1;e0&&void 0!==arguments[0]?arguments[0]:{};return t(this,o),(e=a(this,s(o).call(this))).processing=!1,e.option={},e.setup(Object.assign({},o.DEFAULTS,n)),e.video=o.creatVideo(),e.inputChange=e.inputChange.bind(r(e)),e.ondrop=e.ondrop.bind(r(e)),e.option.fileInput.addEventListener("change",e.inputChange),e.option.fileInput.addEventListener("dragover",o.ondragover),e.option.fileInput.addEventListener("drop",o.ondrop),e}return l(o,e),n(o,[{key:"ondrop",value:function(t){t.preventDefault();var e=t.dataTransfer.files[0];this.loadVideo(e)}},{key:"setup",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.option=Object.assign({},this.option,e);var n=this.option,o=n.fileInput,i=n.delay,r=n.number,a=n.width,s=n.height,u=n.column;if(this.errorHandle(o instanceof Element,"The 'fileInput' is not a Element"),"INPUT"!==o.tagName||"file"!==o.type){o.style.position="relative";var l=document.createElement("input");l.type="file",l.style.position="absolute",l.style.width="100%",l.style.height="100%",l.style.left="0",l.style.top="0",l.style.right="0",l.style.bottom="0",l.style.opacity="0",o.appendChild(l),this.option.fileInput=l}return["delay","number","width","height","column"].forEach((function(e){t.errorHandle("number"==typeof t.option[e],"The '".concat(e,"' is not a number"))})),this.option.delay=d(i,10,1e3),this.option.number=d(r,10,1e3),this.option.width=d(a,10,1e3),this.option.height=d(s,10,1e3),this.option.column=d(u,1,1e3),this}},{key:"inputChange",value:function(){var t=this.option.fileInput.files[0];this.loadVideo(t)}},{key:"loadVideo",value:function(t){var e=this,n=this.option.delay;if(t){var o=this.video.canPlayType(t.type);this.errorHandle("maybe"===o||"probably"===o,"Playback of this file format is not supported: ".concat(t.type));var i=URL.createObjectURL(t);this.videoUrl=i,this.file=t,this.emit("file",this.file),this.video.src=i,p(n).then((function(){e.emit("video",e.video)})).catch((function(t){throw e.emit("error",t.message),t}))}}},{key:"start",value:function(){var t=this,e=this.option,n=e.width,o=e.height,i=e.number,r=e.delay;this.density=i/this.video.duration,this.errorHandle(this.file&&this.video,"Please select the video file first"),this.errorHandle(!this.processing,"There is currently a task in progress, please wait a moment..."),this.errorHandle(this.density<=1,"The preview density cannot be greater than 1, but got ".concat(this.density));var a=this.creatScreenshotDate(),s=this.creatCanvas(),u=s.getContext("2d");this.emit("canvas",s);var l,c=a.map((function(e,a){return function(){return t.video.currentTime=e.time,new Promise((function(l){p(r).then((function(){u.drawImage(t.video,e.x,e.y,n,o),s.toBlob((function(e){t.thumbnailUrl&&URL.revokeObjectURL(t.thumbnailUrl),t.thumbnailUrl=URL.createObjectURL(e),t.emit("update",t.thumbnailUrl,(a+1)/i),l()}))})).catch((function(t){throw t}))}))}}));return this.processing=!0,(l=c,l.reduce((function(t,e){return t.then(e)}),Promise.resolve())).then((function(){return p(2*r).then((function(){t.processing=!1,t.emit("done")})).catch((function(e){throw t.processing=!1,t.emit("error",e.message),e}))})).catch((function(e){throw t.processing=!1,t.emit("error",e.message),e}))}},{key:"creatScreenshotDate",value:function(){for(var t=this.option,e=t.number,n=t.width,o=t.height,i=t.column,r=this.video.duration/e,a=[r];a.length0&&void 0!==arguments[0]?arguments[0]:{};return t(this,o),(e=a(this,s(o).call(this))).processing=!1,e.option={},e.setup(Object.assign({},o.DEFAULTS,n)),e.video=o.creatVideo(),e.inputChange=e.inputChange.bind(r(e)),e.ondrop=e.ondrop.bind(r(e)),e.option.fileInput.addEventListener("change",e.inputChange),e.option.fileInput.addEventListener("dragover",o.ondragover),e.option.fileInput.addEventListener("drop",o.ondrop),e}return l(o,e),n(o,[{key:"ondrop",value:function(t){t.preventDefault();var e=t.dataTransfer.files[0];this.loadVideo(e)}},{key:"setup",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.option=Object.assign({},this.option,e);var n=this.option,o=n.fileInput,i=n.delay,r=n.number,a=n.width,s=n.height,u=n.column;if(this.errorHandle(o instanceof Element,"The 'fileInput' is not a Element"),"INPUT"!==o.tagName||"file"!==o.type){o.style.position="relative";var l=document.createElement("input");l.type="file",l.style.position="absolute",l.style.width="100%",l.style.height="100%",l.style.left="0",l.style.top="0",l.style.right="0",l.style.bottom="0",l.style.opacity="0",o.appendChild(l),this.option.fileInput=l}return["delay","number","width","height","column"].forEach((function(e){t.errorHandle("number"==typeof t.option[e],"The '".concat(e,"' is not a number"))})),this.option.delay=d(i,10,1e3),this.option.number=d(r,10,1e3),this.option.width=d(a,10,1e3),this.option.height=d(s,10,1e3),this.option.column=d(u,1,1e3),this}},{key:"inputChange",value:function(){var t=this.option.fileInput.files[0];this.loadVideo(t)}},{key:"loadVideo",value:function(t){var e=this,n=this.option.delay;if(t){var o=this.video.canPlayType(t.type);this.errorHandle("maybe"===o||"probably"===o,"Playback of this file format is not supported: ".concat(t.type));var i=URL.createObjectURL(t);this.videoUrl=i,this.file=t,this.emit("file",this.file),this.video.src=i,p(n).then((function(){e.emit("video",e.video)})).catch((function(t){throw e.emit("error",t.message),t}))}}},{key:"start",value:function(){var t=this,e=this.option,n=e.width,o=e.height,i=e.number,r=e.delay;this.density=i/this.video.duration,this.errorHandle(this.file&&this.video,"Please select the video file first"),this.errorHandle(!this.processing,"There is currently a task in progress, please wait a moment..."),this.errorHandle(this.density<=1,"The preview density cannot be greater than 1, but got ".concat(this.density));var a=this.creatScreenshotDate(),s=this.creatCanvas(),u=s.getContext("2d");this.emit("canvas",s);var l,h=a.map((function(e,a){return function(){return t.video.currentTime=e.time,new Promise((function(l){p(r).then((function(){u.drawImage(t.video,e.x,e.y,n,o),s.toBlob((function(e){t.thumbnailUrl&&URL.revokeObjectURL(t.thumbnailUrl),t.thumbnailUrl=URL.createObjectURL(e),t.emit("update",t.thumbnailUrl,(a+1)/i),l()}))})).catch((function(t){throw t}))}))}}));return this.processing=!0,(l=h,l.reduce((function(t,e){return t.then(e)}),Promise.resolve())).then((function(){return p(2*r).then((function(){t.processing=!1,t.emit("done")})).catch((function(e){throw t.processing=!1,t.emit("error",e.message),e}))})).catch((function(e){throw t.processing=!1,t.emit("error",e.message),e}))}},{key:"creatScreenshotDate",value:function(){for(var t=this.option,e=t.number,n=t.width,o=t.height,i=t.column,r=this.video.duration/e,a=[r];a.lengthobject{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}.art-video-player .art-subtitle{display:none;position:absolute;z-index:20;bottom:10px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.art-video-player .art-subtitle p{word-break:break-all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:40px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-mask,.art-video-player .art-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.art-video-player .art-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.art-video-player.art-mask-show .art-mask,.art-video-player .art-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.art-video-player.art-loading-show .art-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:55px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.art-video-player .art-bottom .art-progress{position:relative;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4px;cursor:pointer}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{position:relative;height:50%;width:100%;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:100%;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:100%;background:#fff;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner{height:100%}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-indicator,.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-tip{display:block}.art-video-player .art-bottom .art-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.art-video-player .art-bottom .art-progress .art-control-loop{display:none;position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point{position:absolute;left:0;top:-2px;width:2px;height:8px;background:hsla(0,0%,100%,.75)}.art-video-player .art-bottom .art-controls{position:relative;pointer-events:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:5px 0}.art-video-player .art-bottom .art-controls,.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.art-video-player .art-bottom .art-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{position:relative;z-index:30}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-destroy .art-progress-tip,.art-video-player.art-error .art-progress-indicator,.art-video-player.art-error .art-progress-tip{display:none!important}.art-video-player .art-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.art-video-player .art-notice .art-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.art-video-player.art-notice-show .art-notice{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-contextmenus{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.9);border-radius:3px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;font-size:12px;display:block;color:#fff;padding:10px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{display:inline-block;padding:0 7px}.art-video-player .art-contextmenus .art-contextmenu span.art-current,.art-video-player .art-contextmenus .art-contextmenu span:hover{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:none}.art-video-player.art-contextmenu-show .art-contextmenus,.art-video-player .art-settings{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.art-video-player .art-settings .art-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.9);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.art-video-player .art-settings .art-setting-inner .art-setting-body{overflow-y:auto;width:100%;height:100%}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting .art-setting-header{margin-bottom:5px}.art-video-player .art-settings .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.art-video-player .art-settings .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.art-video-player .art-settings .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.art-video-player .art-settings .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.art-video-player .art-settings .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.art-video-player .art-settings .art-setting-upload{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-upload .art-upload-btn{width:80px;height:22px;line-height:22px;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px;text-align:center}.art-video-player .art-settings .art-setting-upload .art-upload-value{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;padding-left:10px}.art-video-player.art-setting-show .art-settings{opacity:1;visibility:visible;pointer-events:auto}.art-video-player.art-setting-show .art-settings .art-setting-inner{right:0}.art-video-player .art-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.9)}.art-video-player .art-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.art-video-player .art-info .art-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.art-video-player.art-info-show .art-info{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player.art-hide-cursor *{cursor:none!important}.art-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.art-video-player.art-fullscreen-web{position:fixed;z-index:9999;width:100%!important;height:100%!important;left:0;top:0;right:0;bottom:0}.art-fullscreen-rotate{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:#000}.art-video-player .art-mini-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.art-video-player .art-mini-header .art-mini-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.art-video-player .art-mini-header .art-mini-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-mini{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.art-video-player.art-mini .art-mini-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.art-video-player.art-mini.art-hover .art-mini-header{opacity:1;visibility:visible}.art-video-player.art-mini .art-mask .art-state{position:static}.art-video-player.art-mini .art-bottom,.art-video-player.art-mini .art-contextmenu,.art-video-player.art-mini .art-danmu,.art-video-player.art-mini .art-info,.art-video-player.art-mini .art-layers,.art-video-player.art-mini .art-notice,.art-video-player.art-mini .art-setting,.art-video-player.art-mini .art-subtitle{display:none!important}.art-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.art-video-player[data-flip=horizontal] .art-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}:root{--balloon-color:rgba(16,16,16,0.95);--balloon-font-size:12px;--balloon-move:4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:#fff;content:attr(aria-label);padding:.5em 1em;white-space:nowrap;line-height:1.2}[aria-label][data-balloon-pos]:after,[aria-label][data-balloon-pos]:before{opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--balloon-color);content:""}[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before{opacity:1;pointer-events:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,var(--balloon-move));transform:translate(-50%,var(--balloon-move));-webkit-transform-origin:top;transform-origin:top}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before{-webkit-transform:translate(-50%);transform:translate(-50%)}');var p=o((function(t,e){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var o=t(n);if("boolean"===o)return"boolean";if("string"===o)return"string";if("number"===o)return"number";if("symbol"===o)return"symbol";if("function"===o)return function(t){return"GeneratorFunction"===r(t)}(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(o=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return o.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function o(t,e){var r=21?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document).querySelector(t)}function g(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function v(t,e){return t.classList.add(e)}function w(t,e){return t.classList.remove(e)}function x(t,e){return t.classList.contains(e)}function O(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function k(t,e,n){return t.style[e]=n,t}function j(t,e){return Object.keys(e).forEach((function(n){k(t,n,e[n])})),t}function P(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function S(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function E(t,e){S(t).forEach((function(t){return w(t,e)})),v(t,e)}function $(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";h||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function D(t){var e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth,o=e.top<=n&&e.top+e.height>=0,i=e.left<=r&&e.left+e.width>=0;return o&&i}var R=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},T=o((function(t){function e(n,r,o){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}()?t.exports=e=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&l(o,n.prototype),o}:t.exports=e=Reflect.construct,e.apply(null,arguments)}t.exports=e})),z=function(t){function n(t,r){var o;return e(this,n),o=c(this,s(n).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(a(o),r||o.constructor),o.name="ArtPlayerError",o}return u(n,t),n}(o((function(t){function e(n){var r="function"==typeof Map?new Map:void 0;return t.exports=e=function(t){if(null===t||!R(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return T(t,arguments,s(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),l(e,t)},e(n)}t.exports=e}))(Error));function A(t,e){if(!t)throw new z(e);return t}function L(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function C(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function M(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function q(t){return t.includes("?")?q(t.split("?")[0]):t.includes("#")?q(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function W(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var F=function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1?e-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function Z(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function K(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var tt=Object.freeze({__proto__:null,query:m,queryAll:g,addClass:v,removeClass:w,hasClass:x,append:O,remove:function(t){return t.parentNode.removeChild(t)},setStyle:k,setStyles:j,getStyle:P,sublings:S,inverseClass:E,tooltip:$,isInViewport:D,ArtPlayerError:z,errorHandle:A,srtToVtt:L,vttToBlob:C,assToVtt:M,getExt:q,download:W,def:B,has:U,proxyPropertys:_,mergeDeep:X,sleep:Y,debounce:Z,throttle:J,clamp:Q,secondToTime:G,escape:K,userAgent:d,isMobile:h,isSafari:y,isWechat:b});function et(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nt(t,e,n){return A("string"===e||t instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}var rt={html:nt,disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"},ot={container:nt,url:"string",poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",autoMin:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",light:"boolean",backdrop:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",subtitleOffset:"boolean",miniProgressBar:"boolean",localVideo:"boolean",localSubtitle:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[rt],contextmenu:[rt],controls:[function(e){for(var n=1;n-1;case"function":return t(n.userAgent);case"regexp":return t.test(n.userAgent);default:return!1}}))},ct=function(){function t(n){var r=this;e(this,t),this.art=n,n.option.container instanceof Element?this.$container=n.option.container:(this.$container=m(n.option.container),A(this.$container,"No container element found by ".concat(n.option.container))),A(n.constructor.instances.every((function(t){return t.template.$container!==r.$container})),"Cannot mount multiple instances on the same dom element"),A(this.$container.clientWidth&&this.$container.clientHeight,"The width and height of the container cannot be 0"),n.whitelist.state?this.desktop():this.mobile()}return r(t,[{key:"query",value:function(t){return m(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option,e=t.theme,n=t.backdrop;this.$container.innerHTML='
Player version:
3.5.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'),this.$undercover=this.query(".art-undercover"),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$settingInner=this.query(".art-setting-inner"),this.$settingBody=this.query(".art-setting-body"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),n&&(v(this.$settingInner,"art-backdrop-filter"),v(this.$info,"art-backdrop-filter"),v(this.$contextmenu,"art-backdrop-filter")),this.art.isMobile&&v(this.$container,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":v(this.$player,"art-destroy")}}]),t}(),st={"Video info":"视频统计信息",Close:"关闭","Light Off":"关灯","Light On":"开灯","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","PIP mode":"画中画模式","Exit PIP mode":"退出画中画模式","PIP not supported":"不支持画中画模式","Local Subtitle":"本地字幕","Local Video":"本地视频","Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},lt={"Video info":"影片統計訊息",Close:"關閉","Light Off":"關燈","Light On":"開燈","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕","Show setting":"顯示设置","Hide setting":"隱藏设置",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","PIP mode":"畫中畫模式","Exit PIP mode":"退出畫中畫模式","PIP not supported":"不支持畫中畫模式","Local Subtitle":"本地字幕","Local Video":"本地視頻","Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"},ut=function(){function t(n){e(this,t),this.art=n,this.languages={"zh-cn":st,"zh-tw":lt},this.init()}return r(t,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=X(this.languages,t),this.init()}}]),t}();var pt=o((function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};rh){var y=h*u/l;k(r,"width","".concat(100*y,"%")),k(r,"height","100%"),k(r,"padding","0 ".concat((p-p*y)/2,"px"))}else{var b=l/h/u;k(r,"width","100%"),k(r,"height","".concat(100*b,"%")),k(r,"padding","".concat((f-f*b)/2,"px 0"))}}o.dataset.aspectRatio=n,a.show="".concat(i.get("Aspect ratio"),": ").concat("default"===n?i.get("Default"):n),t.emit("aspectRatio",n)}else e.aspectRatio&&(k(r,"width",null),k(r,"height",null),k(r,"padding",null),delete o.dataset.aspectRatio,t.emit("aspectRatio"))}}),B(e,"aspectRatioReset",{set:function(t){if(t&&e.aspectRatio){var n=e.aspectRatio;e.aspectRatio=n}}})}(n,this),function(t,e){var n=t.option,r=t.notice,o=t.template.$video,i=document.createElement("canvas");B(e,"getDataURL",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),t(i.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),B(e,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),i.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),B(e,"screenshot",{value:function(){e.getDataURL().then((function(e){W(e,"".concat(n.title||"artplayer","_").concat(G(o.currentTime),".png")),t.emit("screenshot",e)}))}})}(n,this),function(t,e){var n=t.template.$player;B(e,"fullscreen",{get:function(){return pt.isFullscreen},set:function(r){r?pt.request(n).then((function(){v(n,"art-fullscreen"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreen",!0)})):pt.exit().then((function(){w(n,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreen")}))}}),B(e,"fullscreenToggle",{set:function(t){t&&(e.fullscreen=!e.fullscreen)}})}(n,this),function(t,e){var n=t.template.$player;B(e,"fullscreenWeb",{get:function(){return x(n,"art-fullscreen-web")},set:function(r){r?(v(n,"art-fullscreen-web"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreenWeb",!0)):(w(n,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"))}}),B(e,"fullscreenWebToggle",{set:function(t){t&&(e.fullscreenWeb=!e.fullscreenWeb)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player;B(e,"fullscreenRotate",{get:function(){return x(r,"art-fullscreen-rotate")},set:function(n){if(n){v(r,"art-fullscreen-rotate"),e.autoSize=!0;var i=document.body,a=i.clientHeight,c=i.clientWidth,s=o.clientHeight,l=o.clientWidth;if(c/a0&&!n.paused&&!n.ended&&n.readyState>2)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player,i=n.$video;B(e,"autoSize",{get:function(){return x(r,"art-auto-size")},set:function(n){if(n){var a=i.videoWidth,c=i.videoHeight,s=r.getBoundingClientRect(),l=s.width,u=s.height,p=a/c,f=l/u;if(v(r,"art-auto-size"),f>p){k(o,"width","".concat(u*p/l*100,"%")),k(o,"height","100%")}else{var d=l/p/u*100;k(o,"width","100%"),k(o,"height","".concat(d,"%"))}t.emit("autoSize",{width:e.width,height:e.height})}else w(r,"art-auto-size"),k(o,"width",null),k(o,"height",null),t.emit("autoSize")}})}(n,this),function(t,e){B(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach((function(t){B(e,t,{get:function(){return e.rect[t]}})})),B(e,"x",{get:function(){return e.left+window.pageXOffset}}),B(e,"y",{get:function(){return e.top+window.pageYOffset}})}(n,this),function(t,e){var n=t.template.$player;B(e,"flip",{get:function(){return n.dataset.flip},set:function(e){if(e){var r=["normal","horizontal","vertical"];A(r.includes(e),"'flip' only accept ".concat(r.toString()," as parameters")),n.dataset.flip=e,t.emit("flip",e)}else delete n.dataset.flip,t.emit("flip")}})}(n,this),function(t,e){var n=t.template.$undercover;B(e,"light",{get:function(){return"none"!==P(n,"display",!1)},set:function(e){k(n,"display",e?"block":"none"),t.emit("light",e)}})}(n,this),function(t,e){var n=t.i18n,r=t.option,o=t.storage,i=t.events.proxy,a=t.template,c=a.$player,s=a.$miniClose,l=a.$miniTitle,u=a.$miniHeader,p="",f=!1,d=0,h=0,y=0,b=0;i(u,"mousedown",(function(t){f=!0,d=t.pageX,h=t.pageY,y=e.left,b=e.top})),i(document,"mousemove",(function(t){if(f){v(c,"art-is-dragging");var e=b+t.pageY-h,n=y+t.pageX-d;k(c,"top","".concat(e,"px")),k(c,"left","".concat(n,"px")),o.set("top",e),o.set("left",n)}})),i(document,"mouseup",(function(){f=!1,w(c,"art-is-dragging")})),i(s,"click",(function(){e.mini=!1,f=!1,w(c,"art-is-dragging")})),O(l,r.title||n.get("Mini player")),B(e,"mini",{get:function(){return x(c,"art-mini")},set:function(n){if(n){e.autoSize=!1,p=c.style.cssText,v(c,"art-mini");var i=o.get("top"),a=o.get("left");if(i&&a)k(c,"top","".concat(i,"px")),k(c,"left","".concat(a,"px")),D(u)||(o.del("top"),o.del("left"),e.mini=!0);else{var s=document.body,l=s.clientHeight-e.height-50,f=s.clientWidth-e.width-50;o.set("top",l),o.set("left",f),k(c,"top","".concat(l,"px")),k(c,"left","".concat(f,"px"))}e.aspectRatio=!1,e.playbackRate=!1,t.emit("mini",!0)}else c.style.cssText=p,w(c,"art-mini"),k(c,"top",null),k(c,"left",null),e.aspectRatio=!1,e.playbackRate=!1,e.autoSize=r.autoSize,t.emit("mini")}}),B(e,"miniToggle",{set:function(t){t&&(e.mini=!e.mini)}})}(n,this),function(t,e){var n=[];B(e,"loop",{get:function(){return n},set:function(r){if(Array.isArray(r)&&"number"==typeof r[0]&&"number"==typeof r[1]){var o=Q(r[0],0,Math.min(r[1],e.duration)),i=Q(r[1],o,e.duration);i-o>=1?(n=[o,i],t.emit("loop",n)):(n=[],t.emit("loop"))}else n=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){n.length&&(e.currentTimen[1])&&(e.seek=n[0])}))}(n,this),_(n,this)};var ht=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=s(t)););return t},yt=o((function(t){function e(n,r,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=e=Reflect.get:t.exports=e=function(t,e,n){var r=ht(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}},e(n,r,o||n)}t.exports=e})),bt=function(){function t(n){e(this,t),this.id=0,this.art=n,this.add=this.add.bind(this)}return r(t,[{key:"add",value:function(t,e){var n=this,r="function"==typeof t?t(this.art):t;if(this.$parent&&this.name&&!r.disable){this.id+=1;var o=r.name||"".concat(this.name).concat(this.id);A(!U(this,o),"Cannot add an existing name [".concat(o,"] to the [").concat(this.name,"]"));var i=document.createElement("div");i.classList.value="art-".concat(this.name," art-").concat(this.name,"-").concat(o),r.html&&O(i,r.html),r.style&&j(i,r.style),r.tooltip&&$(i,r.tooltip);var a=Array.from(this.$parent.children);i.dataset.index=r.index||this.id;var c=a.find((function(t){return Number(t.dataset.index)>=Number(i.dataset.index)}));c?c.insertAdjacentElement("beforebegin",i):O(this.$parent,i),r.click&&this.art.events.proxy(i,"click",(function(t){t.preventDefault(),r.click.call(n.art,n,t)})),r.mounted&&r.mounted(i,this,this.art),e&&e(i,this,this.art),B(this,o,{get:function(){return r}})}}},{key:"show",get:function(){return x(this.art.template.$player,"art-".concat(this.name,"-show"))},set:function(t){var e=this.art.template.$player,n="art-".concat(this.name,"-show");t?v(e,n):w(e,n),this.art.emit(this.name,t)}},{key:"toggle",set:function(t){t&&(this.show=!this.show)}}]),t}();function mt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gt(e){return function(n){return function(e){for(var n=1;n
'),mounted:function(t){var e=!1,r=m(".art-progress-loaded",t),i=m(".art-progress-played",t),s=m(".art-progress-highlight",t),l=m(".art-progress-indicator",t),u=m(".art-progress-tip",t);function p(t,e){"loaded"===t&&k(r,"width","".concat(100*e,"%")),"played"===t&&(k(i,"width","".concat(100*e,"%")),k(l,"left","calc(".concat(100*e,"% - ").concat(P(l,"width")/2,"px)")))}o.forEach((function(t){var e=Q(t.time,0,c.duration)/c.duration*100;O(s,''))})),p("loaded",c.loaded),n.on("video:progress",(function(){p("loaded",c.loaded)})),n.on("video:timeupdate",(function(){p("played",c.played)})),n.on("video:ended",(function(){p("played",1)})),a(t,"mousemove",(function(e){k(u,"display","block"),e.composedPath().indexOf(s)>-1?function(e){var r=St(n,e).width,o=e.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?k(u,"left",0):r>t.clientWidth-i/2?k(u,"left","".concat(t.clientWidth-i,"px")):k(u,"left","".concat(r-i/2,"px"))}(e):function(e){var r=St(n,e),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?k(u,"left",0):o>t.clientWidth-a/2?k(u,"left","".concat(t.clientWidth-a,"px")):k(u,"left","".concat(o-a/2,"px"))}(e)})),a(t,"mouseout",(function(){k(u,"display","none")})),a(t,"click",(function(t){if(t.target!==l){var e=St(n,t),r=e.second;p("played",e.percentage),c.seek=r}})),a(l,"mousedown",(function(){e=!0})),a(document,"mousemove",(function(t){if(e){var r=St(n,t),o=r.second,i=r.percentage;v(l,"art-show-indicator"),p("played",i),c.seek=o}})),a(document,"mouseup",(function(){e&&(e=!1,w(l,"art-show-indicator"))}))}})}}function $t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Dt(e){return function(n){return function(e){for(var n=1;n'),f=O(p,'
');function d(t){var e=p.getBoundingClientRect().left;return Q(t.pageX-e-s/2,0,c-s/2)/(c-s)}function h(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)k(l,"display","none"),k(u,"display","flex"),k(f,"left","0");else{var e=(c-s)*t;k(l,"display","flex"),k(u,"display","none"),k(f,"left","".concat(e,"px"))}}$(l,i.get("Mute")),k(u,"display","none"),n.isMobile&&k(p,"display","none"),h(o.volume),n.on("video:volumechange",(function(){h(o.volume)})),e(l,"click",(function(){o.muted=!0})),e(u,"click",(function(){o.muted=!1})),e(p,"click",(function(t){o.muted=!1,o.volume=d(t)})),e(f,"mousedown",(function(){a=!0})),e(t,"mousemove",(function(t){a&&(o.muted=!1,o.volume=d(t))})),e(document,"mouseup",(function(){a&&(a=!1)}))}})}}function Lt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ct(e){return function(n){return function(e){for(var n=1;nr.clientWidth-s/2?k(t,"left","".concat(r.clientWidth-s,"px")):k(t,"left","".concat(i-s/2,"px"))}(o))})),i(r,"mouseout",(function(){k(t,"display","none")}))}})}}function Wt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ft(e){return function(n){return function(e){for(var n=1;n'.concat(s.name,"")),u=e.map((function(t,e){return'
').concat(t.name,"
")})).join(""),p=O(t,'
'.concat(u,"
"));i(t,(function(){p.style.left="-".concat(P(p,"width")/2-t.clientWidth/2,"px")})),o(p,"click",(function(t){var n=Number(t.target.dataset.index),r=e[n],o=r.url,i=r.name;o&&i&&c!==n&&(a.switchQuality(o,i),l.innerText=i,c=n)}))}})}}function Vt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bt(e){return function(n){return function(e){for(var n=1;n'),o=O(t,'');n.on("loop",(function(n){n?(k(t,"display","block"),k(r,"left","calc(".concat(n[0]/e.duration*100,"% - ").concat(r.clientWidth,"px)")),k(o,"left","".concat(n[1]/e.duration*100,"%"))):k(t,"display","none")}))}})}}var Nt=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="control";var o=t.option,i=t.player,a=t.template.$player;return r.delayHide=Z((function(){i.playing&&r.show&&(v(a,"art-hide-cursor"),w(a,"art-hover"),r.show=!1)}),3e3),r.cancelDelayHide=r.delayHide.clearTimeout,t.once("ready",(function(){r.add(Et({name:"progress",disable:o.isLive,position:"top",index:10})),r.add(qt({name:"thumbnails",disable:!o.thumbnails.url||o.isLive,position:"top",index:20})),r.add(Bt({name:"loop",disable:!1,position:"top",index:30})),r.add(jt({name:"playAndPause",disable:!1,position:"left",index:10})),r.add(At({name:"volume",disable:!1,position:"left",index:20})),r.add(Tt({name:"time",disable:o.isLive,position:"left",index:30})),r.add(It({name:"quality",disable:0===o.quality.length,position:"right",index:10})),r.add(Ft({name:"screenshot",disable:!o.screenshot,position:"right",index:20})),r.add(Dt({name:"subtitle",disable:!o.subtitle.url,position:"right",index:30})),r.add(Ct({name:"setting",disable:!o.setting,position:"right",index:40})),r.add(Ot({name:"pip",disable:!o.pip,position:"right",index:50})),r.add(wt({name:"fullscreenWeb",disable:!o.fullscreenWeb,position:"right",index:60})),r.add(gt({name:"fullscreen",disable:!o.fullscreen,position:"right",index:70})),o.controls.forEach((function(t){r.add(t)}))})),r}return u(n,t),r(n,[{key:"add",value:function(t,e){var r=this,o="function"==typeof t?t(this.art):t;A(["top","left","right"].includes(o.position),"Control option.position must one of 'top', 'left', 'right'");var i=this.art.template,a=i.$progress,c=i.$controlsLeft,l=i.$controlsRight;switch(o.position){case"top":this.$parent=a;break;case"left":this.$parent=c;break;case"right":this.$parent=l}yt(s(n.prototype),"add",this).call(this,o,(function(t){o.disable||"top"===o.position||t.firstElementChild&&"I"===t.firstElementChild.tagName||v(t,"art-control-onlyText"),e&&e(t,r,r.art)}))}}]),n}(bt);function Ut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _t(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n0.50.75').concat(r.get("Normal"),'1.251.52.0'),click:function(t,e){var n=e.target.dataset.rate;n&&(o.playbackRate=Number(n),t.show=!1)},mounted:function(t){n.on("playbackRate",(function(e){var n=g("span",t).find((function(t){return Number(t.dataset.rate)===e}));n&&E(n,"art-current")}))}})}}function Xt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yt(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n').concat(r.get("Default"),'4:316:9'),click:function(t,e){var n=e.target.dataset.ratio;n&&(o.aspectRatio=n,t.show=!1)},mounted:function(t){n.on("aspectRatio",(function(e){var n=g("span",t).find((function(t){return t.dataset.ratio===e}));n&&E(n,"art-current")}))}})}}function Zt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jt(e){return function(n){return function(e){for(var n=1;nArtPlayer 3.5.9'})}function Kt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function te(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;ns+c&&(h=c-d),n+f>u+i&&(y=i-f),j(l,{top:"".concat(y,"px"),left:"".concat(h,"px")})})),u(a,"click",(function(t){t.composedPath().includes(l)||(r.show=!1)})),t.on("blur",(function(){r.show=!1}))})),r}return u(n,t),n}(bt),oe=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="info";var o=t.template,i=o.$infoPanel,a=o.$infoClose,l=o.$video;(0,t.events.proxy)(a,"click",(function(){r.show=!1}));var u=null,p=g("[data-video]",i);return t.on("destroy",(function(){clearTimeout(u)})),t.on("info",(function(t){clearTimeout(u),t&&function t(){p.forEach((function(t){var e=l[t.dataset.video];t.innerText="number"==typeof e?e.toFixed(2):e})),u=setTimeout((function(){t()}),1e3)}()})),r}return u(n,t),n}(bt),ie=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="subtitle";var o=t.option.subtitle;return j(t.template.$subtitle,o.style),o.url&&r.init(o.url),r}return u(n,t),r(n,[{key:"update",value:function(){var t=this.art.template.$subtitle;t.innerHTML="",this.activeCue&&(t.innerHTML=this.activeCue.text.split(/\r?\n/).map((function(t){return"

".concat(K(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t,e,n){var r=this,o=this.art,i=o.i18n,a=o.notice;return this.init(t,n).then((function(t){return e&&(a.show="".concat(i.get("Switch subtitle"),": ").concat(e)),r.art.emit("subtitleSwitch",t),t}))}},{key:"init",value:function(t,e){var n=this,r=this.art,o=r.notice,i=r.events.proxy,a=r.template,c=a.$subtitle,s=a.$video;if(!a.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",s.appendChild(l),this.art.template.$track=l,i(this.textTrack,"cuechange",this.update.bind(this))}return fetch(t).then((function(t){return t.text()})).then((function(r){switch(n.art.emit("subtitleLoad",t),e||q(t)){case"srt":return C(L(r));case"ass":return C(M(r));case"vtt":return C(r);default:return t}})).then((function(t){return c.innerHTML="",n.url===t?t:(URL.revokeObjectURL(n.url),n.art.template.$track.src=t,t)})).catch((function(t){throw o.show=t,t}))}},{key:"url",get:function(){return this.art.template.$track.src}},{key:"textTrack",get:function(){return this.art.template.$video.textTracks[0]}},{key:"activeCue",get:function(){return this.textTrack.activeCues[0]}}]),n}(bt);var ae=function(){function t(n){var r=this;e(this,t),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),n.whitelist.state&&n.once("ready",(function(){!function(t,e){var n=t.controls,r=t.template.$player;e.proxy(document,["click","contextmenu"],(function(e){e.composedPath&&e.composedPath().indexOf(r)>-1?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})),t.on("blur",(function(){n.delayHide()}))}(n,r),function(t,e){var n=t.controls,r=t.template.$player;e.hover(r,(function(){v(r,"art-hover"),t.emit("hover",!0)}),(function(){w(r,"art-hover"),t.emit("hover")})),t.on("hover",(function(t){t||n.delayHide()}))}(n,r),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=t.controls;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)})),t.on("mousemove",(function(t){a.cancelDelayHide(),w(r,"art-hide-cursor"),a.show=!0,i.pip||t.target!==o||a.delayHide()}))}(n,r),function(t,e){var n=t.option,r=t.player,o=J((function(){r.normal&&(r.autoSize=n.autoSize),r.aspectRatioReset=!0,t.emit("resize")}),500);e.proxy(window,["orientationchange","resize"],(function(){o()}))}(n,r),function(t,e){if(t.isMobile&&!t.option.isLive){var n=t.player,r=t.notice,o=t.template.$video,i=!1,a=0,c=0;e.proxy(o,"touchstart",(function(t){1===t.touches.length&&(i=!0,a=t.touches[0].clientX)})),e.proxy(document,"touchmove",(function(t){if(1===t.touches.length&&i){var e=Q((t.touches[0].clientX-a)/o.clientWidth,-1,1);c=Q(n.currentTime+60*e,0,n.duration),r.show="".concat(G(c)," / ").concat(G(n.duration))}})),e.proxy(document,"touchend",(function(){i&&c&&(n.seek=c),i=!1,a=0,c=0}))}}(n,r),function(t,e){var n=t.player,r=t.option.autoMini,o=t.template.$container,i=Z((function(){t.emit("view",D(o))}),200);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(t){r&&(n.mini=!t)}))}(n,r)}))}return r(t,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(t);(o=new Image).src=t}return o.complete?n(o):(e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(o)})),t)}))}},{key:"destroy",value:function(){this.destroyEvents.forEach((function(t){return t()}))}}]),t}(),ce=function(){function t(n){var r=this;e(this,t),this.keys={};var o=n.option,i=n.player,a=n.events.proxy;o.hotkey&&n.once("ready",(function(){r.add(27,(function(){i.fullscreenWeb&&(i.fullscreenWeb=!1)})),r.add(32,(function(){i.toggle=!0})),r.add(37,(function(){i.backward=5})),r.add(38,(function(){i.volume+=.1})),r.add(39,(function(){i.forward=5})),r.add(40,(function(){i.volume-=.1})),a(window,"keydown",(function(t){if(n.isFocus){var e=document.activeElement.tagName.toUpperCase(),o=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==o&&"true"!==o){var i=r.keys[t.keyCode];i&&(t.preventDefault(),i.forEach((function(t){return t()})),n.emit("hotkey",t))}}}))}))}return r(t,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}}]),t}(),se=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this,t))).name="layer",r.$parent=t.template.$layer,t.once("ready",(function(){t.option.layers.forEach((function(t){r.add(t)}))})),r}return u(n,t),n}(bt),le=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this,t))).name="loading",O(t.template.$loading,t.icons.loading),r}return u(n,t),n}(bt),ue=function(){function t(n){e(this,t),this.art=n,this.time=2e3,this.timer=null}return r(t,[{key:"show",set:function(t){var e=this.art.template,n=e.$player,r=e.$noticeInner;r.innerText=t instanceof Error?t.message.trim():t,v(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout((function(){r.innerText="",w(n,"art-notice-show")}),this.time)}}]),t}(),pe=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this,t))).name="mask",O(t.template.$state,t.icons.state),r}return u(n,t),n}(bt);function fe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var de=function n(r){var o=this;e(this,n);var i=function(e){for(var n=1;n',state:'',play:'',pause:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:''},r.option.icons);Object.keys(i).forEach((function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),O(e,i[t]),o[t]=e}))};function he(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ye(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n'.concat(r.get("Flip"),'
"),click:function(t,e){var n=e.target.dataset.value;n&&(o.flip=n)},mounted:function(t){n.on("flip",(function(e){var n=g("button",t).find((function(t){return t.dataset.value===e}));n&&E(n.parentElement,"current")}))}})}}function be(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function me(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n'.concat(r.get("Aspect ratio"),'
'),click:function(t,e){var n=e.target.dataset.value;n&&(o.aspectRatio=n)},mounted:function(t){n.on("aspectRatio",(function(e){var n=g("button",t).find((function(t){return t.dataset.value===e}));n&&E(n.parentElement,"current")}))}})}}function ge(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ve(e){return function(n){var r=n.i18n,o=n.player,i=n.events.proxy;return function(e){for(var n=1;n'.concat(r.get("Play speed"),': 1.0x
'),mounted:function(t){var e=m(".art-setting-range input",t),r=m(".art-subtitle-value",t);i(e,"change",(function(){var t=e.value;r.innerText=t,o.playbackRate=Number(t)})),n.on("playbackRate",(function(t){t&&e.value!==t&&(e.value=t,r.innerText=t)}))}})}}var we=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="setting";var o=t.option,i=t.template,a=i.$setting,l=i.$settingBody,u=t.events.proxy;return r.$parent=l,o.setting&&(t.once("ready",(function(){u(a,"click",(function(t){t.target===a&&(r.show=!1)})),r.add(ye({disable:!o.flip,name:"flip"})),r.add(me({disable:!o.aspectRatio,name:"aspectRatio"})),r.add(ve({disable:!o.playbackRate,name:"playbackRate"}))})),t.on("blur",(function(){r.show=!1}))),r}return u(n,t),n}(bt),xe=function(){function n(){e(this,n),this.name="artplayer_settings"}return r(n,[{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.name))||{};return t?e[t]:e}},{key:"set",value:function(e,n){var r=Object.assign({},this.get(),t({},e,n));localStorage.setItem(this.name,JSON.stringify(r))}},{key:"del",value:function(t){var e=this.get();delete e[t],localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){localStorage.removeItem(this.name)}}]),n}();function Oe(t){var e=t.i18n,n=t.subtitle,r=t.events.proxy;return{title:"Subtitle",name:"subtitleOffset",index:20,html:'
'.concat(e.get("Subtitle offset time"),': 0s
'),mounted:function(e){var o=m(".art-setting-range input",e),i=m(".art-subtitle-value",e);r(o,"change",(function(){var e=o.value;i.innerText=e,t.plugins.subtitleOffset.offset(Number(e))})),t.on("subtitle:switch",(function(){o.value=0,i.innerText=0})),t.on("subtitleOffset",(function(t){n.update(),o.value!==t&&(o.value=t,i.innerText=t)}))}}}function ke(t){var e=t.constructor.utils.clamp,n=t.setting,r=t.notice,o=t.template,i=t.i18n,a=t.player;n.add(Oe);var c=[];return t.on("subtitle:switch",(function(){c=[]})),{name:"subtitleOffset",offset:function(n){if(o.$track&&o.$track.track){var s=Array.from(o.$track.track.cues),l=e(n,-5,5);s.forEach((function(t,n){c[n]||(c[n]={startTime:t.startTime,endTime:t.endTime}),t.startTime=e(c[n].startTime+l,0,a.duration),t.endTime=e(c[n].endTime+l,0,a.duration)})),r.show="".concat(i.get("Subtitle offset time"),": ").concat(n,"s"),t.emit("subtitleOffset",n)}else r.show="".concat(i.get("No subtitles found")),t.emit("subtitleOffset",0)}}}function je(t){var e=t.events.proxy,n=t.template,r=t.player,o=t.option,i=t.setting,a=t.i18n;function c(e){if(e){var i=n.$video.canPlayType(e.type);if("maybe"===i||"probably"===i){var a=URL.createObjectURL(e);o.title=e.name,r.switchUrl(a,e.name),t.emit("localVideo",e)}else A(!1,"Playback of this file format is not supported")}}function s(t){var n=O(t,'');k(t,"position","relative"),j(n,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(n,"change",(function(){c(n.files[0])}))}return e(n.$player,"dragover",(function(t){t.preventDefault()})),e(n.$player,"drop",(function(t){t.preventDefault(),c(t.dataTransfer.files[0])})),t.once("ready",(function(){i.add({title:"Local Video",name:"localVideo",index:30,html:'
'.concat(a.get("Local Video"),'
').concat(a.get("Open"),'
'),mounted:function(e){var n=m(".art-upload-btn",e),r=m(".art-upload-value",e);t.on("localVideo",(function(t){r.textContent=t.name,r.title=t.name})),s(n)}})})),{name:"localVideo",attach:s}}function Pe(t){var e=t.events.proxy,n=t.subtitle,r=t.setting,o=t.i18n;function i(r){var o=O(r,'');k(r,"position","relative"),j(o,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(o,"change",(function(){!function(e){if(e){var r=q(e.name);if(["ass","vtt","srt"].includes(r)){var o=URL.createObjectURL(e);n.switch(o,e.name,r),t.emit("localSubtitle",e)}else A(!1,"Only supports subtitle files in .ass, .vtt and .srt format")}}(o.files[0])}))}return t.once("ready",(function(){r.add({title:"Local Subtitle",name:"localSubtitle",index:40,html:'
'.concat(o.get("Local Subtitle"),'
').concat(o.get("Open"),'
'),mounted:function(e){var n=m(".art-upload-btn",e),r=m(".art-upload-value",e);t.on("localSubtitle",(function(t){r.textContent=t.name,r.title=t.name})),i(n)}})})),{name:"localSubtitle",attach:i}}function Se(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"2px",background:r},mounted:function(e){t.on("control",(function(t){e.style.display=t?"none":"block"})),t.on("destroy",(function(){e.style.display="none"})),t.on("video:timeupdate",(function(){e.style.width="".concat(100*n.played,"%")}))}}),{name:"miniProgressBar"}}function Ee(t){var e=1e4,n=0,r=0,o=0,i=null;function a(){n=0,r=0,o=0,cancelAnimationFrame(i),i=null}function c(){i||function a(){t.isDestroy||(i=requestAnimationFrame((function(){var i=Date.now();if(o){var c=i-o;r+=c,t.player.playing||(n+=c)}o=i,t.emit("networkMonitor",n/r),r>=e&&(n=0,r=0),a()})))}()}return t.on("play",c),t.on("pause",a),{name:"networkMonitor",reset:a,start:c,sample:function(t){e=t}}}var $e=function(){function t(n){var r=this;e(this,t),this.art=n,this.id=0;var o=n.option;o.subtitle.url&&o.subtitleOffset&&this.add(ke),!o.isLive&&o.miniProgressBar&&this.add(Se),o.localVideo&&this.add(je),o.localSubtitle&&this.add(Pe),o.networkMonitor&&this.add(Ee),n.option.plugins.forEach((function(t){r.add(t)}))}return r(t,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art),n=e&&e.name||t.name||"plugin".concat(this.id);return A(!U(this,n),"Cannot add a plugin that already has the same name: ".concat(n)),B(this,n,{value:e}),this}}]),t}(),De=function t(n){e(this,t);var r=n.option,o=n.events.proxy,i=n.template.$video;it.events.forEach((function(t){o(i,t,(function(t){n.emit("video:".concat(t.type),t)}))})),Object.keys(r.moreVideoAttr).forEach((function(t){i[t]=r.moreVideoAttr[t]})),r.muted&&(i.muted=r.muted),r.volume&&(i.volume=Q(r.volume,0,1)),r.poster&&(i.poster=r.poster),r.autoplay&&(i.autoplay=r.autoplay),i.controls=!0;var a=r.type||q(r.url),c=r.customType[a];a&&c?(c(i,r.url,n),n.emit("customType",a)):(i.src=r.url,n.emit("url",i.src))},Re=0,Te=[],ze=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this))).option=p(X(n.option,t),ot),r.isFocus=!1,r.isDestroy=!1,r.userAgent=d,r.isMobile=h,r.isWechat=b,r.whitelist=new at(a(r)),r.template=new ct(a(r)),r.events=new ae(a(r)),r.whitelist.state?(r.storage=new xe(a(r)),r.icons=new de(a(r)),r.i18n=new ut(a(r)),r.notice=new ue(a(r)),r.player=new dt(a(r)),r.layers=new se(a(r)),r.controls=new Nt(a(r)),r.contextmenu=new re(a(r)),r.subtitle=new ie(a(r)),r.info=new oe(a(r)),r.loading=new le(a(r)),r.hotkey=new ce(a(r)),r.mask=new pe(a(r)),r.setting=new we(a(r)),r.plugins=new $e(a(r))):r.mobile=new De(a(r)),Re+=1,r.id=Re,Te.push(a(r)),r}return u(n,t),r(n,[{key:"destroy",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),Te.splice(Te.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return Te}},{key:"version",get:function(){return"3.5.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return it}},{key:"utils",get:function(){return tt}},{key:"scheme",get:function(){return ot}},{key:"Emitter",get:function(){return f}},{key:"validator",get:function(){return p}},{key:"kindOf",get:function(){return p.kindOf}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMin:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,light:!1,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,localVideo:!1,localSubtitle:!1,networkMonitor:!1,layers:[],contextmenu:[],controls:[],quality:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:y?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),n}(f);function Ae(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}return console.log("%c ArtPlayer %c 3.5.9 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),{data:function(){return{instance:null}},props:{option:{type:Object,required:!0},getInstance:Function},mounted:function(){this.instance=new ze(function(e){for(var n=1;nobject{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}.art-video-player .art-subtitle{display:none;position:absolute;z-index:20;bottom:10px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.art-video-player .art-subtitle p{word-break:break-all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:40px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-mask,.art-video-player .art-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.art-video-player .art-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.art-video-player.art-mask-show .art-mask,.art-video-player .art-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.art-video-player.art-loading-show .art-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:55px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.art-video-player .art-bottom .art-progress{position:relative;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4px;cursor:pointer}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{position:relative;height:50%;width:100%;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:100%;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:100%;background:#fff;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner{height:100%}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-indicator,.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-tip{display:block}.art-video-player .art-bottom .art-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.art-video-player .art-bottom .art-progress .art-control-loop{display:none;position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point{position:absolute;left:0;top:-2px;width:2px;height:8px;background:hsla(0,0%,100%,.75)}.art-video-player .art-bottom .art-controls{position:relative;pointer-events:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:5px 0}.art-video-player .art-bottom .art-controls,.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.art-video-player .art-bottom .art-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{position:relative;z-index:30}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-destroy .art-progress-tip,.art-video-player.art-error .art-progress-indicator,.art-video-player.art-error .art-progress-tip{display:none!important}.art-video-player .art-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.art-video-player .art-notice .art-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.art-video-player.art-notice-show .art-notice{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-contextmenus{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.9);border-radius:3px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;font-size:12px;display:block;color:#fff;padding:10px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{display:inline-block;padding:0 7px}.art-video-player .art-contextmenus .art-contextmenu span.art-current,.art-video-player .art-contextmenus .art-contextmenu span:hover{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:none}.art-video-player.art-contextmenu-show .art-contextmenus,.art-video-player .art-settings{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.art-video-player .art-settings .art-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.9);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.art-video-player .art-settings .art-setting-inner .art-setting-body{overflow-y:auto;width:100%;height:100%}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting .art-setting-header{margin-bottom:5px}.art-video-player .art-settings .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.art-video-player .art-settings .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.art-video-player .art-settings .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.art-video-player .art-settings .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.art-video-player .art-settings .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.art-video-player .art-settings .art-setting-upload{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-upload .art-upload-btn{width:80px;height:22px;line-height:22px;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px;text-align:center}.art-video-player .art-settings .art-setting-upload .art-upload-value{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;padding-left:10px}.art-video-player.art-setting-show .art-settings{opacity:1;visibility:visible;pointer-events:auto}.art-video-player.art-setting-show .art-settings .art-setting-inner{right:0}.art-video-player .art-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.9)}.art-video-player .art-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.art-video-player .art-info .art-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.art-video-player.art-info-show .art-info{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player.art-hide-cursor *{cursor:none!important}.art-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.art-video-player.art-fullscreen-web{position:fixed;z-index:9999;width:100%!important;height:100%!important;left:0;top:0;right:0;bottom:0}.art-fullscreen-rotate{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:#000}.art-video-player .art-mini-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.art-video-player .art-mini-header .art-mini-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.art-video-player .art-mini-header .art-mini-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-mini{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.art-video-player.art-mini .art-mini-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.art-video-player.art-mini.art-hover .art-mini-header{opacity:1;visibility:visible}.art-video-player.art-mini .art-mask .art-state{position:static}.art-video-player.art-mini .art-bottom,.art-video-player.art-mini .art-contextmenu,.art-video-player.art-mini .art-danmu,.art-video-player.art-mini .art-info,.art-video-player.art-mini .art-layers,.art-video-player.art-mini .art-notice,.art-video-player.art-mini .art-setting,.art-video-player.art-mini .art-subtitle{display:none!important}.art-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.art-video-player[data-flip=horizontal] .art-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.art-video-player .art-control-switcher{position:relative}.art-video-player .art-control-switcher .art-switcher-list{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-control-switcher .art-switcher-list .art-switcher-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-control-switcher .art-switcher-list .art-switcher-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-control-switcher:hover .art-switcher-list{display:block}:root{--balloon-color:rgba(16,16,16,0.95);--balloon-font-size:12px;--balloon-move:4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:#fff;content:attr(aria-label);padding:.5em 1em;white-space:nowrap;line-height:1.2}[aria-label][data-balloon-pos]:after,[aria-label][data-balloon-pos]:before{opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--balloon-color);content:""}[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before{opacity:1;pointer-events:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,var(--balloon-move));transform:translate(-50%,var(--balloon-move));-webkit-transform-origin:top;transform-origin:top}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before{-webkit-transform:translate(-50%);transform:translate(-50%)}');var p=o((function(t,e){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var o=t(n);if("boolean"===o)return"boolean";if("string"===o)return"string";if("number"===o)return"number";if("symbol"===o)return"symbol";if("function"===o)return function(t){return"GeneratorFunction"===r(t)}(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(o=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return o.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function o(t,e){var r=21?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelector(t)}function g(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function v(t,e){return t.classList.add(e)}function w(t,e){return t.classList.remove(e)}function x(t,e){return t.classList.contains(e)}function O(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function k(t,e,n){return t.style[e]=n,t}function j(t,e){return Object.keys(e).forEach((function(n){k(t,n,e[n])})),t}function P(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function S(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function E(t,e){S(t).forEach((function(t){return w(t,e)})),v(t,e)}function $(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";h||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function D(t){var e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth,o=e.top<=n&&e.top+e.height>=0,i=e.left<=r&&e.left+e.width>=0;return o&&i}var R=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},T=o((function(t){function e(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}function n(r,o,i){return e()?t.exports=n=Reflect.construct:t.exports=n=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&l(o,n.prototype),o},n.apply(null,arguments)}t.exports=n})),z=function(t){function n(t,r){var o;return e(this,n),o=c(this,s(n).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(a(o),r||o.constructor),o.name="ArtPlayerError",o}return u(n,t),n}(o((function(t){function e(n){var r="function"==typeof Map?new Map:void 0;return t.exports=e=function(t){if(null===t||!R(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return T(t,arguments,s(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),l(e,t)},e(n)}t.exports=e}))(Error));function A(t,e){if(!t)throw new z(e);return t}function L(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function C(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function M(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t.split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function q(t){return t.includes("?")?q(t.split("?")[0]):t.includes("#")?q(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function F(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var H=function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1?e-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function Z(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function K(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var tt=Object.freeze({__proto__:null,query:m,queryAll:g,addClass:v,removeClass:w,hasClass:x,append:O,remove:function(t){return t.parentNode.removeChild(t)},setStyle:k,setStyles:j,getStyle:P,sublings:S,inverseClass:E,tooltip:$,isInViewport:D,ArtPlayerError:z,errorHandle:A,srtToVtt:L,vttToBlob:C,assToVtt:M,getExt:q,download:F,def:B,has:U,proxyPropertys:_,mergeDeep:X,sleep:Y,debounce:Z,throttle:J,clamp:Q,secondToTime:G,escape:K,userAgent:d,isMobile:h,isSafari:b,isWechat:y});function et(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nt(t,e,n){return A("string"===e||t instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}var rt={html:nt,disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"},ot={container:nt,url:"string",poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",autoMin:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",light:"boolean",backdrop:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",subtitleOffset:"boolean",miniProgressBar:"boolean",localVideo:"boolean",localSubtitle:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[rt],contextmenu:[rt],controls:[function(e){for(var n=1;n-1;case"function":return t(n.userAgent);case"regexp":return t.test(n.userAgent);default:return!1}}))},ct=function(){function t(n){var r=this;e(this,t),this.art=n,n.option.container instanceof Element?this.$container=n.option.container:(this.$container=m(n.option.container),A(this.$container,"No container element found by ".concat(n.option.container))),A(n.constructor.instances.every((function(t){return t.template.$container!==r.$container})),"Cannot mount multiple instances on the same dom element"),A(this.$container.clientWidth&&this.$container.clientHeight,"The width and height of the container cannot be 0"),n.whitelist.state?this.desktop():this.mobile()}return r(t,[{key:"query",value:function(t){return m(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option,e=t.theme,n=t.backdrop;this.$container.innerHTML='
Player version:
3.5.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'),this.$undercover=this.query(".art-undercover"),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$settingInner=this.query(".art-setting-inner"),this.$settingBody=this.query(".art-setting-body"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),n&&(v(this.$settingInner,"art-backdrop-filter"),v(this.$info,"art-backdrop-filter"),v(this.$contextmenu,"art-backdrop-filter")),this.art.isMobile&&v(this.$container,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":v(this.$player,"art-destroy")}}]),t}(),st={"Video info":"视频统计信息",Close:"关闭","Light Off":"关灯","Light On":"开灯","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","PIP mode":"画中画模式","Exit PIP mode":"退出画中画模式","PIP not supported":"不支持画中画模式","Local Subtitle":"本地字幕","Local Video":"本地视频","Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},lt={"Video info":"影片統計訊息",Close:"關閉","Light Off":"關燈","Light On":"開燈","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕","Show setting":"顯示设置","Hide setting":"隱藏设置",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","PIP mode":"畫中畫模式","Exit PIP mode":"退出畫中畫模式","PIP not supported":"不支持畫中畫模式","Local Subtitle":"本地字幕","Local Video":"本地視頻","Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"},ut=function(){function t(n){e(this,t),this.art=n,this.languages={"zh-cn":st,"zh-tw":lt},this.init()}return r(t,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=X(this.languages,t),this.init()}}]),t}();var pt=o((function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};rh){var b=h*u/l;k(r,"width","".concat(100*b,"%")),k(r,"height","100%"),k(r,"padding","0 ".concat((p-p*b)/2,"px"))}else{var y=l/h/u;k(r,"width","100%"),k(r,"height","".concat(100*y,"%")),k(r,"padding","".concat((f-f*y)/2,"px 0"))}}o.dataset.aspectRatio=n,a.show="".concat(i.get("Aspect ratio"),": ").concat("default"===n?i.get("Default"):n),t.emit("aspectRatio",n)}else e.aspectRatio&&(k(r,"width",null),k(r,"height",null),k(r,"padding",null),delete o.dataset.aspectRatio,t.emit("aspectRatio"))}}),B(e,"aspectRatioReset",{set:function(t){if(t&&e.aspectRatio){var n=e.aspectRatio;e.aspectRatio=n}}})}(n,this),function(t,e){var n=t.option,r=t.notice,o=t.template.$video,i=document.createElement("canvas");B(e,"getDataURL",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),t(i.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),B(e,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),i.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),B(e,"screenshot",{value:function(){e.getDataURL().then((function(e){F(e,"".concat(n.title||"artplayer","_").concat(G(o.currentTime),".png")),t.emit("screenshot",e)}))}})}(n,this),function(t,e){var n=t.template.$player;B(e,"fullscreen",{get:function(){return pt.isFullscreen},set:function(r){r?pt.request(n).then((function(){v(n,"art-fullscreen"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreen",!0)})):pt.exit().then((function(){w(n,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreen")}))}}),B(e,"fullscreenToggle",{set:function(t){t&&(e.fullscreen=!e.fullscreen)}})}(n,this),function(t,e){var n=t.template.$player;B(e,"fullscreenWeb",{get:function(){return x(n,"art-fullscreen-web")},set:function(r){r?(v(n,"art-fullscreen-web"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreenWeb",!0)):(w(n,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"))}}),B(e,"fullscreenWebToggle",{set:function(t){t&&(e.fullscreenWeb=!e.fullscreenWeb)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player;B(e,"fullscreenRotate",{get:function(){return x(r,"art-fullscreen-rotate")},set:function(n){if(n){v(r,"art-fullscreen-rotate"),e.autoSize=!0;var i=document.body,a=i.clientHeight,c=i.clientWidth,s=o.clientHeight,l=o.clientWidth;if(c/a0&&!n.paused&&!n.ended&&n.readyState>2)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player,i=n.$video;B(e,"autoSize",{get:function(){return x(r,"art-auto-size")},set:function(n){if(n){var a=i.videoWidth,c=i.videoHeight,s=r.getBoundingClientRect(),l=s.width,u=s.height,p=a/c,f=l/u;if(v(r,"art-auto-size"),f>p){k(o,"width","".concat(u*p/l*100,"%")),k(o,"height","100%")}else{var d=l/p/u*100;k(o,"width","100%"),k(o,"height","".concat(d,"%"))}t.emit("autoSize",{width:e.width,height:e.height})}else w(r,"art-auto-size"),k(o,"width",null),k(o,"height",null),t.emit("autoSize")}})}(n,this),function(t,e){B(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach((function(t){B(e,t,{get:function(){return e.rect[t]}})})),B(e,"x",{get:function(){return e.left+window.pageXOffset}}),B(e,"y",{get:function(){return e.top+window.pageYOffset}})}(n,this),function(t,e){var n=t.template.$player;B(e,"flip",{get:function(){return n.dataset.flip},set:function(e){if(e){var r=["normal","horizontal","vertical"];A(r.includes(e),"'flip' only accept ".concat(r.toString()," as parameters")),n.dataset.flip=e,t.emit("flip",e)}else delete n.dataset.flip,t.emit("flip")}})}(n,this),function(t,e){var n=t.template.$undercover;B(e,"light",{get:function(){return"none"!==P(n,"display",!1)},set:function(e){k(n,"display",e?"block":"none"),t.emit("light",e)}})}(n,this),function(t,e){var n=t.i18n,r=t.option,o=t.storage,i=t.events.proxy,a=t.template,c=a.$player,s=a.$miniClose,l=a.$miniTitle,u=a.$miniHeader,p="",f=!1,d=0,h=0,b=0,y=0;i(u,"mousedown",(function(t){f=!0,d=t.pageX,h=t.pageY,b=e.left,y=e.top})),i(document,"mousemove",(function(t){if(f){v(c,"art-is-dragging");var e=y+t.pageY-h,n=b+t.pageX-d;k(c,"top","".concat(e,"px")),k(c,"left","".concat(n,"px")),o.set("top",e),o.set("left",n)}})),i(document,"mouseup",(function(){f=!1,w(c,"art-is-dragging")})),i(s,"click",(function(){e.mini=!1,f=!1,w(c,"art-is-dragging")})),O(l,r.title||n.get("Mini player")),B(e,"mini",{get:function(){return x(c,"art-mini")},set:function(n){if(n){e.autoSize=!1,p=c.style.cssText,v(c,"art-mini");var i=o.get("top"),a=o.get("left");if(i&&a)k(c,"top","".concat(i,"px")),k(c,"left","".concat(a,"px")),D(u)||(o.del("top"),o.del("left"),e.mini=!0);else{var s=document.body,l=s.clientHeight-e.height-50,f=s.clientWidth-e.width-50;o.set("top",l),o.set("left",f),k(c,"top","".concat(l,"px")),k(c,"left","".concat(f,"px"))}e.aspectRatio=!1,e.playbackRate=!1,t.emit("mini",!0)}else c.style.cssText=p,w(c,"art-mini"),k(c,"top",null),k(c,"left",null),e.aspectRatio=!1,e.playbackRate=!1,e.autoSize=r.autoSize,t.emit("mini")}}),B(e,"miniToggle",{set:function(t){t&&(e.mini=!e.mini)}})}(n,this),function(t,e){var n=[];B(e,"loop",{get:function(){return n},set:function(r){if(Array.isArray(r)&&"number"==typeof r[0]&&"number"==typeof r[1]){var o=Q(r[0],0,Math.min(r[1],e.duration)),i=Q(r[1],o,e.duration);i-o>=1?(n=[o,i],t.emit("loop",n)):(n=[],t.emit("loop"))}else n=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){n.length&&(e.currentTimen[1])&&(e.seek=n[0])}))}(n,this),_(n,this)};var ht=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=s(t)););return t},bt=o((function(t){function e(n,r,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=e=Reflect.get:t.exports=e=function(t,e,n){var r=ht(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}},e(n,r,o||n)}t.exports=e})),yt=function(){function t(n){e(this,t),this.id=0,this.art=n,this.add=this.add.bind(this)}return r(t,[{key:"add",value:function(t,e){var n=this,r="function"==typeof t?t(this.art):t;if(this.$parent&&this.name&&!r.disable){this.id+=1;var o=r.name||"".concat(this.name).concat(this.id);A(!U(this,o),"Cannot add an existing name [".concat(o,"] to the [").concat(this.name,"]"));var i=document.createElement("div");i.classList.value="art-".concat(this.name," art-").concat(this.name,"-").concat(o),r.html&&O(i,r.html),r.style&&j(i,r.style),r.tooltip&&$(i,r.tooltip);var a=Array.from(this.$parent.children);i.dataset.index=r.index||this.id;var c=a.find((function(t){return Number(t.dataset.index)>=Number(i.dataset.index)}));c?c.insertAdjacentElement("beforebegin",i):O(this.$parent,i),r.click&&this.art.events.proxy(i,"click",(function(t){t.preventDefault(),r.click.call(n.art,n,t)})),r.mounted&&r.mounted(i,this,this.art),e&&e(i,this,this.art),B(this,o,{get:function(){return r}})}}},{key:"show",get:function(){return x(this.art.template.$player,"art-".concat(this.name,"-show"))},set:function(t){var e=this.art.template.$player,n="art-".concat(this.name,"-show");t?v(e,n):w(e,n),this.art.emit(this.name,t)}},{key:"toggle",set:function(t){t&&(this.show=!this.show)}}]),t}();function mt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gt(e){return function(n){return function(e){for(var n=1;n
'),mounted:function(t){var e=!1,r=m(".art-progress-loaded",t),i=m(".art-progress-played",t),s=m(".art-progress-highlight",t),l=m(".art-progress-indicator",t),u=m(".art-progress-tip",t);function p(t,e){"loaded"===t&&k(r,"width","".concat(100*e,"%")),"played"===t&&(k(i,"width","".concat(100*e,"%")),k(l,"left","calc(".concat(100*e,"% - ").concat(P(l,"width")/2,"px)")))}o.forEach((function(t){var e=Q(t.time,0,c.duration)/c.duration*100;O(s,''))})),p("loaded",c.loaded),n.on("video:progress",(function(){p("loaded",c.loaded)})),n.on("video:timeupdate",(function(){p("played",c.played)})),n.on("video:ended",(function(){p("played",1)})),a(t,"mousemove",(function(e){k(u,"display","block"),e.composedPath().indexOf(s)>-1?function(e){var r=St(n,e).width,o=e.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?k(u,"left",0):r>t.clientWidth-i/2?k(u,"left","".concat(t.clientWidth-i,"px")):k(u,"left","".concat(r-i/2,"px"))}(e):function(e){var r=St(n,e),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?k(u,"left",0):o>t.clientWidth-a/2?k(u,"left","".concat(t.clientWidth-a,"px")):k(u,"left","".concat(o-a/2,"px"))}(e)})),a(t,"mouseout",(function(){k(u,"display","none")})),a(t,"click",(function(t){if(t.target!==l){var e=St(n,t),r=e.second;p("played",e.percentage),c.seek=r}})),a(l,"mousedown",(function(){e=!0})),a(document,"mousemove",(function(t){if(e){var r=St(n,t),o=r.second,i=r.percentage;v(l,"art-show-indicator"),p("played",i),c.seek=o}})),a(document,"mouseup",(function(){e&&(e=!1,w(l,"art-show-indicator"))}))}})}}function $t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Dt(e){return function(n){return function(e){for(var n=1;n'),u=O(l,'
');function p(t){var e=l.getBoundingClientRect().left;return Q(t.pageX-e-6,0,54)/48}function f(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)k(c,"display","none"),k(s,"display","flex"),k(u,"left","0");else{var e=48*t;k(c,"display","flex"),k(s,"display","none"),k(u,"left","".concat(e,"px"))}}$(c,i.get("Mute")),k(s,"display","none"),n.isMobile&&k(l,"display","none"),f(o.volume),n.on("video:volumechange",(function(){f(o.volume)})),e(c,"click",(function(){o.muted=!0})),e(s,"click",(function(){o.muted=!1})),e(l,"click",(function(t){o.muted=!1,o.volume=p(t)})),e(u,"mousedown",(function(){a=!0})),e(t,"mousemove",(function(t){a&&(o.muted=!1,o.volume=p(t))})),e(document,"mouseup",(function(){a&&(a=!1)}))}})}}function Lt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ct(e){return function(n){return function(e){for(var n=1;nr.clientWidth-s/2?k(t,"left","".concat(r.clientWidth-s,"px")):k(t,"left","".concat(i-s/2,"px"))}(o))})),i(r,"mouseout",(function(){k(t,"display","none")}))}})}}function Ft(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ht(e){return function(n){return function(e){for(var n=1;n'.concat(s.name,"")),u=e.map((function(t,e){return'
').concat(t.name,"
")})).join(""),p=O(t,'
'.concat(u,"
"));i(t,(function(){p.style.left="-".concat(P(p,"width")/2-P(t,"width")/2,"px")})),o(p,"click",(function(t){var n=Number(t.target.dataset.index),r=e[n],o=r.url,i=r.name;o&&i&&c!==n&&(a.switchQuality(o,i),l.innerText=i,c=n)}))}})}}function Vt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bt(e){return function(n){return function(e){for(var n=1;n'),o=O(t,'');n.on("loop",(function(n){n?(k(t,"display","block"),k(r,"left","calc(".concat(n[0]/e.duration*100,"% - ").concat(r.clientWidth,"px)")),k(o,"left","".concat(n[1]/e.duration*100,"%"))):k(t,"display","none")}))}})}}var Nt=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="control";var o=t.option,i=t.player,a=t.template.$player;return r.delayHide=Z((function(){i.playing&&r.show&&(v(a,"art-hide-cursor"),w(a,"art-hover"),r.show=!1)}),3e3),r.cancelDelayHide=r.delayHide.clearTimeout,t.once("ready",(function(){r.add(Et({name:"progress",disable:o.isLive,position:"top",index:10})),r.add(qt({name:"thumbnails",disable:!o.thumbnails.url||o.isLive,position:"top",index:20})),r.add(Bt({name:"loop",disable:!1,position:"top",index:30})),r.add(jt({name:"playAndPause",disable:!1,position:"left",index:10})),r.add(At({name:"volume",disable:!1,position:"left",index:20})),r.add(Tt({name:"time",disable:o.isLive,position:"left",index:30})),r.add(It({name:"quality",disable:0===o.quality.length,position:"right",index:10})),r.add(Ht({name:"screenshot",disable:!o.screenshot,position:"right",index:20})),r.add(Dt({name:"subtitle",disable:!o.subtitle.url,position:"right",index:30})),r.add(Ct({name:"setting",disable:!o.setting,position:"right",index:40})),r.add(Ot({name:"pip",disable:!o.pip,position:"right",index:50})),r.add(wt({name:"fullscreenWeb",disable:!o.fullscreenWeb,position:"right",index:60})),r.add(gt({name:"fullscreen",disable:!o.fullscreen,position:"right",index:70})),o.controls.forEach((function(t){r.add(t)}))})),r}return u(n,t),r(n,[{key:"add",value:function(t,e){var r=this,o="function"==typeof t?t(this.art):t;A(["top","left","right"].includes(o.position),"Control option.position must one of 'top', 'left', 'right'");var i=this.art.template,a=i.$progress,c=i.$controlsLeft,l=i.$controlsRight;switch(o.position){case"top":this.$parent=a;break;case"left":this.$parent=c;break;case"right":this.$parent=l}bt(s(n.prototype),"add",this).call(this,o,(function(t){o.disable||"top"===o.position||t.firstElementChild&&"I"===t.firstElementChild.tagName||v(t,"art-control-onlyText"),e&&e(t,r,r.art)}))}}]),n}(yt);function Ut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _t(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n0.50.75').concat(r.get("Normal"),'1.251.52.0'),click:function(t,e){var n=e.target.dataset.rate;n&&(o.playbackRate=Number(n),t.show=!1)},mounted:function(t){n.on("playbackRate",(function(e){var n=g("span",t).find((function(t){return Number(t.dataset.rate)===e}));n&&E(n,"art-current")}))}})}}function Xt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yt(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n').concat(r.get("Default"),'4:316:9'),click:function(t,e){var n=e.target.dataset.ratio;n&&(o.aspectRatio=n,t.show=!1)},mounted:function(t){n.on("aspectRatio",(function(e){var n=g("span",t).find((function(t){return t.dataset.ratio===e}));n&&E(n,"art-current")}))}})}}function Zt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jt(e){return function(n){return function(e){for(var n=1;nArtPlayer 3.5.9'})}function Kt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function te(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;ns+c&&(h=c-d),n+f>u+i&&(b=i-f),j(l,{top:"".concat(b,"px"),left:"".concat(h,"px")})})),u(a,"click",(function(t){t.composedPath().includes(l)||(r.show=!1)})),t.on("blur",(function(){r.show=!1}))})),r}return u(n,t),n}(yt),oe=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="info";var o=t.template,i=o.$infoPanel,a=o.$infoClose,l=o.$video;(0,t.events.proxy)(a,"click",(function(){r.show=!1}));var u=null,p=g("[data-video]",i);return t.on("destroy",(function(){clearTimeout(u)})),t.on("info",(function(t){clearTimeout(u),t&&function t(){p.forEach((function(t){var e=l[t.dataset.video];t.innerText="number"==typeof e?e.toFixed(2):e})),u=setTimeout((function(){t()}),1e3)}()})),r}return u(n,t),n}(yt),ie=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="subtitle";var o=t.option.subtitle;return j(t.template.$subtitle,o.style),o.url&&r.init(o.url),r}return u(n,t),r(n,[{key:"update",value:function(){var t=this.art.template.$subtitle;t.innerHTML="",this.activeCue&&(t.innerHTML=this.activeCue.text.split(/\r?\n/).map((function(t){return"

".concat(K(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t,e,n){var r=this,o=this.art,i=o.i18n,a=o.notice;return this.init(t,n).then((function(t){return e&&(a.show="".concat(i.get("Switch subtitle"),": ").concat(e)),r.art.emit("subtitleSwitch",t),t}))}},{key:"init",value:function(t,e){var n=this,r=this.art,o=r.notice,i=r.events.proxy,a=r.template,c=a.$subtitle,s=a.$video;if(!a.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",s.appendChild(l),this.art.template.$track=l,i(this.textTrack,"cuechange",this.update.bind(this))}return fetch(t).then((function(t){return t.text()})).then((function(r){switch(n.art.emit("subtitleLoad",t),e||q(t)){case"srt":return C(L(r));case"ass":return C(M(r));case"vtt":return C(r);default:return t}})).then((function(t){return c.innerHTML="",n.url===t||(URL.revokeObjectURL(n.url),n.art.template.$track.src=t),t})).catch((function(t){throw o.show=t,t}))}},{key:"url",get:function(){return this.art.template.$track.src}},{key:"textTrack",get:function(){return this.art.template.$video.textTracks[0]}},{key:"activeCue",get:function(){return this.textTrack.activeCues[0]}}]),n}(yt);var ae=function(){function t(n){var r=this;e(this,t),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),n.whitelist.state&&n.once("ready",(function(){!function(t,e){var n=t.controls,r=t.template.$player;e.proxy(document,["click","contextmenu"],(function(e){e.composedPath&&e.composedPath().indexOf(r)>-1?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})),t.on("blur",(function(){n.delayHide()}))}(n,r),function(t,e){var n=t.controls,r=t.template.$player;e.hover(r,(function(){v(r,"art-hover"),t.emit("hover",!0)}),(function(){w(r,"art-hover"),t.emit("hover")})),t.on("hover",(function(t){t||n.delayHide()}))}(n,r),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=t.controls;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)})),t.on("mousemove",(function(t){a.cancelDelayHide(),w(r,"art-hide-cursor"),a.show=!0,i.pip||t.target!==o||a.delayHide()}))}(n,r),function(t,e){var n=t.option,r=t.player,o=J((function(){r.normal&&(r.autoSize=n.autoSize),r.aspectRatioReset=!0,t.emit("resize")}),500);e.proxy(window,["orientationchange","resize"],(function(){o()}))}(n,r),function(t,e){if(t.isMobile&&!t.option.isLive){var n=t.player,r=t.notice,o=t.template.$video,i=!1,a=0,c=0;e.proxy(o,"touchstart",(function(t){1===t.touches.length&&(i=!0,a=t.touches[0].clientX)})),e.proxy(document,"touchmove",(function(t){if(1===t.touches.length&&i){var e=Q((t.touches[0].clientX-a)/o.clientWidth,-1,1);c=Q(n.currentTime+60*e,0,n.duration),r.show="".concat(G(c)," / ").concat(G(n.duration))}})),e.proxy(document,"touchend",(function(){i&&c&&(n.seek=c),i=!1,a=0,c=0}))}}(n,r),function(t,e){var n=t.player,r=t.option.autoMini,o=t.template.$container,i=Z((function(){t.emit("view",D(o))}),200);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(t){r&&(n.mini=!t)}))}(n,r)}))}return r(t,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(t);(o=new Image).src=t}return o.complete?n(o):(e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(o)})),t)}))}},{key:"destroy",value:function(){this.destroyEvents.forEach((function(t){return t()}))}}]),t}(),ce=function(){function t(n){var r=this;e(this,t),this.keys={};var o=n.option,i=n.player,a=n.events.proxy;o.hotkey&&n.once("ready",(function(){r.add(27,(function(){i.fullscreenWeb&&(i.fullscreenWeb=!1)})),r.add(32,(function(){i.toggle=!0})),r.add(37,(function(){i.backward=5})),r.add(38,(function(){i.volume+=.1})),r.add(39,(function(){i.forward=5})),r.add(40,(function(){i.volume-=.1})),a(window,"keydown",(function(t){if(n.isFocus){var e=document.activeElement.tagName.toUpperCase(),o=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==o&&"true"!==o){var i=r.keys[t.keyCode];i&&(t.preventDefault(),i.forEach((function(t){return t()})),n.emit("hotkey",t))}}}))}))}return r(t,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}}]),t}(),se=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this,t))).name="layer",r.$parent=t.template.$layer,t.once("ready",(function(){t.option.layers.forEach((function(t){r.add(t)}))})),r}return u(n,t),n}(yt),le=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this,t))).name="loading",O(t.template.$loading,t.icons.loading),r}return u(n,t),n}(yt),ue=function(){function t(n){e(this,t),this.art=n,this.time=2e3,this.timer=null}return r(t,[{key:"show",set:function(t){var e=this.art.template,n=e.$player,r=e.$noticeInner;r.innerText=t instanceof Error?t.message.trim():t,v(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout((function(){r.innerText="",w(n,"art-notice-show")}),this.time)}}]),t}(),pe=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this,t))).name="mask",O(t.template.$state,t.icons.state),r}return u(n,t),n}(yt);function fe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var de=function n(r){var o=this;e(this,n);var i=function(e){for(var n=1;n',state:'',play:'',pause:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:''},r.option.icons);Object.keys(i).forEach((function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),O(e,i[t]),o[t]=e}))};function he(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function be(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n'.concat(r.get("Flip"),'
"),click:function(t,e){var n=e.target.dataset.value;n&&(o.flip=n)},mounted:function(t){n.on("flip",(function(e){var n=g("button",t).find((function(t){return t.dataset.value===e}));n&&E(n.parentElement,"current")}))}})}}function ye(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function me(e){return function(n){var r=n.i18n,o=n.player;return function(e){for(var n=1;n'.concat(r.get("Aspect ratio"),'
'),click:function(t,e){var n=e.target.dataset.value;n&&(o.aspectRatio=n)},mounted:function(t){n.on("aspectRatio",(function(e){var n=g("button",t).find((function(t){return t.dataset.value===e}));n&&E(n.parentElement,"current")}))}})}}function ge(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ve(e){return function(n){var r=n.i18n,o=n.player,i=n.events.proxy;return function(e){for(var n=1;n'.concat(r.get("Play speed"),': 1.0x
'),mounted:function(t){var e=m(".art-setting-range input",t),r=m(".art-subtitle-value",t);i(e,"change",(function(){var t=e.value;r.innerText=t,o.playbackRate=Number(t)})),n.on("playbackRate",(function(t){t&&e.value!==t&&(e.value=t,r.innerText=t)}))}})}}var we=function(t){function n(t){var r;e(this,n),(r=c(this,s(n).call(this,t))).name="setting";var o=t.option,i=t.template,a=i.$setting,l=i.$settingBody,u=t.events.proxy;return r.$parent=l,o.setting&&(t.once("ready",(function(){u(a,"click",(function(t){t.target===a&&(r.show=!1)})),r.add(be({disable:!o.flip,name:"flip"})),r.add(me({disable:!o.aspectRatio,name:"aspectRatio"})),r.add(ve({disable:!o.playbackRate,name:"playbackRate"}))})),t.on("blur",(function(){r.show=!1}))),r}return u(n,t),n}(yt),xe=function(){function n(){e(this,n),this.name="artplayer_settings"}return r(n,[{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.name))||{};return t?e[t]:e}},{key:"set",value:function(e,n){var r=Object.assign({},this.get(),t({},e,n));localStorage.setItem(this.name,JSON.stringify(r))}},{key:"del",value:function(t){var e=this.get();delete e[t],localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){localStorage.removeItem(this.name)}}]),n}();function Oe(t){var e=t.i18n,n=t.subtitle,r=t.events.proxy;return{title:"Subtitle",name:"subtitleOffset",index:20,html:'
'.concat(e.get("Subtitle offset time"),': 0s
'),mounted:function(e){var o=m(".art-setting-range input",e),i=m(".art-subtitle-value",e);r(o,"change",(function(){var e=o.value;i.innerText=e,t.plugins.subtitleOffset.offset(Number(e))})),t.on("subtitle:switch",(function(){o.value=0,i.innerText=0})),t.on("subtitleOffset",(function(t){n.update(),o.value!==t&&(o.value=t,i.innerText=t)}))}}}function ke(t){var e=t.constructor.utils.clamp,n=t.setting,r=t.notice,o=t.template,i=t.i18n,a=t.player;n.add(Oe);var c=[];return t.on("subtitle:switch",(function(){c=[]})),{name:"subtitleOffset",offset:function(n){if(o.$track&&o.$track.track){var s=Array.from(o.$track.track.cues),l=e(n,-5,5);s.forEach((function(t,n){c[n]||(c[n]={startTime:t.startTime,endTime:t.endTime}),t.startTime=e(c[n].startTime+l,0,a.duration),t.endTime=e(c[n].endTime+l,0,a.duration)})),r.show="".concat(i.get("Subtitle offset time"),": ").concat(n,"s"),t.emit("subtitleOffset",n)}else r.show="".concat(i.get("No subtitles found")),t.emit("subtitleOffset",0)}}}function je(t){var e=t.events.proxy,n=t.template,r=t.player,o=t.option,i=t.setting,a=t.i18n;function c(e){if(e){var i=n.$video.canPlayType(e.type);if("maybe"===i||"probably"===i){var a=URL.createObjectURL(e);o.title=e.name,r.switchUrl(a,e.name),t.emit("localVideo",e)}else A(!1,"Playback of this file format is not supported")}}function s(t){var n=O(t,'');k(t,"position","relative"),j(n,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(n,"change",(function(){c(n.files[0])}))}return e(n.$player,"dragover",(function(t){t.preventDefault()})),e(n.$player,"drop",(function(t){t.preventDefault(),c(t.dataTransfer.files[0])})),t.once("ready",(function(){i.add({title:"Local Video",name:"localVideo",index:30,html:'
'.concat(a.get("Local Video"),'
').concat(a.get("Open"),'
'),mounted:function(e){var n=m(".art-upload-btn",e),r=m(".art-upload-value",e);t.on("localVideo",(function(t){r.textContent=t.name,r.title=t.name})),s(n)}})})),{name:"localVideo",attach:s}}function Pe(t){var e=t.events.proxy,n=t.subtitle,r=t.setting,o=t.i18n;function i(r){var o=O(r,'');k(r,"position","relative"),j(o,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(o,"change",(function(){!function(e){if(e){var r=q(e.name);if(["ass","vtt","srt"].includes(r)){var o=URL.createObjectURL(e);n.switch(o,e.name,r),t.emit("localSubtitle",e)}else A(!1,"Only supports subtitle files in .ass, .vtt and .srt format")}}(o.files[0])}))}return t.once("ready",(function(){r.add({title:"Local Subtitle",name:"localSubtitle",index:40,html:'
'.concat(o.get("Local Subtitle"),'
').concat(o.get("Open"),'
'),mounted:function(e){var n=m(".art-upload-btn",e),r=m(".art-upload-value",e);t.on("localSubtitle",(function(t){r.textContent=t.name,r.title=t.name})),i(n)}})})),{name:"localSubtitle",attach:i}}function Se(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"2px",background:r},mounted:function(e){t.on("control",(function(t){e.style.display=t?"none":"block"})),t.on("destroy",(function(){e.style.display="none"})),t.on("video:timeupdate",(function(){e.style.width="".concat(100*n.played,"%")}))}}),{name:"miniProgressBar"}}function Ee(t){var e=1e4,n=0,r=0,o=0,i=null;function a(){n=0,r=0,o=0,cancelAnimationFrame(i),i=null}function c(){i||function a(){t.isDestroy||(i=requestAnimationFrame((function(){var i=Date.now();if(o){var c=i-o;r+=c,t.player.playing||(n+=c)}o=i,t.emit("networkMonitor",n/r),r>=e&&(n=0,r=0),a()})))}()}return t.on("play",c),t.on("pause",a),{name:"networkMonitor",reset:a,start:c,sample:function(t){e=t}}}function $e(t){var e=t.controls,n=t.option,r=t.events.hover;function o(n){var o,i,a,c=n.list.map((function(t){return'
').concat(t.text,"
")})).join(""),s='
'.concat(c,'
');e.add({name:n.name,position:"right",index:n.index,html:s,mounted:function(t){v(t,"art-control-switcher"),o=m(".art-switcher-list",t),i=g(".art-switcher-item",t),a=m(".art-switcher-current",t);var e=n.list.find((function(t){return t.name===n.default}))||n.list[0];if(e){a.innerText=e.text;var c=i.find((function(t){return t.dataset.switcherName===e.name}));c&&E(c,"art-current")}r(t,(function(){o.style.left="-".concat(P(o,"width")/2-P(t,"width")/2,"px")}))},click:function(e,r){var o=r.target.dataset.switcherName;if(o){var c=n.list.find((function(t){return t.name===o}));if(c){var s=i.find((function(t){return t.dataset.switcherName===c.name}));a.innerText=c.text,E(s,"art-current"),n.click&&n.click.call(t,o,r)}}}})}return n.switcher.forEach(o),{name:"switcher",add:o}}var De=function(){function t(n){var r=this;e(this,t),this.art=n,this.id=0;var o=n.option;o.subtitle.url&&o.subtitleOffset&&this.add(ke),!o.isLive&&o.miniProgressBar&&this.add(Se),o.localVideo&&this.add(je),o.localSubtitle&&this.add(Pe),o.networkMonitor&&this.add(Ee),this.add($e),n.option.plugins.forEach((function(t){r.add(t)}))}return r(t,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art),n=e&&e.name||t.name||"plugin".concat(this.id);return A(!U(this,n),"Cannot add a plugin that already has the same name: ".concat(n)),B(this,n,{value:e}),this}}]),t}(),Re=function t(n){e(this,t);var r=n.option,o=n.events.proxy,i=n.template.$video;it.events.forEach((function(t){o(i,t,(function(t){n.emit("video:".concat(t.type),t)}))})),Object.keys(r.moreVideoAttr).forEach((function(t){i[t]=r.moreVideoAttr[t]})),r.muted&&(i.muted=r.muted),r.volume&&(i.volume=Q(r.volume,0,1)),r.poster&&(i.poster=r.poster),r.autoplay&&(i.autoplay=r.autoplay),i.controls=!0;var a=r.type||q(r.url),c=r.customType[a];a&&c?(c(i,r.url,n),n.emit("customType",a)):(i.src=r.url,n.emit("url",i.src))},Te=0,ze=[],Ae=function(t){function n(t){var r;return e(this,n),(r=c(this,s(n).call(this))).option=p(X(n.option,t),ot),r.isFocus=!1,r.isDestroy=!1,r.userAgent=d,r.isMobile=h,r.isWechat=y,r.whitelist=new at(a(r)),r.template=new ct(a(r)),r.events=new ae(a(r)),r.whitelist.state?(r.storage=new xe(a(r)),r.icons=new de(a(r)),r.i18n=new ut(a(r)),r.notice=new ue(a(r)),r.player=new dt(a(r)),r.layers=new se(a(r)),r.controls=new Nt(a(r)),r.contextmenu=new re(a(r)),r.subtitle=new ie(a(r)),r.info=new oe(a(r)),r.loading=new le(a(r)),r.hotkey=new ce(a(r)),r.mask=new pe(a(r)),r.setting=new we(a(r)),r.plugins=new De(a(r))):r.mobile=new Re(a(r)),Te+=1,r.id=Te,ze.push(a(r)),r}return u(n,t),r(n,[{key:"destroy",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),ze.splice(ze.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return ze}},{key:"version",get:function(){return"3.5.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return it}},{key:"utils",get:function(){return tt}},{key:"scheme",get:function(){return ot}},{key:"Emitter",get:function(){return f}},{key:"validator",get:function(){return p}},{key:"kindOf",get:function(){return p.kindOf}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMin:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,light:!1,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,localVideo:!1,localSubtitle:!1,networkMonitor:!1,layers:[],contextmenu:[],controls:[],quality:[],highlight:[],plugins:[],whitelist:[],switcher:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:b?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),n}(f);function Le(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}return console.log("%c ArtPlayer %c 3.5.9 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),{data:function(){return{instance:null}},props:{option:{type:Object,required:!0},getInstance:Function},mounted:function(){this.instance=new Ae(function(e){for(var n=1;nobject{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}.art-video-player .art-subtitle{display:none;position:absolute;z-index:20;bottom:10px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.art-video-player .art-subtitle p{word-break:break-all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:40px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-mask,.art-video-player .art-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.art-video-player .art-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.art-video-player.art-mask-show .art-mask,.art-video-player .art-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.art-video-player.art-loading-show .art-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:55px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.art-video-player .art-bottom .art-progress{position:relative;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4px;cursor:pointer}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{position:relative;height:50%;width:100%;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:100%;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:100%;background:#fff;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner{height:100%}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-indicator,.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-tip{display:block}.art-video-player .art-bottom .art-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.art-video-player .art-bottom .art-progress .art-control-loop{display:none;position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point{position:absolute;left:0;top:-2px;width:2px;height:8px;background:hsla(0,0%,100%,.75)}.art-video-player .art-bottom .art-controls{position:relative;pointer-events:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:5px 0}.art-video-player .art-bottom .art-controls,.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.art-video-player .art-bottom .art-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{position:relative;z-index:30}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-destroy .art-progress-tip,.art-video-player.art-error .art-progress-indicator,.art-video-player.art-error .art-progress-tip{display:none!important}.art-video-player .art-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.art-video-player .art-notice .art-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.art-video-player.art-notice-show .art-notice{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-contextmenus{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.9);border-radius:3px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;font-size:12px;display:block;color:#fff;padding:10px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{display:inline-block;padding:0 7px}.art-video-player .art-contextmenus .art-contextmenu span.art-current,.art-video-player .art-contextmenus .art-contextmenu span:hover{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:none}.art-video-player.art-contextmenu-show .art-contextmenus,.art-video-player .art-settings{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.art-video-player .art-settings .art-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.9);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.art-video-player .art-settings .art-setting-inner .art-setting-body{overflow-y:auto;width:100%;height:100%}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting .art-setting-header{margin-bottom:5px}.art-video-player .art-settings .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.art-video-player .art-settings .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.art-video-player .art-settings .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.art-video-player .art-settings .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.art-video-player .art-settings .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.art-video-player .art-settings .art-setting-upload{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-upload .art-upload-btn{width:80px;height:22px;line-height:22px;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px;text-align:center}.art-video-player .art-settings .art-setting-upload .art-upload-value{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;padding-left:10px}.art-video-player.art-setting-show .art-settings{opacity:1;visibility:visible;pointer-events:auto}.art-video-player.art-setting-show .art-settings .art-setting-inner{right:0}.art-video-player .art-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.9)}.art-video-player .art-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.art-video-player .art-info .art-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.art-video-player.art-info-show .art-info{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player.art-hide-cursor *{cursor:none!important}.art-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.art-video-player.art-fullscreen-web{position:fixed;z-index:9999;width:100%!important;height:100%!important;left:0;top:0;right:0;bottom:0}.art-fullscreen-rotate{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:#000}.art-video-player .art-mini-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.art-video-player .art-mini-header .art-mini-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.art-video-player .art-mini-header .art-mini-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-mini{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.art-video-player.art-mini .art-mini-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.art-video-player.art-mini.art-hover .art-mini-header{opacity:1;visibility:visible}.art-video-player.art-mini .art-mask .art-state{position:static}.art-video-player.art-mini .art-bottom,.art-video-player.art-mini .art-contextmenu,.art-video-player.art-mini .art-danmu,.art-video-player.art-mini .art-info,.art-video-player.art-mini .art-layers,.art-video-player.art-mini .art-notice,.art-video-player.art-mini .art-setting,.art-video-player.art-mini .art-subtitle{display:none!important}.art-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.art-video-player[data-flip=horizontal] .art-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}:root{--balloon-color:rgba(16,16,16,0.95);--balloon-font-size:12px;--balloon-move:4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:#fff;content:attr(aria-label);padding:.5em 1em;white-space:nowrap;line-height:1.2}[aria-label][data-balloon-pos]:after,[aria-label][data-balloon-pos]:before{opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--balloon-color);content:""}[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before{opacity:1;pointer-events:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,var(--balloon-move));transform:translate(-50%,var(--balloon-move));-webkit-transform-origin:top;transform-origin:top}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before{-webkit-transform:translate(-50%);transform:translate(-50%)}');var u=r((function(t,e){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var o=t(n);if("boolean"===o)return"boolean";if("string"===o)return"string";if("number"===o)return"number";if("symbol"===o)return"symbol";if("function"===o)return function(t){return"GeneratorFunction"===r(t)}(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(o=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return o.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function o(t,e){var r=21?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document).querySelector(t)}function m(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function g(t,e){return t.classList.add(e)}function v(t,e){return t.classList.remove(e)}function w(t,e){return t.classList.contains(e)}function x(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function O(t,e,n){return t.style[e]=n,t}function k(t,e){return Object.keys(e).forEach((function(n){O(t,n,e[n])})),t}function j(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function P(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function S(t,e){P(t).forEach((function(t){return v(t,e)})),g(t,e)}function E(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";d||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function $(t){var e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth,o=e.top<=n&&e.top+e.height>=0,i=e.left<=r&&e.left+e.width>=0;return o&&i}var D=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},R=r((function(t){function e(n,r,o){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}()?t.exports=e=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&s(o,n.prototype),o}:t.exports=e=Reflect.construct,e.apply(null,arguments)}t.exports=e})),T=function(e){function n(e,r){var o;return t(this,n),o=a(this,c(n).call(this,e)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(i(o),r||o.constructor),o.name="ArtPlayerError",o}return l(n,e),n}(r((function(t){function e(n){var r="function"==typeof Map?new Map:void 0;return t.exports=e=function(t){if(null===t||!D(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return R(t,arguments,c(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),s(e,t)},e(n)}t.exports=e}))(Error));function z(t,e){if(!t)throw new T(e);return t}function A(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function L(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function C(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function M(t){return t.includes("?")?M(t.split("?")[0]):t.includes("#")?M(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function q(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var W=function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1?e-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function Y(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function G(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var K=Object.freeze({__proto__:null,query:b,queryAll:m,addClass:g,removeClass:v,hasClass:w,append:x,remove:function(t){return t.parentNode.removeChild(t)},setStyle:O,setStyles:k,getStyle:j,sublings:P,inverseClass:S,tooltip:E,isInViewport:$,ArtPlayerError:T,errorHandle:z,srtToVtt:A,vttToBlob:L,assToVtt:C,getExt:M,download:q,def:I,has:N,proxyPropertys:U,mergeDeep:_,sleep:X,debounce:Y,throttle:Z,clamp:J,secondToTime:Q,escape:G,userAgent:f,isMobile:d,isSafari:h,isWechat:y});var tt=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};function et(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nt(t,e,n){return z("string"===e||t instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}var rt={html:nt,disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"},ot={container:nt,url:"string",poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",autoMin:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",light:"boolean",backdrop:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",subtitleOffset:"boolean",miniProgressBar:"boolean",localVideo:"boolean",localSubtitle:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[rt],contextmenu:[rt],controls:[function(t){for(var e=1;e-1;case"function":return t(n.userAgent);case"regexp":return t.test(n.userAgent);default:return!1}}))},ct=function(){function e(n){var r=this;t(this,e),this.art=n,n.option.container instanceof Element?this.$container=n.option.container:(this.$container=b(n.option.container),z(this.$container,"No container element found by ".concat(n.option.container))),z(n.constructor.instances.every((function(t){return t.template.$container!==r.$container})),"Cannot mount multiple instances on the same dom element"),z(this.$container.clientWidth&&this.$container.clientHeight,"The width and height of the container cannot be 0"),n.whitelist.state?this.desktop():this.mobile()}return n(e,[{key:"query",value:function(t){return b(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option,e=t.theme,n=t.backdrop;this.$container.innerHTML='
Player version:
3.5.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'),this.$undercover=this.query(".art-undercover"),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$settingInner=this.query(".art-setting-inner"),this.$settingBody=this.query(".art-setting-body"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),n&&(g(this.$settingInner,"art-backdrop-filter"),g(this.$info,"art-backdrop-filter"),g(this.$contextmenu,"art-backdrop-filter")),this.art.isMobile&&g(this.$container,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":g(this.$player,"art-destroy")}}]),e}(),st={"Video info":"视频统计信息",Close:"关闭","Light Off":"关灯","Light On":"开灯","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","PIP mode":"画中画模式","Exit PIP mode":"退出画中画模式","PIP not supported":"不支持画中画模式","Local Subtitle":"本地字幕","Local Video":"本地视频","Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},lt={"Video info":"影片統計訊息",Close:"關閉","Light Off":"關燈","Light On":"開燈","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕","Show setting":"顯示设置","Hide setting":"隱藏设置",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","PIP mode":"畫中畫模式","Exit PIP mode":"退出畫中畫模式","PIP not supported":"不支持畫中畫模式","Local Subtitle":"本地字幕","Local Video":"本地視頻","Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"},ut=function(){function e(n){t(this,e),this.art=n,this.languages={"zh-cn":st,"zh-tw":lt},this.init()}return n(e,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=_(this.languages,t),this.init()}}]),e}();var pt=r((function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};rh){var y=h*u/l;O(r,"width","".concat(100*y,"%")),O(r,"height","100%"),O(r,"padding","0 ".concat((p-p*y)/2,"px"))}else{var b=l/h/u;O(r,"width","100%"),O(r,"height","".concat(100*b,"%")),O(r,"padding","".concat((f-f*b)/2,"px 0"))}}o.dataset.aspectRatio=n,a.show="".concat(i.get("Aspect ratio"),": ").concat("default"===n?i.get("Default"):n),t.emit("aspectRatio",n)}else e.aspectRatio&&(O(r,"width",null),O(r,"height",null),O(r,"padding",null),delete o.dataset.aspectRatio,t.emit("aspectRatio"))}}),I(e,"aspectRatioReset",{set:function(t){if(t&&e.aspectRatio){var n=e.aspectRatio;e.aspectRatio=n}}})}(n,this),function(t,e){var n=t.option,r=t.notice,o=t.template.$video,i=document.createElement("canvas");I(e,"getDataURL",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),t(i.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),I(e,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),i.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),I(e,"screenshot",{value:function(){e.getDataURL().then((function(e){q(e,"".concat(n.title||"artplayer","_").concat(Q(o.currentTime),".png")),t.emit("screenshot",e)}))}})}(n,this),function(t,e){var n=t.template.$player;I(e,"fullscreen",{get:function(){return pt.isFullscreen},set:function(r){r?pt.request(n).then((function(){g(n,"art-fullscreen"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreen",!0)})):pt.exit().then((function(){v(n,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreen")}))}}),I(e,"fullscreenToggle",{set:function(t){t&&(e.fullscreen=!e.fullscreen)}})}(n,this),function(t,e){var n=t.template.$player;I(e,"fullscreenWeb",{get:function(){return w(n,"art-fullscreen-web")},set:function(r){r?(g(n,"art-fullscreen-web"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreenWeb",!0)):(v(n,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"))}}),I(e,"fullscreenWebToggle",{set:function(t){t&&(e.fullscreenWeb=!e.fullscreenWeb)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player;I(e,"fullscreenRotate",{get:function(){return w(r,"art-fullscreen-rotate")},set:function(n){if(n){g(r,"art-fullscreen-rotate"),e.autoSize=!0;var i=document.body,a=i.clientHeight,c=i.clientWidth,s=o.clientHeight,l=o.clientWidth;if(c/a0&&!n.paused&&!n.ended&&n.readyState>2)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player,i=n.$video;I(e,"autoSize",{get:function(){return w(r,"art-auto-size")},set:function(n){if(n){var a=i.videoWidth,c=i.videoHeight,s=r.getBoundingClientRect(),l=s.width,u=s.height,p=a/c,f=l/u;if(g(r,"art-auto-size"),f>p){O(o,"width","".concat(u*p/l*100,"%")),O(o,"height","100%")}else{var d=l/p/u*100;O(o,"width","100%"),O(o,"height","".concat(d,"%"))}t.emit("autoSize",{width:e.width,height:e.height})}else v(r,"art-auto-size"),O(o,"width",null),O(o,"height",null),t.emit("autoSize")}})}(n,this),function(t,e){I(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach((function(t){I(e,t,{get:function(){return e.rect[t]}})})),I(e,"x",{get:function(){return e.left+window.pageXOffset}}),I(e,"y",{get:function(){return e.top+window.pageYOffset}})}(n,this),function(t,e){var n=t.template.$player;I(e,"flip",{get:function(){return n.dataset.flip},set:function(e){if(e){var r=["normal","horizontal","vertical"];z(r.includes(e),"'flip' only accept ".concat(r.toString()," as parameters")),n.dataset.flip=e,t.emit("flip",e)}else delete n.dataset.flip,t.emit("flip")}})}(n,this),function(t,e){var n=t.template.$undercover;I(e,"light",{get:function(){return"none"!==j(n,"display",!1)},set:function(e){O(n,"display",e?"block":"none"),t.emit("light",e)}})}(n,this),function(t,e){var n=t.i18n,r=t.option,o=t.storage,i=t.events.proxy,a=t.template,c=a.$player,s=a.$miniClose,l=a.$miniTitle,u=a.$miniHeader,p="",f=!1,d=0,h=0,y=0,b=0;i(u,"mousedown",(function(t){f=!0,d=t.pageX,h=t.pageY,y=e.left,b=e.top})),i(document,"mousemove",(function(t){if(f){g(c,"art-is-dragging");var e=b+t.pageY-h,n=y+t.pageX-d;O(c,"top","".concat(e,"px")),O(c,"left","".concat(n,"px")),o.set("top",e),o.set("left",n)}})),i(document,"mouseup",(function(){f=!1,v(c,"art-is-dragging")})),i(s,"click",(function(){e.mini=!1,f=!1,v(c,"art-is-dragging")})),x(l,r.title||n.get("Mini player")),I(e,"mini",{get:function(){return w(c,"art-mini")},set:function(n){if(n){e.autoSize=!1,p=c.style.cssText,g(c,"art-mini");var i=o.get("top"),a=o.get("left");if(i&&a)O(c,"top","".concat(i,"px")),O(c,"left","".concat(a,"px")),$(u)||(o.del("top"),o.del("left"),e.mini=!0);else{var s=document.body,l=s.clientHeight-e.height-50,f=s.clientWidth-e.width-50;o.set("top",l),o.set("left",f),O(c,"top","".concat(l,"px")),O(c,"left","".concat(f,"px"))}e.aspectRatio=!1,e.playbackRate=!1,t.emit("mini",!0)}else c.style.cssText=p,v(c,"art-mini"),O(c,"top",null),O(c,"left",null),e.aspectRatio=!1,e.playbackRate=!1,e.autoSize=r.autoSize,t.emit("mini")}}),I(e,"miniToggle",{set:function(t){t&&(e.mini=!e.mini)}})}(n,this),function(t,e){var n=[];I(e,"loop",{get:function(){return n},set:function(r){if(Array.isArray(r)&&"number"==typeof r[0]&&"number"==typeof r[1]){var o=J(r[0],0,Math.min(r[1],e.duration)),i=J(r[1],o,e.duration);i-o>=1?(n=[o,i],t.emit("loop",n)):(n=[],t.emit("loop"))}else n=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){n.length&&(e.currentTimen[1])&&(e.seek=n[0])}))}(n,this),U(n,this)};var ht=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=c(t)););return t},yt=r((function(t){function e(n,r,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=e=Reflect.get:t.exports=e=function(t,e,n){var r=ht(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}},e(n,r,o||n)}t.exports=e})),bt=function(){function e(n){t(this,e),this.id=0,this.art=n,this.add=this.add.bind(this)}return n(e,[{key:"add",value:function(t,e){var n=this,r="function"==typeof t?t(this.art):t;if(this.$parent&&this.name&&!r.disable){this.id+=1;var o=r.name||"".concat(this.name).concat(this.id);z(!N(this,o),"Cannot add an existing name [".concat(o,"] to the [").concat(this.name,"]"));var i=document.createElement("div");i.classList.value="art-".concat(this.name," art-").concat(this.name,"-").concat(o),r.html&&x(i,r.html),r.style&&k(i,r.style),r.tooltip&&E(i,r.tooltip);var a=Array.from(this.$parent.children);i.dataset.index=r.index||this.id;var c=a.find((function(t){return Number(t.dataset.index)>=Number(i.dataset.index)}));c?c.insertAdjacentElement("beforebegin",i):x(this.$parent,i),r.click&&this.art.events.proxy(i,"click",(function(t){t.preventDefault(),r.click.call(n.art,n,t)})),r.mounted&&r.mounted(i,this,this.art),e&&e(i,this,this.art),I(this,o,{get:function(){return r}})}}},{key:"show",get:function(){return w(this.art.template.$player,"art-".concat(this.name,"-show"))},set:function(t){var e=this.art.template.$player,n="art-".concat(this.name,"-show");t?g(e,n):v(e,n),this.art.emit(this.name,t)}},{key:"toggle",set:function(t){t&&(this.show=!this.show)}}]),e}();function mt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gt(t){return function(e){return function(t){for(var e=1;e
'),mounted:function(t){var n=!1,o=b(".art-progress-loaded",t),c=b(".art-progress-played",t),s=b(".art-progress-highlight",t),l=b(".art-progress-indicator",t),u=b(".art-progress-tip",t);function p(t,e){"loaded"===t&&O(o,"width","".concat(100*e,"%")),"played"===t&&(O(c,"width","".concat(100*e,"%")),O(l,"left","calc(".concat(100*e,"% - ").concat(j(l,"width")/2,"px)")))}r.forEach((function(t){var e=J(t.time,0,a.duration)/a.duration*100;x(s,''))})),p("loaded",a.loaded),e.on("video:progress",(function(){p("loaded",a.loaded)})),e.on("video:timeupdate",(function(){p("played",a.played)})),e.on("video:ended",(function(){p("played",1)})),i(t,"mousemove",(function(n){O(u,"display","block"),n.composedPath().indexOf(s)>-1?function(n){var r=St(e,n).width,o=n.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?O(u,"left",0):r>t.clientWidth-i/2?O(u,"left","".concat(t.clientWidth-i,"px")):O(u,"left","".concat(r-i/2,"px"))}(n):function(n){var r=St(e,n),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?O(u,"left",0):o>t.clientWidth-a/2?O(u,"left","".concat(t.clientWidth-a,"px")):O(u,"left","".concat(o-a/2,"px"))}(n)})),i(t,"mouseout",(function(){O(u,"display","none")})),i(t,"click",(function(t){if(t.target!==l){var n=St(e,t),r=n.second;p("played",n.percentage),a.seek=r}})),i(l,"mousedown",(function(){n=!0})),i(document,"mousemove",(function(t){if(n){var r=St(e,t),o=r.second,i=r.percentage;g(l,"art-show-indicator"),p("played",i),a.seek=o}})),i(document,"mouseup",(function(){n&&(n=!1,v(l,"art-show-indicator"))}))}})}}function $t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Dt(t){return function(e){return function(t){for(var e=1;e'),f=x(p,'
');function d(t){var e=p.getBoundingClientRect().left;return J(t.pageX-e-s/2,0,c-s/2)/(c-s)}function h(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)O(l,"display","none"),O(u,"display","flex"),O(f,"left","0");else{var e=(c-s)*t;O(l,"display","flex"),O(u,"display","none"),O(f,"left","".concat(e,"px"))}}E(l,i.get("Mute")),O(u,"display","none"),e.isMobile&&O(p,"display","none"),h(o.volume),e.on("video:volumechange",(function(){h(o.volume)})),n(l,"click",(function(){o.muted=!0})),n(u,"click",(function(){o.muted=!1})),n(p,"click",(function(t){o.muted=!1,o.volume=d(t)})),n(f,"mousedown",(function(){a=!0})),n(t,"mousemove",(function(t){a&&(o.muted=!1,o.volume=d(t))})),n(document,"mouseup",(function(){a&&(a=!1)}))}})}}function Lt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ct(t){return function(e){return function(t){for(var e=1;er.clientWidth-s/2?O(t,"left","".concat(r.clientWidth-s,"px")):O(t,"left","".concat(i-s/2,"px"))}(o))})),i(r,"mouseout",(function(){O(t,"display","none")}))}})}}function Wt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ht(t){return function(e){return function(t){for(var e=1;e'.concat(s.name,"")),u=n.map((function(t,e){return'
').concat(t.name,"
")})).join(""),p=x(t,'
'.concat(u,"
"));i(t,(function(){p.style.left="-".concat(j(p,"width")/2-t.clientWidth/2,"px")})),o(p,"click",(function(t){var e=Number(t.target.dataset.index),r=n[e],o=r.url,i=r.name;o&&i&&c!==e&&(a.switchQuality(o,i),l.innerText=i,c=e)}))}})}}function It(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bt(t){return function(e){return function(t){for(var e=1;e'),o=x(t,'');e.on("loop",(function(e){e?(O(t,"display","block"),O(r,"left","calc(".concat(e[0]/n.duration*100,"% - ").concat(r.clientWidth,"px)")),O(o,"left","".concat(e[1]/n.duration*100,"%"))):O(t,"display","none")}))}})}}var Nt=function(e){function r(e){var n;t(this,r),(n=a(this,c(r).call(this,e))).name="control";var o=e.option,i=e.player,s=e.template.$player;return n.delayHide=Y((function(){i.playing&&n.show&&(g(s,"art-hide-cursor"),v(s,"art-hover"),n.show=!1)}),3e3),n.cancelDelayHide=n.delayHide.clearTimeout,e.once("ready",(function(){n.add(Et({name:"progress",disable:o.isLive,position:"top",index:10})),n.add(qt({name:"thumbnails",disable:!o.thumbnails.url||o.isLive,position:"top",index:20})),n.add(Bt({name:"loop",disable:!1,position:"top",index:30})),n.add(jt({name:"playAndPause",disable:!1,position:"left",index:10})),n.add(At({name:"volume",disable:!1,position:"left",index:20})),n.add(Tt({name:"time",disable:o.isLive,position:"left",index:30})),n.add(Vt({name:"quality",disable:0===o.quality.length,position:"right",index:10})),n.add(Ht({name:"screenshot",disable:!o.screenshot,position:"right",index:20})),n.add(Dt({name:"subtitle",disable:!o.subtitle.url,position:"right",index:30})),n.add(Ct({name:"setting",disable:!o.setting,position:"right",index:40})),n.add(Ot({name:"pip",disable:!o.pip,position:"right",index:50})),n.add(wt({name:"fullscreenWeb",disable:!o.fullscreenWeb,position:"right",index:60})),n.add(gt({name:"fullscreen",disable:!o.fullscreen,position:"right",index:70})),o.controls.forEach((function(t){n.add(t)}))})),n}return l(r,e),n(r,[{key:"add",value:function(t,e){var n=this,o="function"==typeof t?t(this.art):t;z(["top","left","right"].includes(o.position),"Control option.position must one of 'top', 'left', 'right'");var i=this.art.template,a=i.$progress,s=i.$controlsLeft,l=i.$controlsRight;switch(o.position){case"top":this.$parent=a;break;case"left":this.$parent=s;break;case"right":this.$parent=l}yt(c(r.prototype),"add",this).call(this,o,(function(t){o.disable||"top"===o.position||t.firstElementChild&&"I"===t.firstElementChild.tagName||g(t,"art-control-onlyText"),e&&e(t,n,n.art)}))}}]),r}(bt);function Ut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _t(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e0.50.75').concat(n.get("Normal"),'1.251.52.0'),click:function(t,e){var n=e.target.dataset.rate;n&&(r.playbackRate=Number(n),t.show=!1)},mounted:function(t){e.on("playbackRate",(function(e){var n=m("span",t).find((function(t){return Number(t.dataset.rate)===e}));n&&S(n,"art-current")}))}})}}function Xt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yt(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e').concat(n.get("Default"),'4:316:9'),click:function(t,e){var n=e.target.dataset.ratio;n&&(r.aspectRatio=n,t.show=!1)},mounted:function(t){e.on("aspectRatio",(function(e){var n=m("span",t).find((function(t){return t.dataset.ratio===e}));n&&S(n,"art-current")}))}})}}function Zt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jt(t){return function(e){return function(t){for(var e=1;eArtPlayer 3.5.9'})}function Kt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function te(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;ec+a&&(h=a-d),n+f>u+i&&(y=i-f),k(l,{top:"".concat(y,"px"),left:"".concat(h,"px")})})),u(s,"click",(function(t){t.composedPath().includes(l)||(r.show=!1)})),e.on("blur",(function(){r.show=!1}))})),r}return l(n,e),n}(bt),oe=function(e){function n(e){var r;t(this,n),(r=a(this,c(n).call(this,e))).name="info";var o=e.template,i=o.$infoPanel,s=o.$infoClose,l=o.$video;(0,e.events.proxy)(s,"click",(function(){r.show=!1}));var u=null,p=m("[data-video]",i);return e.on("destroy",(function(){clearTimeout(u)})),e.on("info",(function(t){clearTimeout(u),t&&function t(){p.forEach((function(t){var e=l[t.dataset.video];t.innerText="number"==typeof e?e.toFixed(2):e})),u=setTimeout((function(){t()}),1e3)}()})),r}return l(n,e),n}(bt),ie=function(e){function r(e){var n;t(this,r),(n=a(this,c(r).call(this,e))).name="subtitle";var o=e.option.subtitle;return k(e.template.$subtitle,o.style),o.url&&n.init(o.url),n}return l(r,e),n(r,[{key:"update",value:function(){var t=this.art.template.$subtitle;t.innerHTML="",this.activeCue&&(t.innerHTML=this.activeCue.text.split(/\r?\n/).map((function(t){return"

".concat(G(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t,e,n){var r=this,o=this.art,i=o.i18n,a=o.notice;return this.init(t,n).then((function(t){return e&&(a.show="".concat(i.get("Switch subtitle"),": ").concat(e)),r.art.emit("subtitleSwitch",t),t}))}},{key:"init",value:function(t,e){var n=this,r=this.art,o=r.notice,i=r.events.proxy,a=r.template,c=a.$subtitle,s=a.$video;if(!a.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",s.appendChild(l),this.art.template.$track=l,i(this.textTrack,"cuechange",this.update.bind(this))}return fetch(t).then((function(t){return t.text()})).then((function(r){switch(n.art.emit("subtitleLoad",t),e||M(t)){case"srt":return L(A(r));case"ass":return L(C(r));case"vtt":return L(r);default:return t}})).then((function(t){return c.innerHTML="",n.url===t?t:(URL.revokeObjectURL(n.url),n.art.template.$track.src=t,t)})).catch((function(t){throw o.show=t,t}))}},{key:"url",get:function(){return this.art.template.$track.src}},{key:"textTrack",get:function(){return this.art.template.$video.textTracks[0]}},{key:"activeCue",get:function(){return this.textTrack.activeCues[0]}}]),r}(bt);var ae=function(){function e(n){var r=this;t(this,e),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),n.whitelist.state&&n.once("ready",(function(){!function(t,e){var n=t.controls,r=t.template.$player;e.proxy(document,["click","contextmenu"],(function(e){e.composedPath&&e.composedPath().indexOf(r)>-1?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})),t.on("blur",(function(){n.delayHide()}))}(n,r),function(t,e){var n=t.controls,r=t.template.$player;e.hover(r,(function(){g(r,"art-hover"),t.emit("hover",!0)}),(function(){v(r,"art-hover"),t.emit("hover")})),t.on("hover",(function(t){t||n.delayHide()}))}(n,r),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=t.controls;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)})),t.on("mousemove",(function(t){a.cancelDelayHide(),v(r,"art-hide-cursor"),a.show=!0,i.pip||t.target!==o||a.delayHide()}))}(n,r),function(t,e){var n=t.option,r=t.player,o=Z((function(){r.normal&&(r.autoSize=n.autoSize),r.aspectRatioReset=!0,t.emit("resize")}),500);e.proxy(window,["orientationchange","resize"],(function(){o()}))}(n,r),function(t,e){if(t.isMobile&&!t.option.isLive){var n=t.player,r=t.notice,o=t.template.$video,i=!1,a=0,c=0;e.proxy(o,"touchstart",(function(t){1===t.touches.length&&(i=!0,a=t.touches[0].clientX)})),e.proxy(document,"touchmove",(function(t){if(1===t.touches.length&&i){var e=J((t.touches[0].clientX-a)/o.clientWidth,-1,1);c=J(n.currentTime+60*e,0,n.duration),r.show="".concat(Q(c)," / ").concat(Q(n.duration))}})),e.proxy(document,"touchend",(function(){i&&c&&(n.seek=c),i=!1,a=0,c=0}))}}(n,r),function(t,e){var n=t.player,r=t.option.autoMini,o=t.template.$container,i=Y((function(){t.emit("view",$(o))}),200);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(t){r&&(n.mini=!t)}))}(n,r)}))}return n(e,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(t);(o=new Image).src=t}return o.complete?n(o):(e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(o)})),t)}))}},{key:"destroy",value:function(){this.destroyEvents.forEach((function(t){return t()}))}}]),e}(),ce=function(){function e(n){var r=this;t(this,e),this.keys={};var o=n.option,i=n.player,a=n.events.proxy;o.hotkey&&n.once("ready",(function(){r.add(27,(function(){i.fullscreenWeb&&(i.fullscreenWeb=!1)})),r.add(32,(function(){i.toggle=!0})),r.add(37,(function(){i.backward=5})),r.add(38,(function(){i.volume+=.1})),r.add(39,(function(){i.forward=5})),r.add(40,(function(){i.volume-=.1})),a(window,"keydown",(function(t){if(n.isFocus){var e=document.activeElement.tagName.toUpperCase(),o=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==o&&"true"!==o){var i=r.keys[t.keyCode];i&&(t.preventDefault(),i.forEach((function(t){return t()})),n.emit("hotkey",t))}}}))}))}return n(e,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}}]),e}(),se=function(e){function n(e){var r;return t(this,n),(r=a(this,c(n).call(this,e))).name="layer",r.$parent=e.template.$layer,e.once("ready",(function(){e.option.layers.forEach((function(t){r.add(t)}))})),r}return l(n,e),n}(bt),le=function(e){function n(e){var r;return t(this,n),(r=a(this,c(n).call(this,e))).name="loading",x(e.template.$loading,e.icons.loading),r}return l(n,e),n}(bt),ue=function(){function e(n){t(this,e),this.art=n,this.time=2e3,this.timer=null}return n(e,[{key:"show",set:function(t){var e=this.art.template,n=e.$player,r=e.$noticeInner;r.innerText=t instanceof Error?t.message.trim():t,g(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout((function(){r.innerText="",v(n,"art-notice-show")}),this.time)}}]),e}(),pe=function(e){function n(e){var r;return t(this,n),(r=a(this,c(n).call(this,e))).name="mask",x(e.template.$state,e.icons.state),r}return l(n,e),n}(bt);function fe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var de=function e(n){var r=this;t(this,e);var o=function(t){for(var e=1;e',state:'',play:'',pause:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:''},n.option.icons);Object.keys(o).forEach((function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),x(e,o[t]),r[t]=e}))};function he(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ye(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e'.concat(n.get("Flip"),'
"),click:function(t,e){var n=e.target.dataset.value;n&&(r.flip=n)},mounted:function(t){e.on("flip",(function(e){var n=m("button",t).find((function(t){return t.dataset.value===e}));n&&S(n.parentElement,"current")}))}})}}function be(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function me(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e'.concat(n.get("Aspect ratio"),'
'),click:function(t,e){var n=e.target.dataset.value;n&&(r.aspectRatio=n)},mounted:function(t){e.on("aspectRatio",(function(e){var n=m("button",t).find((function(t){return t.dataset.value===e}));n&&S(n.parentElement,"current")}))}})}}function ge(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ve(t){return function(e){var n=e.i18n,r=e.player,o=e.events.proxy;return function(t){for(var e=1;e'.concat(n.get("Play speed"),': 1.0x
'),mounted:function(t){var n=b(".art-setting-range input",t),i=b(".art-subtitle-value",t);o(n,"change",(function(){var t=n.value;i.innerText=t,r.playbackRate=Number(t)})),e.on("playbackRate",(function(t){t&&n.value!==t&&(n.value=t,i.innerText=t)}))}})}}var we=function(e){function n(e){var r;t(this,n),(r=a(this,c(n).call(this,e))).name="setting";var o=e.option,i=e.template,s=i.$setting,l=i.$settingBody,u=e.events.proxy;return r.$parent=l,o.setting&&(e.once("ready",(function(){u(s,"click",(function(t){t.target===s&&(r.show=!1)})),r.add(ye({disable:!o.flip,name:"flip"})),r.add(me({disable:!o.aspectRatio,name:"aspectRatio"})),r.add(ve({disable:!o.playbackRate,name:"playbackRate"}))})),e.on("blur",(function(){r.show=!1}))),r}return l(n,e),n}(bt),xe=function(){function e(){t(this,e),this.name="artplayer_settings"}return n(e,[{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.name))||{};return t?e[t]:e}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),tt({},t,e));localStorage.setItem(this.name,JSON.stringify(n))}},{key:"del",value:function(t){var e=this.get();delete e[t],localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){localStorage.removeItem(this.name)}}]),e}();function Oe(t){var e=t.i18n,n=t.subtitle,r=t.events.proxy;return{title:"Subtitle",name:"subtitleOffset",index:20,html:'
'.concat(e.get("Subtitle offset time"),': 0s
'),mounted:function(e){var o=b(".art-setting-range input",e),i=b(".art-subtitle-value",e);r(o,"change",(function(){var e=o.value;i.innerText=e,t.plugins.subtitleOffset.offset(Number(e))})),t.on("subtitle:switch",(function(){o.value=0,i.innerText=0})),t.on("subtitleOffset",(function(t){n.update(),o.value!==t&&(o.value=t,i.innerText=t)}))}}}function ke(t){var e=t.constructor.utils.clamp,n=t.setting,r=t.notice,o=t.template,i=t.i18n,a=t.player;n.add(Oe);var c=[];return t.on("subtitle:switch",(function(){c=[]})),{name:"subtitleOffset",offset:function(n){if(o.$track&&o.$track.track){var s=Array.from(o.$track.track.cues),l=e(n,-5,5);s.forEach((function(t,n){c[n]||(c[n]={startTime:t.startTime,endTime:t.endTime}),t.startTime=e(c[n].startTime+l,0,a.duration),t.endTime=e(c[n].endTime+l,0,a.duration)})),r.show="".concat(i.get("Subtitle offset time"),": ").concat(n,"s"),t.emit("subtitleOffset",n)}else r.show="".concat(i.get("No subtitles found")),t.emit("subtitleOffset",0)}}}function je(t){var e=t.events.proxy,n=t.template,r=t.player,o=t.option,i=t.setting,a=t.i18n;function c(e){if(e){var i=n.$video.canPlayType(e.type);if("maybe"===i||"probably"===i){var a=URL.createObjectURL(e);o.title=e.name,r.switchUrl(a,e.name),t.emit("localVideo",e)}else z(!1,"Playback of this file format is not supported")}}function s(t){var n=x(t,'');O(t,"position","relative"),k(n,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(n,"change",(function(){c(n.files[0])}))}return e(n.$player,"dragover",(function(t){t.preventDefault()})),e(n.$player,"drop",(function(t){t.preventDefault(),c(t.dataTransfer.files[0])})),t.once("ready",(function(){i.add({title:"Local Video",name:"localVideo",index:30,html:'
'.concat(a.get("Local Video"),'
').concat(a.get("Open"),'
'),mounted:function(e){var n=b(".art-upload-btn",e),r=b(".art-upload-value",e);t.on("localVideo",(function(t){r.textContent=t.name,r.title=t.name})),s(n)}})})),{name:"localVideo",attach:s}}function Pe(t){var e=t.events.proxy,n=t.subtitle,r=t.setting,o=t.i18n;function i(r){var o=x(r,'');O(r,"position","relative"),k(o,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(o,"change",(function(){!function(e){if(e){var r=M(e.name);if(["ass","vtt","srt"].includes(r)){var o=URL.createObjectURL(e);n.switch(o,e.name,r),t.emit("localSubtitle",e)}else z(!1,"Only supports subtitle files in .ass, .vtt and .srt format")}}(o.files[0])}))}return t.once("ready",(function(){r.add({title:"Local Subtitle",name:"localSubtitle",index:40,html:'
'.concat(o.get("Local Subtitle"),'
').concat(o.get("Open"),'
'),mounted:function(e){var n=b(".art-upload-btn",e),r=b(".art-upload-value",e);t.on("localSubtitle",(function(t){r.textContent=t.name,r.title=t.name})),i(n)}})})),{name:"localSubtitle",attach:i}}function Se(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"2px",background:r},mounted:function(e){t.on("control",(function(t){e.style.display=t?"none":"block"})),t.on("destroy",(function(){e.style.display="none"})),t.on("video:timeupdate",(function(){e.style.width="".concat(100*n.played,"%")}))}}),{name:"miniProgressBar"}}function Ee(t){var e=1e4,n=0,r=0,o=0,i=null;function a(){n=0,r=0,o=0,cancelAnimationFrame(i),i=null}function c(){i||function a(){t.isDestroy||(i=requestAnimationFrame((function(){var i=Date.now();if(o){var c=i-o;r+=c,t.player.playing||(n+=c)}o=i,t.emit("networkMonitor",n/r),r>=e&&(n=0,r=0),a()})))}()}return t.on("play",c),t.on("pause",a),{name:"networkMonitor",reset:a,start:c,sample:function(t){e=t}}}var $e=function(){function e(n){var r=this;t(this,e),this.art=n,this.id=0;var o=n.option;o.subtitle.url&&o.subtitleOffset&&this.add(ke),!o.isLive&&o.miniProgressBar&&this.add(Se),o.localVideo&&this.add(je),o.localSubtitle&&this.add(Pe),o.networkMonitor&&this.add(Ee),n.option.plugins.forEach((function(t){r.add(t)}))}return n(e,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art),n=e&&e.name||t.name||"plugin".concat(this.id);return z(!N(this,n),"Cannot add a plugin that already has the same name: ".concat(n)),I(this,n,{value:e}),this}}]),e}(),De=function e(n){t(this,e);var r=n.option,o=n.events.proxy,i=n.template.$video;it.events.forEach((function(t){o(i,t,(function(t){n.emit("video:".concat(t.type),t)}))})),Object.keys(r.moreVideoAttr).forEach((function(t){i[t]=r.moreVideoAttr[t]})),r.muted&&(i.muted=r.muted),r.volume&&(i.volume=J(r.volume,0,1)),r.poster&&(i.poster=r.poster),r.autoplay&&(i.autoplay=r.autoplay),i.controls=!0;var a=r.type||M(r.url),c=r.customType[a];a&&c?(c(i,r.url,n),n.emit("customType",a)):(i.src=r.url,n.emit("url",i.src))},Re=0,Te=[],ze=function(e){function r(e){var n;return t(this,r),(n=a(this,c(r).call(this))).option=u(_(r.option,e),ot),n.isFocus=!1,n.isDestroy=!1,n.userAgent=f,n.isMobile=d,n.isWechat=y,n.whitelist=new at(i(n)),n.template=new ct(i(n)),n.events=new ae(i(n)),n.whitelist.state?(n.storage=new xe(i(n)),n.icons=new de(i(n)),n.i18n=new ut(i(n)),n.notice=new ue(i(n)),n.player=new dt(i(n)),n.layers=new se(i(n)),n.controls=new Nt(i(n)),n.contextmenu=new re(i(n)),n.subtitle=new ie(i(n)),n.info=new oe(i(n)),n.loading=new le(i(n)),n.hotkey=new ce(i(n)),n.mask=new pe(i(n)),n.setting=new we(i(n)),n.plugins=new $e(i(n))):n.mobile=new De(i(n)),Re+=1,n.id=Re,Te.push(i(n)),n}return l(r,e),n(r,[{key:"destroy",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),Te.splice(Te.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return Te}},{key:"version",get:function(){return"3.5.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return it}},{key:"utils",get:function(){return K}},{key:"scheme",get:function(){return ot}},{key:"Emitter",get:function(){return p}},{key:"validator",get:function(){return u}},{key:"kindOf",get:function(){return u.kindOf}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMin:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,light:!1,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,localVideo:!1,localSubtitle:!1,networkMonitor:!1,layers:[],contextmenu:[],controls:[],quality:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:h?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),r}(p);return console.log("%c ArtPlayer %c 3.5.9 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),ze})); +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Artplayer=e()}(this,(function(){"use strict";var t=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function e(t,e){for(var n=0;nobject{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(0,0,0,.7)!important}}.art-video-player .art-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}.art-video-player .art-subtitle{display:none;position:absolute;z-index:20;bottom:10px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.art-video-player .art-subtitle p{word-break:break-all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:40px}.art-video-player .art-danmuku{z-index:30}.art-video-player .art-danmuku,.art-video-player .art-layers{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-layers{display:none;z-index:40}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.art-video-player .art-mask,.art-video-player .art-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.art-video-player .art-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.art-video-player.art-mask-show .art-mask,.art-video-player .art-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.art-video-player.art-loading-show .art-loading{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:55px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.art-video-player .art-bottom .art-progress{position:relative;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4px;cursor:pointer}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{position:relative;height:50%;width:100%;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:100%;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:100%;background:#fff;pointer-events:auto}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner{height:100%}.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-indicator,.art-video-player .art-bottom .art-progress .art-control-progress:hover .art-control-progress-inner .art-progress-tip{display:block}.art-video-player .art-bottom .art-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.art-video-player .art-bottom .art-progress .art-control-loop{display:none;position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;pointer-events:none}.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point{position:absolute;left:0;top:-2px;width:2px;height:8px;background:hsla(0,0%,100%,.75)}.art-video-player .art-bottom .art-controls{position:relative;pointer-events:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:5px 0}.art-video-player .art-bottom .art-controls,.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.art-video-player .art-bottom .art-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{position:relative;z-index:30}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-destroy .art-progress-tip,.art-video-player.art-error .art-progress-indicator,.art-video-player.art-error .art-progress-tip{display:none!important}.art-video-player .art-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.art-video-player .art-notice .art-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.art-video-player.art-notice-show .art-notice{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-contextmenus{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.9);border-radius:3px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;font-size:12px;display:block;color:#fff;padding:10px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{display:inline-block;padding:0 7px}.art-video-player .art-contextmenus .art-contextmenu span.art-current,.art-video-player .art-contextmenus .art-contextmenu span:hover{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:none}.art-video-player.art-contextmenu-show .art-contextmenus,.art-video-player .art-settings{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.art-video-player .art-settings .art-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.9);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.art-video-player .art-settings .art-setting-inner .art-setting-body{overflow-y:auto;width:100%;height:100%}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.art-video-player .art-settings .art-setting-inner .art-setting-body .art-setting .art-setting-header{margin-bottom:5px}.art-video-player .art-settings .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.art-video-player .art-settings .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.art-video-player .art-settings .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.art-video-player .art-settings .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.art-video-player .art-settings .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.art-video-player .art-settings .art-setting-upload{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player .art-settings .art-setting-upload .art-upload-btn{width:80px;height:22px;line-height:22px;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px;text-align:center}.art-video-player .art-settings .art-setting-upload .art-upload-value{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:22px;line-height:22px;padding-left:10px}.art-video-player.art-setting-show .art-settings{opacity:1;visibility:visible;pointer-events:auto}.art-video-player.art-setting-show .art-settings .art-setting-inner{right:0}.art-video-player .art-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.9)}.art-video-player .art-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.art-video-player .art-info .art-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.art-video-player.art-info-show .art-info{display:-webkit-box;display:-ms-flexbox;display:flex}.art-video-player.art-hide-cursor *{cursor:none!important}.art-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.art-video-player.art-fullscreen-web{position:fixed;z-index:9999;width:100%!important;height:100%!important;left:0;top:0;right:0;bottom:0}.art-fullscreen-rotate{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:#000}.art-video-player .art-mini-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.art-video-player .art-mini-header .art-mini-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.art-video-player .art-mini-header .art-mini-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-mini{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.art-video-player.art-mini .art-mini-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.art-video-player.art-mini.art-hover .art-mini-header{opacity:1;visibility:visible}.art-video-player.art-mini .art-mask .art-state{position:static}.art-video-player.art-mini .art-bottom,.art-video-player.art-mini .art-contextmenu,.art-video-player.art-mini .art-danmu,.art-video-player.art-mini .art-info,.art-video-player.art-mini .art-layers,.art-video-player.art-mini .art-notice,.art-video-player.art-mini .art-setting,.art-video-player.art-mini .art-subtitle{display:none!important}.art-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.art-video-player[data-flip=horizontal] .art-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.art-video-player .art-control-switcher{position:relative}.art-video-player .art-control-switcher .art-switcher-list{display:none;position:absolute;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.8);border-radius:3px}.art-video-player .art-control-switcher .art-switcher-list .art-switcher-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.art-video-player .art-control-switcher .art-switcher-list .art-switcher-item:hover{background-color:hsla(0,0%,100%,.1)}.art-video-player .art-control-switcher:hover .art-switcher-list{display:block}:root{--balloon-color:rgba(16,16,16,0.95);--balloon-font-size:12px;--balloon-move:4px}button[aria-label][data-balloon-pos]{overflow:visible}[aria-label][data-balloon-pos]{position:relative;cursor:pointer}[aria-label][data-balloon-pos]:after{text-indent:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-style:normal;text-shadow:none;font-size:var(--balloon-font-size);background:var(--balloon-color);border-radius:2px;color:#fff;content:attr(aria-label);padding:.5em 1em;white-space:nowrap;line-height:1.2}[aria-label][data-balloon-pos]:after,[aria-label][data-balloon-pos]:before{opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[aria-label][data-balloon-pos]:before{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--balloon-color);content:""}[aria-label][data-balloon-pos]:hover:after,[aria-label][data-balloon-pos]:hover:before{opacity:1;pointer-events:none}[aria-label][data-balloon-pos][data-balloon-pos=up]:after{margin-bottom:10px}[aria-label][data-balloon-pos][data-balloon-pos=up]:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,var(--balloon-move));transform:translate(-50%,var(--balloon-move));-webkit-transform-origin:top;transform-origin:top}[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos=up]:hover:before{-webkit-transform:translate(-50%);transform:translate(-50%)}');var u=r((function(t,e){t.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var o=t(n);if("boolean"===o)return"boolean";if("string"===o)return"string";if("number"===o)return"number";if("symbol"===o)return"symbol";if("function"===o)return function(t){return"GeneratorFunction"===r(t)}(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(o=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return o.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function o(t,e){var r=21?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelector(t)}function m(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function g(t,e){return t.classList.add(e)}function v(t,e){return t.classList.remove(e)}function w(t,e){return t.classList.contains(e)}function x(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function O(t,e,n){return t.style[e]=n,t}function k(t,e){return Object.keys(e).forEach((function(n){O(t,n,e[n])})),t}function j(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function P(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function S(t,e){P(t).forEach((function(t){return v(t,e)})),g(t,e)}function E(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";d||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function $(t){var e=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,r=window.innerWidth||document.documentElement.clientWidth,o=e.top<=n&&e.top+e.height>=0,i=e.left<=r&&e.left+e.width>=0;return o&&i}var D=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},R=r((function(t){function e(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}function n(r,o,i){return e()?t.exports=n=Reflect.construct:t.exports=n=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&s(o,n.prototype),o},n.apply(null,arguments)}t.exports=n})),T=function(e){function n(e,r){var o;return t(this,n),o=a(this,c(n).call(this,e)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(i(o),r||o.constructor),o.name="ArtPlayerError",o}return l(n,e),n}(r((function(t){function e(n){var r="function"==typeof Map?new Map:void 0;return t.exports=e=function(t){if(null===t||!D(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return R(t,arguments,c(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),s(e,t)},e(n)}t.exports=e}))(Error));function z(t,e){if(!t)throw new T(e);return t}function A(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function L(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function C(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t.split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function M(t){return t.includes("?")?M(t.split("?")[0]):t.includes("#")?M(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function q(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var H=function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e1?e-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function Y(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function G(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var K=Object.freeze({__proto__:null,query:y,queryAll:m,addClass:g,removeClass:v,hasClass:w,append:x,remove:function(t){return t.parentNode.removeChild(t)},setStyle:O,setStyles:k,getStyle:j,sublings:P,inverseClass:S,tooltip:E,isInViewport:$,ArtPlayerError:T,errorHandle:z,srtToVtt:A,vttToBlob:L,assToVtt:C,getExt:M,download:q,def:I,has:N,proxyPropertys:U,mergeDeep:_,sleep:X,debounce:Y,throttle:Z,clamp:J,secondToTime:Q,escape:G,userAgent:f,isMobile:d,isSafari:h,isWechat:b});var tt=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};function et(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nt(t,e,n){return z("string"===e||t instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}var rt={html:nt,disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"},ot={container:nt,url:"string",poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",autoMin:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",light:"boolean",backdrop:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",subtitleOffset:"boolean",miniProgressBar:"boolean",localVideo:"boolean",localSubtitle:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[rt],contextmenu:[rt],controls:[function(t){for(var e=1;e-1;case"function":return t(n.userAgent);case"regexp":return t.test(n.userAgent);default:return!1}}))},ct=function(){function e(n){var r=this;t(this,e),this.art=n,n.option.container instanceof Element?this.$container=n.option.container:(this.$container=y(n.option.container),z(this.$container,"No container element found by ".concat(n.option.container))),z(n.constructor.instances.every((function(t){return t.template.$container!==r.$container})),"Cannot mount multiple instances on the same dom element"),z(this.$container.clientWidth&&this.$container.clientHeight,"The width and height of the container cannot be 0"),n.whitelist.state?this.desktop():this.mobile()}return n(e,[{key:"query",value:function(t){return y(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option,e=t.theme,n=t.backdrop;this.$container.innerHTML='
Player version:
3.5.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'),this.$undercover=this.query(".art-undercover"),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$settingInner=this.query(".art-setting-inner"),this.$settingBody=this.query(".art-setting-body"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),n&&(g(this.$settingInner,"art-backdrop-filter"),g(this.$info,"art-backdrop-filter"),g(this.$contextmenu,"art-backdrop-filter")),this.art.isMobile&&g(this.$container,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":g(this.$player,"art-destroy")}}]),e}(),st={"Video info":"视频统计信息",Close:"关闭","Light Off":"关灯","Light On":"开灯","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","PIP mode":"画中画模式","Exit PIP mode":"退出画中画模式","PIP not supported":"不支持画中画模式","Local Subtitle":"本地字幕","Local Video":"本地视频","Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},lt={"Video info":"影片統計訊息",Close:"關閉","Light Off":"關燈","Light On":"開燈","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕","Show setting":"顯示设置","Hide setting":"隱藏设置",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","PIP mode":"畫中畫模式","Exit PIP mode":"退出畫中畫模式","PIP not supported":"不支持畫中畫模式","Local Subtitle":"本地字幕","Local Video":"本地視頻","Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"},ut=function(){function e(n){t(this,e),this.art=n,this.languages={"zh-cn":st,"zh-tw":lt},this.init()}return n(e,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=_(this.languages,t),this.init()}}]),e}();var pt=r((function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};rh){var b=h*u/l;O(r,"width","".concat(100*b,"%")),O(r,"height","100%"),O(r,"padding","0 ".concat((p-p*b)/2,"px"))}else{var y=l/h/u;O(r,"width","100%"),O(r,"height","".concat(100*y,"%")),O(r,"padding","".concat((f-f*y)/2,"px 0"))}}o.dataset.aspectRatio=n,a.show="".concat(i.get("Aspect ratio"),": ").concat("default"===n?i.get("Default"):n),t.emit("aspectRatio",n)}else e.aspectRatio&&(O(r,"width",null),O(r,"height",null),O(r,"padding",null),delete o.dataset.aspectRatio,t.emit("aspectRatio"))}}),I(e,"aspectRatioReset",{set:function(t){if(t&&e.aspectRatio){var n=e.aspectRatio;e.aspectRatio=n}}})}(n,this),function(t,e){var n=t.option,r=t.notice,o=t.template.$video,i=document.createElement("canvas");I(e,"getDataURL",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),t(i.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),I(e,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{i.width=o.videoWidth,i.height=o.videoHeight,i.getContext("2d").drawImage(o,0,0),i.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),I(e,"screenshot",{value:function(){e.getDataURL().then((function(e){q(e,"".concat(n.title||"artplayer","_").concat(Q(o.currentTime),".png")),t.emit("screenshot",e)}))}})}(n,this),function(t,e){var n=t.template.$player;I(e,"fullscreen",{get:function(){return pt.isFullscreen},set:function(r){r?pt.request(n).then((function(){g(n,"art-fullscreen"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreen",!0)})):pt.exit().then((function(){v(n,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreen")}))}}),I(e,"fullscreenToggle",{set:function(t){t&&(e.fullscreen=!e.fullscreen)}})}(n,this),function(t,e){var n=t.template.$player;I(e,"fullscreenWeb",{get:function(){return w(n,"art-fullscreen-web")},set:function(r){r?(g(n,"art-fullscreen-web"),e.aspectRatioReset=!0,t.emit("resize"),t.emit("fullscreenWeb",!0)):(v(n,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"))}}),I(e,"fullscreenWebToggle",{set:function(t){t&&(e.fullscreenWeb=!e.fullscreenWeb)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player;I(e,"fullscreenRotate",{get:function(){return w(r,"art-fullscreen-rotate")},set:function(n){if(n){g(r,"art-fullscreen-rotate"),e.autoSize=!0;var i=document.body,a=i.clientHeight,c=i.clientWidth,s=o.clientHeight,l=o.clientWidth;if(c/a0&&!n.paused&&!n.ended&&n.readyState>2)}})}(n,this),function(t,e){var n=t.template,r=n.$container,o=n.$player,i=n.$video;I(e,"autoSize",{get:function(){return w(r,"art-auto-size")},set:function(n){if(n){var a=i.videoWidth,c=i.videoHeight,s=r.getBoundingClientRect(),l=s.width,u=s.height,p=a/c,f=l/u;if(g(r,"art-auto-size"),f>p){O(o,"width","".concat(u*p/l*100,"%")),O(o,"height","100%")}else{var d=l/p/u*100;O(o,"width","100%"),O(o,"height","".concat(d,"%"))}t.emit("autoSize",{width:e.width,height:e.height})}else v(r,"art-auto-size"),O(o,"width",null),O(o,"height",null),t.emit("autoSize")}})}(n,this),function(t,e){I(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach((function(t){I(e,t,{get:function(){return e.rect[t]}})})),I(e,"x",{get:function(){return e.left+window.pageXOffset}}),I(e,"y",{get:function(){return e.top+window.pageYOffset}})}(n,this),function(t,e){var n=t.template.$player;I(e,"flip",{get:function(){return n.dataset.flip},set:function(e){if(e){var r=["normal","horizontal","vertical"];z(r.includes(e),"'flip' only accept ".concat(r.toString()," as parameters")),n.dataset.flip=e,t.emit("flip",e)}else delete n.dataset.flip,t.emit("flip")}})}(n,this),function(t,e){var n=t.template.$undercover;I(e,"light",{get:function(){return"none"!==j(n,"display",!1)},set:function(e){O(n,"display",e?"block":"none"),t.emit("light",e)}})}(n,this),function(t,e){var n=t.i18n,r=t.option,o=t.storage,i=t.events.proxy,a=t.template,c=a.$player,s=a.$miniClose,l=a.$miniTitle,u=a.$miniHeader,p="",f=!1,d=0,h=0,b=0,y=0;i(u,"mousedown",(function(t){f=!0,d=t.pageX,h=t.pageY,b=e.left,y=e.top})),i(document,"mousemove",(function(t){if(f){g(c,"art-is-dragging");var e=y+t.pageY-h,n=b+t.pageX-d;O(c,"top","".concat(e,"px")),O(c,"left","".concat(n,"px")),o.set("top",e),o.set("left",n)}})),i(document,"mouseup",(function(){f=!1,v(c,"art-is-dragging")})),i(s,"click",(function(){e.mini=!1,f=!1,v(c,"art-is-dragging")})),x(l,r.title||n.get("Mini player")),I(e,"mini",{get:function(){return w(c,"art-mini")},set:function(n){if(n){e.autoSize=!1,p=c.style.cssText,g(c,"art-mini");var i=o.get("top"),a=o.get("left");if(i&&a)O(c,"top","".concat(i,"px")),O(c,"left","".concat(a,"px")),$(u)||(o.del("top"),o.del("left"),e.mini=!0);else{var s=document.body,l=s.clientHeight-e.height-50,f=s.clientWidth-e.width-50;o.set("top",l),o.set("left",f),O(c,"top","".concat(l,"px")),O(c,"left","".concat(f,"px"))}e.aspectRatio=!1,e.playbackRate=!1,t.emit("mini",!0)}else c.style.cssText=p,v(c,"art-mini"),O(c,"top",null),O(c,"left",null),e.aspectRatio=!1,e.playbackRate=!1,e.autoSize=r.autoSize,t.emit("mini")}}),I(e,"miniToggle",{set:function(t){t&&(e.mini=!e.mini)}})}(n,this),function(t,e){var n=[];I(e,"loop",{get:function(){return n},set:function(r){if(Array.isArray(r)&&"number"==typeof r[0]&&"number"==typeof r[1]){var o=J(r[0],0,Math.min(r[1],e.duration)),i=J(r[1],o,e.duration);i-o>=1?(n=[o,i],t.emit("loop",n)):(n=[],t.emit("loop"))}else n=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){n.length&&(e.currentTimen[1])&&(e.seek=n[0])}))}(n,this),U(n,this)};var ht=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=c(t)););return t},bt=r((function(t){function e(n,r,o){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=e=Reflect.get:t.exports=e=function(t,e,n){var r=ht(t,e);if(r){var o=Object.getOwnPropertyDescriptor(r,e);return o.get?o.get.call(n):o.value}},e(n,r,o||n)}t.exports=e})),yt=function(){function e(n){t(this,e),this.id=0,this.art=n,this.add=this.add.bind(this)}return n(e,[{key:"add",value:function(t,e){var n=this,r="function"==typeof t?t(this.art):t;if(this.$parent&&this.name&&!r.disable){this.id+=1;var o=r.name||"".concat(this.name).concat(this.id);z(!N(this,o),"Cannot add an existing name [".concat(o,"] to the [").concat(this.name,"]"));var i=document.createElement("div");i.classList.value="art-".concat(this.name," art-").concat(this.name,"-").concat(o),r.html&&x(i,r.html),r.style&&k(i,r.style),r.tooltip&&E(i,r.tooltip);var a=Array.from(this.$parent.children);i.dataset.index=r.index||this.id;var c=a.find((function(t){return Number(t.dataset.index)>=Number(i.dataset.index)}));c?c.insertAdjacentElement("beforebegin",i):x(this.$parent,i),r.click&&this.art.events.proxy(i,"click",(function(t){t.preventDefault(),r.click.call(n.art,n,t)})),r.mounted&&r.mounted(i,this,this.art),e&&e(i,this,this.art),I(this,o,{get:function(){return r}})}}},{key:"show",get:function(){return w(this.art.template.$player,"art-".concat(this.name,"-show"))},set:function(t){var e=this.art.template.$player,n="art-".concat(this.name,"-show");t?g(e,n):v(e,n),this.art.emit(this.name,t)}},{key:"toggle",set:function(t){t&&(this.show=!this.show)}}]),e}();function mt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gt(t){return function(e){return function(t){for(var e=1;e
'),mounted:function(t){var n=!1,o=y(".art-progress-loaded",t),c=y(".art-progress-played",t),s=y(".art-progress-highlight",t),l=y(".art-progress-indicator",t),u=y(".art-progress-tip",t);function p(t,e){"loaded"===t&&O(o,"width","".concat(100*e,"%")),"played"===t&&(O(c,"width","".concat(100*e,"%")),O(l,"left","calc(".concat(100*e,"% - ").concat(j(l,"width")/2,"px)")))}r.forEach((function(t){var e=J(t.time,0,a.duration)/a.duration*100;x(s,''))})),p("loaded",a.loaded),e.on("video:progress",(function(){p("loaded",a.loaded)})),e.on("video:timeupdate",(function(){p("played",a.played)})),e.on("video:ended",(function(){p("played",1)})),i(t,"mousemove",(function(n){O(u,"display","block"),n.composedPath().indexOf(s)>-1?function(n){var r=St(e,n).width,o=n.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?O(u,"left",0):r>t.clientWidth-i/2?O(u,"left","".concat(t.clientWidth-i,"px")):O(u,"left","".concat(r-i/2,"px"))}(n):function(n){var r=St(e,n),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?O(u,"left",0):o>t.clientWidth-a/2?O(u,"left","".concat(t.clientWidth-a,"px")):O(u,"left","".concat(o-a/2,"px"))}(n)})),i(t,"mouseout",(function(){O(u,"display","none")})),i(t,"click",(function(t){if(t.target!==l){var n=St(e,t),r=n.second;p("played",n.percentage),a.seek=r}})),i(l,"mousedown",(function(){n=!0})),i(document,"mousemove",(function(t){if(n){var r=St(e,t),o=r.second,i=r.percentage;g(l,"art-show-indicator"),p("played",i),a.seek=o}})),i(document,"mouseup",(function(){n&&(n=!1,v(l,"art-show-indicator"))}))}})}}function $t(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Dt(t){return function(e){return function(t){for(var e=1;e'),u=x(l,'
');function p(t){var e=l.getBoundingClientRect().left;return J(t.pageX-e-6,0,54)/48}function f(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)O(c,"display","none"),O(s,"display","flex"),O(u,"left","0");else{var e=48*t;O(c,"display","flex"),O(s,"display","none"),O(u,"left","".concat(e,"px"))}}E(c,i.get("Mute")),O(s,"display","none"),e.isMobile&&O(l,"display","none"),f(o.volume),e.on("video:volumechange",(function(){f(o.volume)})),n(c,"click",(function(){o.muted=!0})),n(s,"click",(function(){o.muted=!1})),n(l,"click",(function(t){o.muted=!1,o.volume=p(t)})),n(u,"mousedown",(function(){a=!0})),n(t,"mousemove",(function(t){a&&(o.muted=!1,o.volume=p(t))})),n(document,"mouseup",(function(){a&&(a=!1)}))}})}}function Lt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ct(t){return function(e){return function(t){for(var e=1;er.clientWidth-s/2?O(t,"left","".concat(r.clientWidth-s,"px")):O(t,"left","".concat(i-s/2,"px"))}(o))})),i(r,"mouseout",(function(){O(t,"display","none")}))}})}}function Ht(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Wt(t){return function(e){return function(t){for(var e=1;e'.concat(s.name,"")),u=n.map((function(t,e){return'
').concat(t.name,"
")})).join(""),p=x(t,'
'.concat(u,"
"));i(t,(function(){p.style.left="-".concat(j(p,"width")/2-j(t,"width")/2,"px")})),o(p,"click",(function(t){var e=Number(t.target.dataset.index),r=n[e],o=r.url,i=r.name;o&&i&&c!==e&&(a.switchQuality(o,i),l.innerText=i,c=e)}))}})}}function It(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bt(t){return function(e){return function(t){for(var e=1;e'),o=x(t,'');e.on("loop",(function(e){e?(O(t,"display","block"),O(r,"left","calc(".concat(e[0]/n.duration*100,"% - ").concat(r.clientWidth,"px)")),O(o,"left","".concat(e[1]/n.duration*100,"%"))):O(t,"display","none")}))}})}}var Nt=function(e){function r(e){var n;t(this,r),(n=a(this,c(r).call(this,e))).name="control";var o=e.option,i=e.player,s=e.template.$player;return n.delayHide=Y((function(){i.playing&&n.show&&(g(s,"art-hide-cursor"),v(s,"art-hover"),n.show=!1)}),3e3),n.cancelDelayHide=n.delayHide.clearTimeout,e.once("ready",(function(){n.add(Et({name:"progress",disable:o.isLive,position:"top",index:10})),n.add(qt({name:"thumbnails",disable:!o.thumbnails.url||o.isLive,position:"top",index:20})),n.add(Bt({name:"loop",disable:!1,position:"top",index:30})),n.add(jt({name:"playAndPause",disable:!1,position:"left",index:10})),n.add(At({name:"volume",disable:!1,position:"left",index:20})),n.add(Tt({name:"time",disable:o.isLive,position:"left",index:30})),n.add(Vt({name:"quality",disable:0===o.quality.length,position:"right",index:10})),n.add(Wt({name:"screenshot",disable:!o.screenshot,position:"right",index:20})),n.add(Dt({name:"subtitle",disable:!o.subtitle.url,position:"right",index:30})),n.add(Ct({name:"setting",disable:!o.setting,position:"right",index:40})),n.add(Ot({name:"pip",disable:!o.pip,position:"right",index:50})),n.add(wt({name:"fullscreenWeb",disable:!o.fullscreenWeb,position:"right",index:60})),n.add(gt({name:"fullscreen",disable:!o.fullscreen,position:"right",index:70})),o.controls.forEach((function(t){n.add(t)}))})),n}return l(r,e),n(r,[{key:"add",value:function(t,e){var n=this,o="function"==typeof t?t(this.art):t;z(["top","left","right"].includes(o.position),"Control option.position must one of 'top', 'left', 'right'");var i=this.art.template,a=i.$progress,s=i.$controlsLeft,l=i.$controlsRight;switch(o.position){case"top":this.$parent=a;break;case"left":this.$parent=s;break;case"right":this.$parent=l}bt(c(r.prototype),"add",this).call(this,o,(function(t){o.disable||"top"===o.position||t.firstElementChild&&"I"===t.firstElementChild.tagName||g(t,"art-control-onlyText"),e&&e(t,n,n.art)}))}}]),r}(yt);function Ut(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _t(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e0.50.75').concat(n.get("Normal"),'1.251.52.0'),click:function(t,e){var n=e.target.dataset.rate;n&&(r.playbackRate=Number(n),t.show=!1)},mounted:function(t){e.on("playbackRate",(function(e){var n=m("span",t).find((function(t){return Number(t.dataset.rate)===e}));n&&S(n,"art-current")}))}})}}function Xt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yt(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e').concat(n.get("Default"),'4:316:9'),click:function(t,e){var n=e.target.dataset.ratio;n&&(r.aspectRatio=n,t.show=!1)},mounted:function(t){e.on("aspectRatio",(function(e){var n=m("span",t).find((function(t){return t.dataset.ratio===e}));n&&S(n,"art-current")}))}})}}function Zt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jt(t){return function(e){return function(t){for(var e=1;eArtPlayer 3.5.9'})}function Kt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function te(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;ec+a&&(h=a-d),n+f>u+i&&(b=i-f),k(l,{top:"".concat(b,"px"),left:"".concat(h,"px")})})),u(s,"click",(function(t){t.composedPath().includes(l)||(r.show=!1)})),e.on("blur",(function(){r.show=!1}))})),r}return l(n,e),n}(yt),oe=function(e){function n(e){var r;t(this,n),(r=a(this,c(n).call(this,e))).name="info";var o=e.template,i=o.$infoPanel,s=o.$infoClose,l=o.$video;(0,e.events.proxy)(s,"click",(function(){r.show=!1}));var u=null,p=m("[data-video]",i);return e.on("destroy",(function(){clearTimeout(u)})),e.on("info",(function(t){clearTimeout(u),t&&function t(){p.forEach((function(t){var e=l[t.dataset.video];t.innerText="number"==typeof e?e.toFixed(2):e})),u=setTimeout((function(){t()}),1e3)}()})),r}return l(n,e),n}(yt),ie=function(e){function r(e){var n;t(this,r),(n=a(this,c(r).call(this,e))).name="subtitle";var o=e.option.subtitle;return k(e.template.$subtitle,o.style),o.url&&n.init(o.url),n}return l(r,e),n(r,[{key:"update",value:function(){var t=this.art.template.$subtitle;t.innerHTML="",this.activeCue&&(t.innerHTML=this.activeCue.text.split(/\r?\n/).map((function(t){return"

".concat(G(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t,e,n){var r=this,o=this.art,i=o.i18n,a=o.notice;return this.init(t,n).then((function(t){return e&&(a.show="".concat(i.get("Switch subtitle"),": ").concat(e)),r.art.emit("subtitleSwitch",t),t}))}},{key:"init",value:function(t,e){var n=this,r=this.art,o=r.notice,i=r.events.proxy,a=r.template,c=a.$subtitle,s=a.$video;if(!a.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",s.appendChild(l),this.art.template.$track=l,i(this.textTrack,"cuechange",this.update.bind(this))}return fetch(t).then((function(t){return t.text()})).then((function(r){switch(n.art.emit("subtitleLoad",t),e||M(t)){case"srt":return L(A(r));case"ass":return L(C(r));case"vtt":return L(r);default:return t}})).then((function(t){return c.innerHTML="",n.url===t||(URL.revokeObjectURL(n.url),n.art.template.$track.src=t),t})).catch((function(t){throw o.show=t,t}))}},{key:"url",get:function(){return this.art.template.$track.src}},{key:"textTrack",get:function(){return this.art.template.$video.textTracks[0]}},{key:"activeCue",get:function(){return this.textTrack.activeCues[0]}}]),r}(yt);var ae=function(){function e(n){var r=this;t(this,e),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),n.whitelist.state&&n.once("ready",(function(){!function(t,e){var n=t.controls,r=t.template.$player;e.proxy(document,["click","contextmenu"],(function(e){e.composedPath&&e.composedPath().indexOf(r)>-1?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})),t.on("blur",(function(){n.delayHide()}))}(n,r),function(t,e){var n=t.controls,r=t.template.$player;e.hover(r,(function(){g(r,"art-hover"),t.emit("hover",!0)}),(function(){v(r,"art-hover"),t.emit("hover")})),t.on("hover",(function(t){t||n.delayHide()}))}(n,r),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=t.controls;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)})),t.on("mousemove",(function(t){a.cancelDelayHide(),v(r,"art-hide-cursor"),a.show=!0,i.pip||t.target!==o||a.delayHide()}))}(n,r),function(t,e){var n=t.option,r=t.player,o=Z((function(){r.normal&&(r.autoSize=n.autoSize),r.aspectRatioReset=!0,t.emit("resize")}),500);e.proxy(window,["orientationchange","resize"],(function(){o()}))}(n,r),function(t,e){if(t.isMobile&&!t.option.isLive){var n=t.player,r=t.notice,o=t.template.$video,i=!1,a=0,c=0;e.proxy(o,"touchstart",(function(t){1===t.touches.length&&(i=!0,a=t.touches[0].clientX)})),e.proxy(document,"touchmove",(function(t){if(1===t.touches.length&&i){var e=J((t.touches[0].clientX-a)/o.clientWidth,-1,1);c=J(n.currentTime+60*e,0,n.duration),r.show="".concat(Q(c)," / ").concat(Q(n.duration))}})),e.proxy(document,"touchend",(function(){i&&c&&(n.seek=c),i=!1,a=0,c=0}))}}(n,r),function(t,e){var n=t.player,r=t.option.autoMini,o=t.template.$container,i=Y((function(){t.emit("view",$(o))}),200);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(t){r&&(n.mini=!t)}))}(n,r)}))}return n(e,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(t);(o=new Image).src=t}return o.complete?n(o):(e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(o)})),t)}))}},{key:"destroy",value:function(){this.destroyEvents.forEach((function(t){return t()}))}}]),e}(),ce=function(){function e(n){var r=this;t(this,e),this.keys={};var o=n.option,i=n.player,a=n.events.proxy;o.hotkey&&n.once("ready",(function(){r.add(27,(function(){i.fullscreenWeb&&(i.fullscreenWeb=!1)})),r.add(32,(function(){i.toggle=!0})),r.add(37,(function(){i.backward=5})),r.add(38,(function(){i.volume+=.1})),r.add(39,(function(){i.forward=5})),r.add(40,(function(){i.volume-=.1})),a(window,"keydown",(function(t){if(n.isFocus){var e=document.activeElement.tagName.toUpperCase(),o=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==o&&"true"!==o){var i=r.keys[t.keyCode];i&&(t.preventDefault(),i.forEach((function(t){return t()})),n.emit("hotkey",t))}}}))}))}return n(e,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}}]),e}(),se=function(e){function n(e){var r;return t(this,n),(r=a(this,c(n).call(this,e))).name="layer",r.$parent=e.template.$layer,e.once("ready",(function(){e.option.layers.forEach((function(t){r.add(t)}))})),r}return l(n,e),n}(yt),le=function(e){function n(e){var r;return t(this,n),(r=a(this,c(n).call(this,e))).name="loading",x(e.template.$loading,e.icons.loading),r}return l(n,e),n}(yt),ue=function(){function e(n){t(this,e),this.art=n,this.time=2e3,this.timer=null}return n(e,[{key:"show",set:function(t){var e=this.art.template,n=e.$player,r=e.$noticeInner;r.innerText=t instanceof Error?t.message.trim():t,g(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout((function(){r.innerText="",v(n,"art-notice-show")}),this.time)}}]),e}(),pe=function(e){function n(e){var r;return t(this,n),(r=a(this,c(n).call(this,e))).name="mask",x(e.template.$state,e.icons.state),r}return l(n,e),n}(yt);function fe(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var de=function e(n){var r=this;t(this,e);var o=function(t){for(var e=1;e',state:'',play:'',pause:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:''},n.option.icons);Object.keys(o).forEach((function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),x(e,o[t]),r[t]=e}))};function he(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function be(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e'.concat(n.get("Flip"),'
"),click:function(t,e){var n=e.target.dataset.value;n&&(r.flip=n)},mounted:function(t){e.on("flip",(function(e){var n=m("button",t).find((function(t){return t.dataset.value===e}));n&&S(n.parentElement,"current")}))}})}}function ye(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function me(t){return function(e){var n=e.i18n,r=e.player;return function(t){for(var e=1;e'.concat(n.get("Aspect ratio"),'
'),click:function(t,e){var n=e.target.dataset.value;n&&(r.aspectRatio=n)},mounted:function(t){e.on("aspectRatio",(function(e){var n=m("button",t).find((function(t){return t.dataset.value===e}));n&&S(n.parentElement,"current")}))}})}}function ge(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ve(t){return function(e){var n=e.i18n,r=e.player,o=e.events.proxy;return function(t){for(var e=1;e'.concat(n.get("Play speed"),': 1.0x
'),mounted:function(t){var n=y(".art-setting-range input",t),i=y(".art-subtitle-value",t);o(n,"change",(function(){var t=n.value;i.innerText=t,r.playbackRate=Number(t)})),e.on("playbackRate",(function(t){t&&n.value!==t&&(n.value=t,i.innerText=t)}))}})}}var we=function(e){function n(e){var r;t(this,n),(r=a(this,c(n).call(this,e))).name="setting";var o=e.option,i=e.template,s=i.$setting,l=i.$settingBody,u=e.events.proxy;return r.$parent=l,o.setting&&(e.once("ready",(function(){u(s,"click",(function(t){t.target===s&&(r.show=!1)})),r.add(be({disable:!o.flip,name:"flip"})),r.add(me({disable:!o.aspectRatio,name:"aspectRatio"})),r.add(ve({disable:!o.playbackRate,name:"playbackRate"}))})),e.on("blur",(function(){r.show=!1}))),r}return l(n,e),n}(yt),xe=function(){function e(){t(this,e),this.name="artplayer_settings"}return n(e,[{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.name))||{};return t?e[t]:e}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),tt({},t,e));localStorage.setItem(this.name,JSON.stringify(n))}},{key:"del",value:function(t){var e=this.get();delete e[t],localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){localStorage.removeItem(this.name)}}]),e}();function Oe(t){var e=t.i18n,n=t.subtitle,r=t.events.proxy;return{title:"Subtitle",name:"subtitleOffset",index:20,html:'
'.concat(e.get("Subtitle offset time"),': 0s
'),mounted:function(e){var o=y(".art-setting-range input",e),i=y(".art-subtitle-value",e);r(o,"change",(function(){var e=o.value;i.innerText=e,t.plugins.subtitleOffset.offset(Number(e))})),t.on("subtitle:switch",(function(){o.value=0,i.innerText=0})),t.on("subtitleOffset",(function(t){n.update(),o.value!==t&&(o.value=t,i.innerText=t)}))}}}function ke(t){var e=t.constructor.utils.clamp,n=t.setting,r=t.notice,o=t.template,i=t.i18n,a=t.player;n.add(Oe);var c=[];return t.on("subtitle:switch",(function(){c=[]})),{name:"subtitleOffset",offset:function(n){if(o.$track&&o.$track.track){var s=Array.from(o.$track.track.cues),l=e(n,-5,5);s.forEach((function(t,n){c[n]||(c[n]={startTime:t.startTime,endTime:t.endTime}),t.startTime=e(c[n].startTime+l,0,a.duration),t.endTime=e(c[n].endTime+l,0,a.duration)})),r.show="".concat(i.get("Subtitle offset time"),": ").concat(n,"s"),t.emit("subtitleOffset",n)}else r.show="".concat(i.get("No subtitles found")),t.emit("subtitleOffset",0)}}}function je(t){var e=t.events.proxy,n=t.template,r=t.player,o=t.option,i=t.setting,a=t.i18n;function c(e){if(e){var i=n.$video.canPlayType(e.type);if("maybe"===i||"probably"===i){var a=URL.createObjectURL(e);o.title=e.name,r.switchUrl(a,e.name),t.emit("localVideo",e)}else z(!1,"Playback of this file format is not supported")}}function s(t){var n=x(t,'');O(t,"position","relative"),k(n,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(n,"change",(function(){c(n.files[0])}))}return e(n.$player,"dragover",(function(t){t.preventDefault()})),e(n.$player,"drop",(function(t){t.preventDefault(),c(t.dataTransfer.files[0])})),t.once("ready",(function(){i.add({title:"Local Video",name:"localVideo",index:30,html:'
'.concat(a.get("Local Video"),'
').concat(a.get("Open"),'
'),mounted:function(e){var n=y(".art-upload-btn",e),r=y(".art-upload-value",e);t.on("localVideo",(function(t){r.textContent=t.name,r.title=t.name})),s(n)}})})),{name:"localVideo",attach:s}}function Pe(t){var e=t.events.proxy,n=t.subtitle,r=t.setting,o=t.i18n;function i(r){var o=x(r,'');O(r,"position","relative"),k(o,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),e(o,"change",(function(){!function(e){if(e){var r=M(e.name);if(["ass","vtt","srt"].includes(r)){var o=URL.createObjectURL(e);n.switch(o,e.name,r),t.emit("localSubtitle",e)}else z(!1,"Only supports subtitle files in .ass, .vtt and .srt format")}}(o.files[0])}))}return t.once("ready",(function(){r.add({title:"Local Subtitle",name:"localSubtitle",index:40,html:'
'.concat(o.get("Local Subtitle"),'
').concat(o.get("Open"),'
'),mounted:function(e){var n=y(".art-upload-btn",e),r=y(".art-upload-value",e);t.on("localSubtitle",(function(t){r.textContent=t.name,r.title=t.name})),i(n)}})})),{name:"localSubtitle",attach:i}}function Se(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"2px",background:r},mounted:function(e){t.on("control",(function(t){e.style.display=t?"none":"block"})),t.on("destroy",(function(){e.style.display="none"})),t.on("video:timeupdate",(function(){e.style.width="".concat(100*n.played,"%")}))}}),{name:"miniProgressBar"}}function Ee(t){var e=1e4,n=0,r=0,o=0,i=null;function a(){n=0,r=0,o=0,cancelAnimationFrame(i),i=null}function c(){i||function a(){t.isDestroy||(i=requestAnimationFrame((function(){var i=Date.now();if(o){var c=i-o;r+=c,t.player.playing||(n+=c)}o=i,t.emit("networkMonitor",n/r),r>=e&&(n=0,r=0),a()})))}()}return t.on("play",c),t.on("pause",a),{name:"networkMonitor",reset:a,start:c,sample:function(t){e=t}}}function $e(t){var e=t.controls,n=t.option,r=t.events.hover;function o(n){var o,i,a,c=n.list.map((function(t){return'
').concat(t.text,"
")})).join(""),s='
'.concat(c,'
');e.add({name:n.name,position:"right",index:n.index,html:s,mounted:function(t){g(t,"art-control-switcher"),o=y(".art-switcher-list",t),i=m(".art-switcher-item",t),a=y(".art-switcher-current",t);var e=n.list.find((function(t){return t.name===n.default}))||n.list[0];if(e){a.innerText=e.text;var c=i.find((function(t){return t.dataset.switcherName===e.name}));c&&S(c,"art-current")}r(t,(function(){o.style.left="-".concat(j(o,"width")/2-j(t,"width")/2,"px")}))},click:function(e,r){var o=r.target.dataset.switcherName;if(o){var c=n.list.find((function(t){return t.name===o}));if(c){var s=i.find((function(t){return t.dataset.switcherName===c.name}));a.innerText=c.text,S(s,"art-current"),n.click&&n.click.call(t,o,r)}}}})}return n.switcher.forEach(o),{name:"switcher",add:o}}var De=function(){function e(n){var r=this;t(this,e),this.art=n,this.id=0;var o=n.option;o.subtitle.url&&o.subtitleOffset&&this.add(ke),!o.isLive&&o.miniProgressBar&&this.add(Se),o.localVideo&&this.add(je),o.localSubtitle&&this.add(Pe),o.networkMonitor&&this.add(Ee),this.add($e),n.option.plugins.forEach((function(t){r.add(t)}))}return n(e,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art),n=e&&e.name||t.name||"plugin".concat(this.id);return z(!N(this,n),"Cannot add a plugin that already has the same name: ".concat(n)),I(this,n,{value:e}),this}}]),e}(),Re=function e(n){t(this,e);var r=n.option,o=n.events.proxy,i=n.template.$video;it.events.forEach((function(t){o(i,t,(function(t){n.emit("video:".concat(t.type),t)}))})),Object.keys(r.moreVideoAttr).forEach((function(t){i[t]=r.moreVideoAttr[t]})),r.muted&&(i.muted=r.muted),r.volume&&(i.volume=J(r.volume,0,1)),r.poster&&(i.poster=r.poster),r.autoplay&&(i.autoplay=r.autoplay),i.controls=!0;var a=r.type||M(r.url),c=r.customType[a];a&&c?(c(i,r.url,n),n.emit("customType",a)):(i.src=r.url,n.emit("url",i.src))},Te=0,ze=[],Ae=function(e){function r(e){var n;return t(this,r),(n=a(this,c(r).call(this))).option=u(_(r.option,e),ot),n.isFocus=!1,n.isDestroy=!1,n.userAgent=f,n.isMobile=d,n.isWechat=b,n.whitelist=new at(i(n)),n.template=new ct(i(n)),n.events=new ae(i(n)),n.whitelist.state?(n.storage=new xe(i(n)),n.icons=new de(i(n)),n.i18n=new ut(i(n)),n.notice=new ue(i(n)),n.player=new dt(i(n)),n.layers=new se(i(n)),n.controls=new Nt(i(n)),n.contextmenu=new re(i(n)),n.subtitle=new ie(i(n)),n.info=new oe(i(n)),n.loading=new le(i(n)),n.hotkey=new ce(i(n)),n.mask=new pe(i(n)),n.setting=new we(i(n)),n.plugins=new De(i(n))):n.mobile=new Re(i(n)),Te+=1,n.id=Te,ze.push(i(n)),n}return l(r,e),n(r,[{key:"destroy",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),ze.splice(ze.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return ze}},{key:"version",get:function(){return"3.5.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return it}},{key:"utils",get:function(){return K}},{key:"scheme",get:function(){return ot}},{key:"Emitter",get:function(){return p}},{key:"validator",get:function(){return u}},{key:"kindOf",get:function(){return u.kindOf}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMin:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,light:!1,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,localVideo:!1,localSubtitle:!1,networkMonitor:!1,layers:[],contextmenu:[],controls:[],quality:[],highlight:[],plugins:[],whitelist:[],switcher:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:h?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),r}(p);return console.log("%c ArtPlayer %c 3.5.9 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),Ae})); diff --git a/scripts/build.js b/scripts/build.js index 35099ee86..d65572b0f 100644 --- a/scripts/build.js +++ b/scripts/build.js @@ -8,6 +8,10 @@ const creatRollupConfig = require('./creatRollupConfig'); const isBuildAll = process.argv.pop() === 'all'; +function runPromisesInSeries(ps) { + return ps.reduce((p, next) => p.then(next), Promise.resolve()); +} + function build(projectPath) { const { input, output, plugins } = creatRollupConfig(projectPath); const dist = path.join(projectPath, 'dist'); @@ -19,7 +23,7 @@ function build(projectPath) { input, plugins, }) - .then(bundle => { + .then((bundle) => { bundle.write(output); logger.success(`finished building all bundles from ${projectPath}`); }); @@ -28,19 +32,19 @@ function build(projectPath) { if (isBuildAll) { const bundles = []; - Object.keys(projects).forEach(item => { + Object.keys(projects).forEach((item) => { const projectPath = projects[item]; - bundles.push(build(projectPath)); + bundles.push(() => build(projectPath)); }); const dist = path.join(process.cwd(), 'dist'); del(dist).then(() => { logger.success(`----Delete directory successfully: ${dist}----`); - Promise.all(bundles) + runPromisesInSeries(bundles) .then(() => { logger.success('----finished building all packages----'); }) - .catch(err => { + .catch((err) => { logger.fatal(err); }); }); @@ -54,10 +58,10 @@ if (isBuildAll) { choices: Object.keys(projects), }, ]) - .then(answers => { + .then((answers) => { build(projects[answers.project]); }) - .catch(err => { + .catch((err) => { logger.fatal(err); }); } diff --git a/scripts/getProjects.js b/scripts/getProjects.js index fe165ea04..6d581a462 100644 --- a/scripts/getProjects.js +++ b/scripts/getProjects.js @@ -2,10 +2,9 @@ const path = require('path'); const glob = require('glob'); module.exports = function getProjects() { - const projects = {}; - glob.sync(path.join(process.cwd(), 'packages/*')).forEach(item => { + return glob.sync(path.join(process.cwd(), 'packages/*')).reduce((result, item) => { const name = item.split(path.sep).pop(); - projects[name] = item; - }); - return projects; + result[name] = item; + return result; + }, {}); };