/*!
 * artplayer-react.js v3.1.18
 * Github: https://github.com/zhw2590582/ArtPlayer#readme
 * (c) 2017-2019 Harvey Zack
 * Released under the MIT License.
 */

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).ArtplayerReact=t()}(this,function(){"use strict";var a=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],0<=t.indexOf(n)||(o[n]=e[n]);return o};var r=function(e,t){if(null==e)return{};var n,r,o=a(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],0<=t.indexOf(n)||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o};var d=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e};function e(e,t){return e(t={exports:{}},t.exports),t.exports}var o=e(function(t){function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function r(e){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?t.exports=r=function(e){return n(e)}:t.exports=r=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":n(e)},r(e)}t.exports=r});var c=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")};function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var u=function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e};var s=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e};var l=function(e,t){return!t||"object"!==o(t)&&"function"!=typeof t?s(e):t},f=e(function(t){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},n(e)}t.exports=n}),p=e(function(n){function r(e,t){return n.exports=r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},r(e,t)}n.exports=r});var t=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)},y=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var _e=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,r,o=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),i=1;i<arguments.length;i++){for(var a in n=Object(arguments[i]))h.call(n,a)&&(o[a]=n[a]);if(y){r=y(n);for(var c=0;c<r.length;c++)v.call(n,r[c])&&(o[r[c]]=n[r[c]])}}return o},n="function"==typeof Symbol&&Symbol.for,m=n?Symbol.for("react.element"):60103,g=n?Symbol.for("react.portal"):60106,b=n?Symbol.for("react.fragment"):60107,w=n?Symbol.for("react.strict_mode"):60108,O=n?Symbol.for("react.profiler"):60114,j=n?Symbol.for("react.provider"):60109,k=n?Symbol.for("react.context"):60110,P=n?Symbol.for("react.forward_ref"):60112,x=n?Symbol.for("react.suspense"):60113,S=n?Symbol.for("react.suspense_list"):60120,E=n?Symbol.for("react.memo"):60115,R=n?Symbol.for("react.lazy"):60116,$="function"==typeof Symbol&&Symbol.iterator;function C(e){for(var t=e.message,n="https://reactjs.org/docs/error-decoder.html?invariant="+t,r=1;r<arguments.length;r++)n+="&args[]="+encodeURIComponent(arguments[r]);return e.message="Minified React error #"+t+"; visit "+n+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",e}var D={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},T={};function _(e,t,n){this.props=e,this.context=t,this.refs=T,this.updater=n||D}function A(){}function L(e,t,n){this.props=e,this.context=t,this.refs=T,this.updater=n||D}_.prototype.isReactComponent={},_.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw C(Error(85));this.updater.enqueueSetState(this,e,t,"setState")},_.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},A.prototype=_.prototype;var M=L.prototype=new A;M.constructor=L,_e(M,_.prototype),M.isPureReactComponent=!0;var z={current:null},I={suspense:null},q={current:null},F=Object.prototype.hasOwnProperty,W={key:!0,ref:!0,__self:!0,__source:!0};function N(e,t,n){var r=void 0,o={},i=null,a=null;if(null!=t)for(r in void 0!==t.ref&&(a=t.ref),void 0!==t.key&&(i=""+t.key),t)F.call(t,r)&&!W.hasOwnProperty(r)&&(o[r]=t[r]);var c=arguments.length-2;if(1===c)o.children=n;else if(1<c){for(var u=Array(c),s=0;s<c;s++)u[s]=arguments[s+2];o.children=u}if(e&&e.defaultProps)for(r in c=e.defaultProps)void 0===o[r]&&(o[r]=c[r]);return{$$typeof:m,type:e,key:i,ref:a,props:o,_owner:q.current}}function V(e){return"object"==typeof e&&null!==e&&e.$$typeof===m}var H=/\/+/g,U=[];function B(e,t,n,r){if(U.length){var o=U.pop();return o.result=e,o.keyPrefix=t,o.func=n,o.context=r,o.count=0,o}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function Y(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,U.length<10&&U.push(e)}function X(e,t,n){return null==e?0:function e(t,n,r,o){var i=typeof t;"undefined"!==i&&"boolean"!==i||(t=null);var a=!1;if(null===t)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(t.$$typeof){case m:case g:a=!0}}if(a)return r(o,t,""===n?"."+Z(t,0):n),1;if(a=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;c<t.length;c++){var u=n+Z(i=t[c],c);a+=e(i,u,r,o)}else if("function"==typeof(u=null===t||"object"!=typeof t?null:"function"==typeof(u=$&&t[$]||t["@@iterator"])?u:null))for(t=u.call(t),c=0;!(i=t.next()).done;)a+=e(i=i.value,u=n+Z(i,c++),r,o);else if("object"===i)throw r=""+t,C(Error(31),"[object Object]"===r?"object with keys {"+Object.keys(t).join(", ")+"}":r,"");return a}(e,"",t,n)}function Z(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,function(e){return t[e]})}(e.key):t.toString(36)}function J(e,t){e.func.call(e.context,t,e.count++)}function G(e,t,n){var r=e.result,o=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?Q(e,r,n,function(e){return e}):null!=e&&(V(e)&&(e=function(e,t){return{$$typeof:m,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(e,o+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(H,"$&/")+"/")+n)),r.push(e))}function Q(e,t,n,r,o){var i="";null!=n&&(i=(""+n).replace(H,"$&/")+"/"),X(e,G,t=B(t,i,r,o)),Y(t)}function K(){var e=z.current;if(null===e)throw C(Error(321));return e}var ee={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return Q(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;X(e,J,t=B(null,null,t,n)),Y(t)},count:function(e){return X(e,function(){return null},null)},toArray:function(e){var t=[];return Q(e,t,null,function(e){return e}),t},only:function(e){if(!V(e))throw C(Error(143));return e}},createRef:function(){return{current:null}},Component:_,PureComponent:L,createContext:function(e,t){return void 0===t&&(t=null),(e={$$typeof:k,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:j,_context:e},e.Consumer=e},forwardRef:function(e){return{$$typeof:P,render:e}},lazy:function(e){return{$$typeof:R,_ctor:e,_status:-1,_result:null}},memo:function(e,t){return{$$typeof:E,type:e,compare:void 0===t?null:t}},useCallback:function(e,t){return K().useCallback(e,t)},useContext:function(e,t){return K().useContext(e,t)},useEffect:function(e,t){return K().useEffect(e,t)},useImperativeHandle:function(e,t,n){return K().useImperativeHandle(e,t,n)},useDebugValue:function(){},useLayoutEffect:function(e,t){return K().useLayoutEffect(e,t)},useMemo:function(e,t){return K().useMemo(e,t)},useReducer:function(e,t,n){return K().useReducer(e,t,n)},useRef:function(e){return K().useRef(e)},useState:function(e){return K().useState(e)},Fragment:b,Profiler:O,StrictMode:w,Suspense:x,unstable_SuspenseList:S,createElement:N,cloneElement:function(e,t,n){if(null==e)throw C(Error(267),e);var r=void 0,o=_e({},e.props),i=e.key,a=e.ref,c=e._owner;if(null!=t){void 0!==t.ref&&(a=t.ref,c=q.current),void 0!==t.key&&(i=""+t.key);var u=void 0;for(r in e.type&&e.type.defaultProps&&(u=e.type.defaultProps),t)F.call(t,r)&&!W.hasOwnProperty(r)&&(o[r]=void 0===t[r]&&void 0!==u?u[r]:t[r])}if(1===(r=arguments.length-2))o.children=n;else if(1<r){u=Array(r);for(var s=0;s<r;s++)u[s]=arguments[s+2];o.children=u}return{$$typeof:m,type:e.type,key:i,ref:a,props:o,_owner:c}},createFactory:function(e){var t=N.bind(null,e);return t.type=e,t},isValidElement:V,version:"16.9.0",unstable_withSuspenseConfig:function(e,t){var n=I.suspense;I.suspense=void 0===t?null:t;try{e()}finally{I.suspense=n}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentDispatcher:z,ReactCurrentBatchConfig:I,ReactCurrentOwner:q,IsSomeRendererActing:{current:!1},assign:_e}},te=ee.default||ee,ne=function(){};if("production"!==process.env.NODE_ENV){var re="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",oe={},ie=Function.call.bind(Object.prototype.hasOwnProperty);ne=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function ae(e,t,n,r,o){if("production"!==process.env.NODE_ENV)for(var i in e)if(ie(e,i)){var a;try{if("function"!=typeof e[i]){var c=Error((r||"React class")+": "+n+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.");throw c.name="Invariant Violation",c}a=e[i](t,i,r,n,null,re)}catch(e){a=e}if(!a||a instanceof Error||ne((r||"React class")+": type specification of "+n+" `"+i+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof a+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),a instanceof Error&&!(a.message in oe)){oe[a.message]=!0;var u=o?o():"";ne("Failed "+n+" type: "+a.message+(null!=u?u:""))}}}ae.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(oe={})};var Ae=ae,ce=e(function(Te){"production"!==process.env.NODE_ENV&&function(){var y=_e,o=Ae,e="function"==typeof Symbol&&Symbol.for,m=e?Symbol.for("react.element"):60103,g=e?Symbol.for("react.portal"):60106,s=e?Symbol.for("react.fragment"):60107,n=e?Symbol.for("react.strict_mode"):60108,r=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,t=e?Symbol.for("react.concurrent_mode"):60111,i=e?Symbol.for("react.forward_ref"):60112,u=e?Symbol.for("react.suspense"):60113,l=e?Symbol.for("react.suspense_list"):60120,f=e?Symbol.for("react.memo"):60115,p=e?Symbol.for("react.lazy"):60116,d=e?Symbol.for("react.fundamental"):60117,h=e?Symbol.for("react.responder"):60118,v="function"==typeof Symbol&&Symbol.iterator,b="@@iterator";function w(e){if(null===e||"object"!=typeof e)return null;var t=v&&e[v]||e[b];return"function"==typeof t?t:null}function O(e){return e.name="Invariant Violation",e}var j=function(e,t){if(void 0===t)throw new Error("`lowPriorityWarning(condition, format, ...args)` requires a warning message argument");if(!e){for(var n=arguments.length,r=Array(2<n?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];(function(e){for(var t=arguments.length,n=Array(1<t?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=0,i="Warning: "+e.replace(/%s/g,function(){return n[o++]});"undefined"!=typeof console&&console.warn(i);try{throw new Error(i)}catch(e){}}).apply(void 0,[t].concat(r))}},k=function(e,t){for(var n=arguments.length,r=Array(2<n?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];if(void 0===t)throw new Error("`warningWithoutStack(condition, format, ...args)` requires a warning message argument");if(8<r.length)throw new Error("warningWithoutStack() currently supports at most 8 arguments.");if(!e){if("undefined"!=typeof console){var i=r.map(function(e){return""+e});i.unshift("Warning: "+t),Function.prototype.apply.call(console.error,console,i)}try{var a=0,c="Warning: "+t.replace(/%s/g,function(){return r[a++]});throw new Error(c)}catch(e){}}},P={};function x(e,t){var n=e.constructor,r=n&&(n.displayName||n.name)||"ReactClass",o=r+"."+t;P[o]||(k(!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.",t,r),P[o]=!0)}var S={isMounted:function(e){return!1},enqueueForceUpdate:function(e,t,n){x(e,"forceUpdate")},enqueueReplaceState:function(e,t,n,r){x(e,"replaceState")},enqueueSetState:function(e,t,n,r){x(e,"setState")}},E={};function R(e,t,n){this.props=e,this.context=t,this.refs=E,this.updater=n||S}Object.freeze(E),R.prototype.isReactComponent={},R.prototype.setState=function(e,t){!function(){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw O(Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables."))}(),this.updater.enqueueSetState(this,e,t,"setState")},R.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function $(e,t){Object.defineProperty(R.prototype,e,{get:function(){j(!1,"%s(...) is deprecated in plain JavaScript React classes. %s",t[0],t[1])}})}var C={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)."]};for(var D in C)C.hasOwnProperty(D)&&$(D,C[D]);function T(){}function _(e,t,n){this.props=e,this.context=t,this.refs=E,this.updater=n||S}T.prototype=R.prototype;var A=_.prototype=new T;A.constructor=_,y(A,R.prototype),A.isPureReactComponent=!0;var L={current:null},M={suspense:null},z={current:null},I=/^(.*)[\\\/]/,q=1;function F(e){if(null==e)return null;if("number"==typeof e.tag&&k(!1,"Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),"function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case s:return"Fragment";case g:return"Portal";case r:return"Profiler";case n:return"StrictMode";case u:return"Suspense";case l:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case c:return"Context.Consumer";case a:return"Context.Provider";case i:return function(e,t,n){var r=t.displayName||t.name||"";return e.displayName||(""!==r?n+"("+r+")":n)}(e,e.render,"ForwardRef");case f:return F(e.type);case p:var t=function(e){return e._status===q?e._result:null}(e);if(t)return F(t)}return null}var W={},N=null;function V(e){N=e}W.getCurrentStack=null,W.getStackAddendum=function(){var e="";if(N){var t=F(N.type),n=N._owner;e+=function(e,t,n){var r="";if(t){var o=t.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+":"+t.lineNumber+")"}else n&&(r=" (created by "+n+")");return"\n    in "+(e||"Unknown")+r}(t,N._source,n&&F(n.type))}var r=W.getCurrentStack;return r&&(e+=r()||""),e};var H={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:M,ReactCurrentOwner:z,IsSomeRendererActing:{current:!1},assign:y};y(H,{ReactDebugCurrentFrame:W,ReactComponentTreeHook:{}});var U=function(e,t){if(!e){for(var n=H.ReactDebugCurrentFrame.getStackAddendum(),r=arguments.length,o=Array(2<r?r-2:0),i=2;i<r;i++)o[i-2]=arguments[i];k.apply(void 0,[!1,t+"%s"].concat(o,[n]))}},B=Object.prototype.hasOwnProperty,Y={key:!0,ref:!0,__self:!0,__source:!0},X=void 0,Z=void 0;function J(e){if(B.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return void 0!==e.ref}function G(e){if(B.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return void 0!==e.key}var Q=function(e,t,n,r,o,i,a){var c={$$typeof:m,type:e,key:t,ref:n,props:a,_owner:i,_store:{}};return Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(c,"_self",{configurable:!1,enumerable:!1,writable:!1,value:r}),Object.defineProperty(c,"_source",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c};function K(e,t,n){var r=void 0,o={},i=null,a=null,c=null,u=null;if(null!=t)for(r in J(t)&&(a=t.ref),G(t)&&(i=""+t.key),c=void 0===t.__self?null:t.__self,u=void 0===t.__source?null:t.__source,t)B.call(t,r)&&!Y.hasOwnProperty(r)&&(o[r]=t[r]);var s=arguments.length-2;if(1==s)o.children=n;else if(1<s){for(var l=Array(s),f=0;f<s;f++)l[f]=arguments[f+2];Object.freeze&&Object.freeze(l),o.children=l}if(e&&e.defaultProps){var p=e.defaultProps;for(r in p)void 0===o[r]&&(o[r]=p[r])}if(i||a){var d="function"==typeof e?e.displayName||e.name||"Unknown":e;i&&function(e,t){function n(){X||k(!(X=!0),"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)",t)}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}(o,d),a&&function(e,t){function n(){Z||k(!(Z=!0),"%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)",t)}n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}(o,d)}return Q(e,i,a,c,u,z.current,o)}function ee(e){return"object"==typeof e&&null!==e&&e.$$typeof===m}var te=".",ne=":";var re=!1,oe=/\/+/g;function ie(e){return(""+e).replace(oe,"$&/")}var ae=10,ce=[];function ue(e,t,n,r){if(ce.length){var o=ce.pop();return o.result=e,o.keyPrefix=t,o.func=n,o.context=r,o.count=0,o}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function se(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,ce.length<ae&&ce.push(e)}function le(e,t,n){return null==e?0:function e(t,n,r,o){var i=typeof t;"undefined"!=i&&"boolean"!=i||(t=null);var a=!1;if(null===t)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(t.$$typeof){case m:case g:a=!0}}if(a)return r(o,t,""===n?te+fe(t,0):n),1;var c=void 0,u=0,s=""===n?te:n+ne;if(Array.isArray(t))for(var l=0;l<t.length;l++)u+=e(c=t[l],s+fe(c,l),r,o);else{var f=w(t);if("function"==typeof f){f===t.entries&&(re||U(!1,"Using Maps as children is unsupported and will likely yield unexpected results. Convert it to a sequence/iterable of keyed ReactElements instead."),re=!0);for(var p=f.call(t),d=void 0,y=0;!(d=p.next()).done;)u+=e(c=d.value,s+fe(c,y++),r,o)}else if("object"==i){var h;h=" If you meant to render a collection of children, use an array instead."+W.getStackAddendum();var v=""+t;!function(){throw O(Error("Objects are not valid as a React child (found: "+("[object Object]"==v?"object with keys {"+Object.keys(t).join(", ")+"}":v)+")."+h))}()}}return u}(e,"",t,n)}function fe(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,function(e){return t[e]})}(e.key):t.toString(36)}function pe(e,t,n){var r=e.func,o=e.context;r.call(o,t,e.count++)}function de(e,t,n){var r=e.result,o=e.keyPrefix,i=e.func,a=e.context,c=i.call(a,t,e.count++);Array.isArray(c)?ye(c,r,n,function(e){return e}):null!=c&&(ee(c)&&(c=function(e,t){return Q(e.type,t,e.ref,e._self,e._source,e._owner,e.props)}(c,o+(!c.key||t&&t.key===c.key?"":ie(c.key)+"/")+n)),r.push(c))}function ye(e,t,n,r,o){var i="";null!=n&&(i=ie(n)+"/");var a=ue(t,i,r,o);le(e,de,a),se(a)}function he(e){return"string"==typeof e||"function"==typeof e||e===s||e===t||e===r||e===n||e===u||e===l||"object"==typeof e&&null!==e&&(e.$$typeof===p||e.$$typeof===f||e.$$typeof===a||e.$$typeof===c||e.$$typeof===i||e.$$typeof===d||e.$$typeof===h)}function ve(){var e=L.current;return function(){if(null===e)throw O(Error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."))}(),e}var me=void 0;function ge(){if(z.current){var e=F(z.current.type);if(e)return"\n\nCheck the render method of `"+e+"`."}return""}function be(e){return null!=e?function(e){return void 0===e?"":"\n\nCheck your code at "+e.fileName.replace(/^.*[\\\/]/,"")+":"+e.lineNumber+"."}(e.__source):""}me=!1;var we={};function Oe(e,t){if(e._store&&!e._store.validated&&null==e.key){e._store.validated=!0;var n=function(e){var t=ge();if(!t){var n="string"==typeof e?e:e.displayName||e.name;n&&(t="\n\nCheck the top-level render call using <"+n+">.")}return t}(t);if(!we[n]){we[n]=!0;var r="";e&&e._owner&&e._owner!==z.current&&(r=" It was passed a child from "+F(e._owner.type)+"."),V(e),U(!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 je(e,t){if("object"==typeof e)if(Array.isArray(e))for(var n=0;n<e.length;n++){var r=e[n];ee(r)&&Oe(r,t)}else if(ee(e))e._store&&(e._store.validated=!0);else if(e){var o=w(e);if("function"==typeof o&&o!==e.entries)for(var i=o.call(e),a=void 0;!(a=i.next()).done;)ee(a.value)&&Oe(a.value,t)}}function ke(e){var t=e.type;if(null!=t&&"string"!=typeof t){var n=F(t),r=void 0;if("function"==typeof t)r=t.propTypes;else{if("object"!=typeof t||t.$$typeof!==i&&t.$$typeof!==f)return;r=t.propTypes}r?(V(e),o(r,e.props,"prop",n,W.getStackAddendum),V(null)):void 0===t.PropTypes||me||k(!(me=!0),"Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",n||"Unknown"),"function"==typeof t.getDefaultProps&&(t.getDefaultProps.isReactClassApproved||k(!1,"getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead."))}}function Pe(e,t,n){var r=he(e);if(!r){var o="";(void 0===e||"object"==typeof e&&null!==e&&0===Object.keys(e).length)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var i=be(t);o+=i||ge();var a=void 0;null===e?a="null":Array.isArray(e)?a="array":void 0!==e&&e.$$typeof===m?(a="<"+(F(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):a=typeof e,U(!1,"React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",a,o)}var c=K.apply(this,arguments);if(null==c)return c;if(r)for(var u=2;u<arguments.length;u++)je(arguments[u],e);return e===s?function(e){V(e);for(var t=Object.keys(e.props),n=0;n<t.length;n++){var r=t[n];if("children"!==r&&"key"!==r){U(!1,"Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",r);break}}null!==e.ref&&U(!1,"Invalid attribute `ref` supplied to `React.Fragment`."),V(null)}(c):ke(c),c}try{var xe=Object.freeze({}),Se=new Map([[xe,null]]),Ee=new Set([xe]);Se.set(0,0),Ee.add(0)}catch(e){}var Re={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return ye(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;var r=ue(null,null,t,n);le(e,pe,r),se(r)},count:function(e){return le(e,function(){return null},null)},toArray:function(e){var t=[];return ye(e,t,null,function(e){return e}),t},only:function(e){return function(){if(!ee(e))throw O(Error("React.Children.only expected to receive a single React element child."))}(),e}},createRef:function(){var e={current:null};return Object.seal(e),e},Component:R,PureComponent:_,createContext:function(e,t){void 0===t?t=null:null!==t&&"function"!=typeof t&&k(!1,"createContext: Expected the optional second argument to be a function. Instead received: %s",t);var n={$$typeof:c,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null},r=!(n.Provider={$$typeof:a,_context:n}),o=!1,i={$$typeof:c,_context:n,_calculateChangedBits:n._calculateChangedBits};return Object.defineProperties(i,{Provider:{get:function(){return o||U(!(o=!0),"Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?"),n.Provider},set:function(e){n.Provider=e}},_currentValue:{get:function(){return n._currentValue},set:function(e){n._currentValue=e}},_currentValue2:{get:function(){return n._currentValue2},set:function(e){n._currentValue2=e}},_threadCount:{get:function(){return n._threadCount},set:function(e){n._threadCount=e}},Consumer:{get:function(){return r||U(!(r=!0),"Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?"),n.Consumer}}}),n.Consumer=i,n._currentRenderer=null,n._currentRenderer2=null,n},forwardRef:function(e){return null!=e&&e.$$typeof===f?k(!1,"forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):"function"!=typeof e?k(!1,"forwardRef requires a render function but was given %s.",null===e?"null":typeof e):0!==e.length&&2!==e.length&&k(!1,"forwardRef render functions accept exactly two parameters: props and ref. %s",1===e.length?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),null==e||null==e.defaultProps&&null==e.propTypes||k(!1,"forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"),{$$typeof:i,render:e}},lazy:function(e){var t={$$typeof:p,_ctor:e,_status:-1,_result:null},n=void 0,r=void 0;return Object.defineProperties(t,{defaultProps:{configurable:!0,get:function(){return n},set:function(e){U(!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=e,Object.defineProperty(t,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return r},set:function(e){U(!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=e,Object.defineProperty(t,"propTypes",{enumerable:!0})}}}),t},memo:function(e,t){return he(e)||k(!1,"memo: The first argument must be a component. Instead received: %s",null===e?"null":typeof e),{$$typeof:f,type:e,compare:void 0===t?null:t}},useCallback:function(e,t){return ve().useCallback(e,t)},useContext:function(e,t){var n=ve();if(void 0!==t&&U(!1,"useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",t,"number"==typeof t&&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!==e._context){var r=e._context;r.Consumer===e?U(!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===e&&U(!1,"Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return n.useContext(e,t)},useEffect:function(e,t){return ve().useEffect(e,t)},useImperativeHandle:function(e,t,n){return ve().useImperativeHandle(e,t,n)},useDebugValue:function(e,t){return ve().useDebugValue(e,t)},useLayoutEffect:function(e,t){return ve().useLayoutEffect(e,t)},useMemo:function(e,t){return ve().useMemo(e,t)},useReducer:function(e,t,n){return ve().useReducer(e,t,n)},useRef:function(e){return ve().useRef(e)},useState:function(e){return ve().useState(e)},Fragment:s,Profiler:r,StrictMode:n,Suspense:u,unstable_SuspenseList:l,createElement:Pe,cloneElement:function(e,t,n){for(var r=function(e,t,n){!function(){if(null==e)throw O(Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+"."))}();var r=void 0,o=y({},e.props),i=e.key,a=e.ref,c=e._self,u=e._source,s=e._owner;if(null!=t){J(t)&&(a=t.ref,s=z.current),G(t)&&(i=""+t.key);var l=void 0;for(r in e.type&&e.type.defaultProps&&(l=e.type.defaultProps),t)B.call(t,r)&&!Y.hasOwnProperty(r)&&(void 0===t[r]&&void 0!==l?o[r]=l[r]:o[r]=t[r])}var f=arguments.length-2;if(1==f)o.children=n;else if(1<f){for(var p=Array(f),d=0;d<f;d++)p[d]=arguments[d+2];o.children=p}return Q(e.type,i,a,c,u,s,o)}.apply(this,arguments),o=2;o<arguments.length;o++)je(arguments[o],r.type);return ke(r),r},createFactory:function(e){var t=Pe.bind(null,e);return t.type=e,Object.defineProperty(t,"type",{enumerable:!1,get:function(){return j(!1,"Factory.type is deprecated. Access the class directly before passing it to createFactory."),Object.defineProperty(this,"type",{value:e}),e}}),t},isValidElement:ee,version:"16.9.0",unstable_withSuspenseConfig:function(e,t){var n=M.suspense;M.suspense=void 0===t?null:t;try{e()}finally{M.suspense=n}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:H},$e=Object.freeze({default:Re}),Ce=$e&&Re||$e,De=Ce.default||Ce;Te.exports=De}()}),ue=e(function(e){"production"===process.env.NODE_ENV?e.exports=te:e.exports=ce}),se=e(function(e,t){e.exports=function(){function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var r=Object.prototype.toString,u=function(e){if(void 0===e)return"undefined";if(null===e)return"null";var t=n(e);if("boolean"===t)return"boolean";if("string"===t)return"string";if("number"===t)return"number";if("symbol"===t)return"symbol";if("function"===t)return function(e){return"GeneratorFunction"===o(e)}(e)?"generatorfunction":"function";if(function(e){return Array.isArray?Array.isArray(e):e instanceof Array}(e))return"array";if(function(e){if(e.constructor&&"function"==typeof e.constructor.isBuffer)return e.constructor.isBuffer(e);return!1}(e))return"buffer";if(function(e){try{if("number"==typeof e.length&&"function"==typeof e.callee)return!0}catch(e){if(-1!==e.message.indexOf("callee"))return!0}return!1}(e))return"arguments";if(function(e){return e instanceof Date||"function"==typeof e.toDateString&&"function"==typeof e.getDate&&"function"==typeof e.setDate}(e))return"date";if(function(e){return e instanceof Error||"string"==typeof e.message&&e.constructor&&"number"==typeof e.constructor.stackTraceLimit}(e))return"error";if(function(e){return e instanceof RegExp||"string"==typeof e.flags&&"boolean"==typeof e.ignoreCase&&"boolean"==typeof e.multiline&&"boolean"==typeof e.global}(e))return"regexp";switch(o(e)){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(e){return"function"==typeof e.throw&&"function"==typeof e.return&&"function"==typeof e.next}(e))return"generator";switch(t=r.call(e)){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 t.slice(8,-1).toLowerCase().replace(/\s/g,"")};function o(e){return e.constructor?e.constructor.name:null}function s(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];return l(e,t,n),f(e,t,n),function(i,a,c){var e=u(a),t=u(i);if("object"===e){if("object"!==t)throw new Error("[Type Error]: '".concat(c.join("."),"' require 'object' type, but got '").concat(t,"'"));Object.keys(a).forEach(function(e){var t=i[e],n=a[e],r=c.slice();r.push(e),l(t,n,r),f(t,n,r),s(t,n,r)})}if("array"===e){if("array"!==t)throw new Error("[Type Error]: '".concat(c.join("."),"' require 'array' type, but got '").concat(t,"'"));i.forEach(function(e,t){var n=i[t],r=a[t]||a[0],o=c.slice();o.push(t),l(n,r,o),f(n,r,o),s(n,r,o)})}}(e,t,n),e}function l(e,t,n){if("string"===u(t)){var r=u(e);if(!(-1<t.indexOf("|")?t.split("|").map(function(e){return e.toLowerCase().trim()}).filter(Boolean).some(function(e){return r===e}):t.toLowerCase().trim()===r))throw new Error("[Type Error]: '".concat(n.join("."),"' require '").concat(t,"' type, but got '").concat(r,"'"))}}function f(e,t,n){if("function"===u(t)){var r=t(e,u(e),n);if(!0!==r){var o=u(r);throw"string"===o?new Error(r):"error"===o?r:new Error("[Validator Error]: The scheme for '".concat(n.join("."),"' validator require return true, but got '").concat(r,"'"))}}}return s.kindOf=u,s}()}),le=function(){function e(){c(this,e)}return u(e,[{key:"on",value:function(e,t,n){var r=this.e||(this.e={});return(r[e]||(r[e]=[])).push({fn:t,ctx:n}),this}},{key:"once",value:function(r,o,i){var a=this;function c(){a.off(r,c);for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];o.apply(i,t)}return c._=o,this.on(r,c,i)}},{key:"emit",value:function(e){for(var t=((this.e||(this.e={}))[e]||[]).slice(),n=arguments.length,r=new Array(1<n?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];for(var i=0;i<t.length;i+=1)t[i].fn.apply(t[i].ctx,r);return this}},{key:"off",value:function(e,t){var n=this.e||(this.e={}),r=n[e],o=[];if(r&&t)for(var i=0,a=r.length;i<a;i+=1)r[i].fn!==t&&r[i].fn._!==t&&o.push(r[i]);return o.length?n[e]=o:delete n[e],this}}]),e}();function fe(e){return(1<arguments.length&&void 0!==arguments[1]?arguments[1]:document).querySelector(e)}function pe(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document;return Array.from(t.querySelectorAll(e))}function de(e,t){return e.classList.add(t)}function ye(e,t){return e.classList.remove(t)}function he(e,t){return e.classList.contains(t)}function ve(e,t){return t instanceof Element?e.appendChild(t):e.insertAdjacentHTML("beforeend",String(t)),e.lastElementChild||e.lastChild}function me(e){return e.parentNode.removeChild(e)}function ge(e,t,n){return e.style[t]=n,e}function be(t,n){return Object.keys(n).forEach(function(e){ge(t,e,n[e])}),t}function we(e,t){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(e,null).getPropertyValue(t);return n?parseFloat(r):r}function Oe(t){return Array.from(t.parentElement.children).filter(function(e){return e!==t})}function je(e,t){Oe(e).forEach(function(e){return ye(e,t)}),de(e,t)}function ke(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";e.setAttribute("aria-label",t),e.setAttribute("data-balloon-pos",n)}var Pe=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")},xe=e(function(r){function o(e,t,n){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(e){return!1}}()?r.exports=o=function(e,t,n){var r=[null];r.push.apply(r,t);var o=new(Function.bind.apply(e,r));return n&&p(o,n.prototype),o}:r.exports=o=Reflect.construct,o.apply(null,arguments)}r.exports=o}),Se=function(e){function r(e,t){var n;return c(this,r),n=l(this,f(r).call(this,e)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(s(n),t||n.constructor),n.name="ArtPlayerError",n}return t(r,e),r}(e(function(t){function r(e){var n="function"==typeof Map?new Map:void 0;return t.exports=r=function(e){if(null===e||!Pe(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,t)}function t(){return xe(e,arguments,f(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),p(t,e)},r(e)}t.exports=r})(Error));function Ee(e,t){if(!e)throw new Se(t);return e}function Re(e){return"WEBVTT \r\n\r\n".concat(e.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"</$1>").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"</$1>").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function $e(e){return URL.createObjectURL(new Blob([e],{type:"text/vtt"}))}function Ce(e){var n=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function r(e){return(0<arguments.length&&void 0!==e?e:"").split(/[:.]/).map(function(e,t,n){if(t===n.length-1){if(1===e.length)return".".concat(e,"00");if(2===e.length)return".".concat(e,"0")}else if(1===e.length)return(0===t?"0":":0")+e;return 0===t?e:t===n.length-1?".".concat(e):":".concat(e)}).join("")}return"WEBVTT\n\n".concat(e.split(/\r?\n/).map(function(e){var t=e.match(n);return t?{start:r(t[1].trim()),end:r(t[2].trim()),text:t[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map(function(e){return e.trim()}).join("\n")}:null}).filter(function(e){return e}).map(function(e,t){return e?"".concat(t+1,"\n").concat(e.start," --\x3e ").concat(e.end,"\n").concat(e.text):""}).filter(function(e){return e.trim()}).join("\n\n"))}function De(e){return e.includes("?")?De(e.split("?")[0]):e.includes("#")?De(e.split("#")[0]):e.trim().toLowerCase().split(".").pop()}function Te(e,t){var n=document.createElement("a");n.style.display="none",n.href=e,n.download=t,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var Le=function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}};var Me=function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)};var ze=function(){throw new TypeError("Invalid attempt to spread non-iterable instance")};var Ie=function(e){return Le(e)||Me(e)||ze()};function qe(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function Fe(e){for(var t=arguments.length,n=new Array(1<t?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return n.reduce(function(t,n){return Object.getOwnPropertyNames(n).forEach(function(e){Ee(!qe(t,e),"Target attribute name is duplicated: ".concat(e)),Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}),t},e)}function We(){for(var i=function(e){return e&&"object"===o(e)&&!Array.isArray(e)},e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce(function(r,o){return Object.keys(o).forEach(function(e){var t=r[e],n=o[e];Array.isArray(t)&&Array.isArray(n)?r[e]=t.concat.apply(t,Ie(n)):!i(t)||!i(n)||n instanceof Element?r[e]=n:r[e]=We(t,n)}),r},{})}function Ne(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(e){return setTimeout(e,t)})}function Ve(r,o,i){var a;function e(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,r.apply(i,t)},o)}return e.clearTimeout=function(){clearTimeout(a)},e}function He(o,i){var a,c,u=!1;return function e(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];if(u)return a=n,void(c=this);u=!0,o.apply(this,n),setTimeout(function(){u=!1,a&&(e.apply(c,a),c=a=null)},i)}}function Ue(e,t,n){return Math.max(Math.min(e,Math.max(t,n)),Math.min(t,n))}function Be(e){var t=Math.floor(e/3600),n=Math.floor((e-3600*t)/60),r=Math.floor(e-3600*t-60*n);return(0<t?[t,n,r]:[n,r]).map(function(e){return e<10?"0".concat(e):String(e)}).join(":")}var Ye=Object.freeze({__proto__:null,query:fe,queryAll:pe,addClass:de,removeClass:ye,hasClass:he,append:ve,remove:me,setStyle:ge,setStyles:be,getStyle:we,sublings:Oe,inverseClass:je,tooltip:ke,ArtPlayerError:Se,errorHandle:Ee,srtToVtt:Re,vttToBlob:$e,assToVtt:Ce,getExt:De,downloadFile:Te,hasOwnProperty:qe,proxyPropertys:Fe,mergeDeep:We,sleep:Ne,debounce:Ve,throttle:He,clamp:Ue,secondToTime:Be});function Xe(e,t,n){return Ee("string"===t||e instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}function Ze(e){var t=this;c(this,Ze);var n=e.constructor.kindOf,r=e.option.whitelist;this.userAgent=window.navigator.userAgent,this.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent),this.state=!this.isMobile||r.some(function(e){switch(n(e)){case"string":return-1<t.userAgent.indexOf(e);case"function":return e(t.userAgent);case"regexp":return e.test(t.userAgent);default:return!1}})}var Je={container:Xe,url:"string|function",poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",subtitleOffset:"boolean",miniProgressBar:"boolean",localVideo:"boolean",localSubtitle:"boolean",autoPip:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[{disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",html:Xe,style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"}],contextmenu:[{disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",html:Xe,style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined"}],quality:[{default:"boolean|undefined",name:"string",url:"string"}],controls:[{disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",html:Xe,style:"object|undefined",click:"function|undefined",mounted:"function|undefined",tooltip:"string|undefined",position:function(e,t,n){var r=["top","left","right"];return Ee(r.includes(e),"".concat(n.join(".")," only accept ").concat(r.toString()," as parameters"))}}],highlight:[{time:"number",text:"string"}],thumbnails:{url:"string",number:"number",width:"number",height:"number",column:"number"},subtitle:{url:"string",style:"object"},moreVideoAttr:"object",icons:"object",customType:"object"},Ge={video:{propertys:["audioTracks","autoplay","buffered","controller","controls","crossOrigin","currentSrc","currentTime","defaultMuted","defaultPlaybackRate","duration","ended","error","loop","mediaGroup","muted","networkState","paused","playbackRate","played","preload","readyState","seekable","seeking","src","startDate","textTracks","videoTracks","volume"],methods:["addTextTrack","canPlayType","load","play","pause"],events:["abort","canplay","canplaythrough","durationchange","emptied","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting"]}},Qe=function(){function n(e){var t=this;c(this,n),(this.art=e).option.container instanceof Element?this.$container=e.option.container:(this.$container=fe(e.option.container),Ee(this.$container,"No container element found by ".concat(e.option.container))),Ee(e.constructor.instances.every(function(e){return e.template.$container!==t.$container}),"Cannot mount multiple instances on the same dom element"),Ee(this.$container.clientWidth&&this.$container.clientHeight,"The width and height of the container cannot be 0"),e.whitelist.state?this.initDesktop():this.initMobile()}return u(n,[{key:"query",value:function(e){return fe(e,this.$container)}},{key:"initDesktop",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player" style="--theme: '.concat(this.art.option.theme,'">\n            <video class="artplayer-video"></video>\n            <div class="artplayer-subtitle"></div>\n            <div class="artplayer-danmuku"></div>\n            <div class="artplayer-layers"></div>\n            <div class="artplayer-mask"></div>\n            <div class="artplayer-bottom">\n              <div class="artplayer-progress"></div>\n              <div class="artplayer-controls">\n                <div class="artplayer-controls-left"></div>\n                <div class="artplayer-controls-right"></div>\n              </div>\n            </div>\n            <div class="artplayer-loading"></div>\n            <div class="artplayer-notice">\n              <div class="artplayer-notice-inner"></div>\n            </div>\n            <div class="artplayer-setting">\n              <div class="artplayer-setting-inner artplayer-backdrop-filter">\n                <div class="artplayer-setting-body"></div>\n              </div>\n            </div>\n            <div class="artplayer-info artplayer-backdrop-filter">\n              <div class="artplayer-info-panel"></div>\n              <div class="artplayer-info-close">[x]</div>\n            </div>\n            <div class="artplayer-pip-header">\n              <div class="artplayer-pip-title"></div>\n              <div class="artplayer-pip-close">×</div>\n            </div>\n            <div class="artplayer-contextmenu artplayer-backdrop-filter"></div>\n          </div>\n        '),this.$player=this.query(".artplayer-video-player"),this.$video=this.query(".artplayer-video"),this.$subtitle=this.query(".artplayer-subtitle"),this.$danmuku=this.query(".artplayer-danmuku"),this.$bottom=this.query(".artplayer-bottom"),this.$progress=this.query(".artplayer-progress"),this.$controls=this.query(".artplayer-controls"),this.$controlsLeft=this.query(".artplayer-controls-left"),this.$controlsRight=this.query(".artplayer-controls-right"),this.$layers=this.query(".artplayer-layers"),this.$loading=this.query(".artplayer-loading"),this.$notice=this.query(".artplayer-notice"),this.$noticeInner=this.query(".artplayer-notice-inner"),this.$mask=this.query(".artplayer-mask"),this.$setting=this.query(".artplayer-setting"),this.$settingInner=this.query(".artplayer-setting-inner"),this.$settingBody=this.query(".artplayer-setting-body"),this.$info=this.query(".artplayer-info"),this.$infoPanel=this.query(".artplayer-info-panel"),this.$infoClose=this.query(".artplayer-info-close"),this.$pipHeader=this.query(".artplayer-pip-header"),this.$pipTitle=this.query(".artplayer-pip-title"),this.$pipClose=this.query(".artplayer-pip-close"),this.$contextmenu=this.query(".artplayer-contextmenu")}},{key:"initMobile",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n          </div>\n        ',this.$player=this.query(".artplayer-video-player"),this.$video=this.query(".artplayer-video")}},{key:"destroy",value:function(e){e?this.$container.innerHTML="":de(this.$player,"artplayer-destroy")}}]),n}(),Ke={"About author":"关于作者","Video info":"视频统计信息",Close:"关闭","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:"正常","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","Does not support fullscreen":"不支持全屏"},et={"About author":"關於作者","Video info":"影片統計訊息",Close:"關閉","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Show setting":"顯示设置","Hide setting":"隱藏设置","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","Does not support fullscreen":"不支持全屏"},tt=function(){function t(e){c(this,t),this.art=e,this.languages={"zh-cn":Ke,"zh-tw":et},this.init()}return u(t,[{key:"init",value:function(){var e=this.art.option.lang.toLowerCase();this.language=this.languages[e]||{}}},{key:"get",value:function(e){return this.language[e]||e}},{key:"update",value:function(e){this.languages=We(this.languages,e),this.init()}}]),t}();var nt=e(function(e){var i,t,o,r,n;i="undefined"!=typeof window&&void 0!==window.document?window.document:{},t=e.exports,o=function(){for(var e,t=[["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"]],n=0,r=t.length,o={};n<r;n++)if((e=t[n])&&e[1]in i){for(n=0;n<e.length;n++)o[t[0][n]]=e[n];return o}return!1}(),r={change:o.fullscreenchange,error:o.fullscreenerror},n={request:function(r){return new Promise(function(e,t){var n=function(){this.off("change",n),e()}.bind(this);this.on("change",n),r=r||i.documentElement,Promise.resolve(r[o.requestFullscreen]()).catch(t)}.bind(this))},exit:function(){return new Promise(function(e,t){if(this.isFullscreen){var n=function(){this.off("change",n),e()}.bind(this);this.on("change",n),Promise.resolve(i[o.exitFullscreen]()).catch(t)}else e()}.bind(this))},toggle:function(e){return this.isFullscreen?this.exit():this.request(e)},onchange:function(e){this.on("change",e)},onerror:function(e){this.on("error",e)},on:function(e,t){var n=r[e];n&&i.addEventListener(n,t,!1)},off:function(e,t){var n=r[e];n&&i.removeEventListener(n,t,!1)},raw:o},o?(Object.defineProperties(n,{isFullscreen:{get:function(){return Boolean(i[o.fullscreenElement])}},element:{enumerable:!0,get:function(){return i[o.fullscreenElement]}},isEnabled:{enumerable:!0,get:function(){return Boolean(i[o.fullscreenEnabled])}}}),t?e.exports=n:window.screenfull=n):t?e.exports={isEnabled:!1}:window.screenfull={isEnabled:!1}});nt.isEnabled;function rt(e,t){var n=e.template.$video;document.pictureInPictureEnabled?function(e,t){var n=e.template.$video,r=e.events.proxy,o=e.notice;n.disablePictureInPicture=!1,Object.defineProperty(t,"pip",{get:function(){return document.pictureInPictureElement},set:function(e){e?n.requestPictureInPicture().catch(function(e){throw o.show(e),e}):document.exitPictureInPicture().catch(function(e){throw o.show(e),e})}}),r(n,"enterpictureinpicture",function(){e.emit("pipEnabled")}),r(n,"leavepictureinpicture",function(){e.emit("pipExit")}),e.on("destroy",function(){t.pip&&(t.pip=!1)})}(e,t):n.webkitSupportsPresentationMode?function(t,e){var n=t.template.$video;n.webkitSetPresentationMode("inline"),Object.defineProperty(e,"pip",{get:function(){return"picture-in-picture"===n.webkitPresentationMode},set:function(e){e?(n.webkitSetPresentationMode("picture-in-picture"),t.emit("pipEnabled")):(n.webkitSetPresentationMode("inline"),t.emit("pipExit"))}})}(e,t):function(n,r){var e=n.option,t=n.i18n,o=n.template,i=o.$player,a=o.$pipClose,c=o.$pipTitle,u=o.$pipHeader,s=n.events.proxy,l="",f=!1,p=0,d=0,y=0,h=0;s(u,"mousedown",function(e){f=!0,p=e.pageX,d=e.pageY,y=r.left,h=r.top}),s(u,"mousemove",function(e){f&&(de(i,"is-dragging"),ge(i,"left","".concat(y+e.pageX-p,"px")),ge(i,"top","".concat(h+e.pageY-d,"px")))}),s(document,"mouseup",function(){f=!1,ye(i,"is-dragging")}),s(a,"click",function(){r.pip=!1,f=!1,ye(i,"is-dragging")}),ve(c,e.title||t.get("Mini player"));var v={get:function(){return he(i,"artplayer-pip")},set:function(e){if(e){r.autoSize=!1,l=i.style.cssText,de(i,"artplayer-pip");var t=document.body;ge(i,"top","".concat(t.clientHeight-r.height-50,"px")),ge(i,"left","".concat(t.clientWidth-r.width-50,"px")),r.fullscreen=!1,r.fullscreenWeb=!1,r.aspectRatio=!1,r.playbackRate=!1,n.emit("pipEnabled")}else r.pip&&(i.style.cssText=l,ye(i,"artplayer-pip"),ge(i,"top",null),ge(i,"left",null),r.fullscreen=!1,r.fullscreenWeb=!1,r.aspectRatio=!1,r.playbackRate=!1,r.autoSize=!0,n.emit("pipExit"))}};Object.defineProperty(r,"pip",v)}(e,t),Object.defineProperty(t,"pipToggle",{set:function(e){e&&(t.pip=!t.pip)}})}function ot(e){c(this,ot),function(r,e){var t=r.option,o=t.type,i=t.customType,a=r.template.$video;Object.defineProperty(e,"url",{get:function(){return a.src},set:function(){Ee(!1,"You should use this method: art.attachUrl()")}}),Object.defineProperty(e,"attachUrl",{value:function(n){return Ne().then(function(){function t(e){var t=o||De(e),n=i[t];return t&&n?(r.loading.show=!0,r.emit("beforeCustomType",t),n.call(r,a,e,r),r.emit("afterCustomType",t)):(r.emit("beforeAttachUrl",e),a.src=e,r.emit("afterAttachUrl",e)),Promise.resolve(e)}if("function"!=typeof n)return t(n);var e=n.call(r);return Ee("function"==typeof e.then,"If url is a function, it needs to return a promise."),e.then(function(e){return r.loading.show=!0,t(e)})})}})}(e,this),function(t,e){var n=t.option,r=t.events.proxy,o=t.template,i=o.$player,a=o.$video,c=t.i18n,u=t.notice,s=0;r(a,"click",function(){e.toggle=!0}),Ge.video.events.forEach(function(e){r(a,e,function(e){t.emit("video:".concat(e.type),e)})}),t.on("video:canplay",function(){s=0,t.controls.show=!0,t.mask.show=!0,t.loading.show=!1}),t.once("video:canplay",function(){t.emit("ready")}),t.on("video:ended",function(){t.controls.show=!0,t.mask.show=!0,n.loop&&(e.seek=0,e.play=!0)}),t.on("video:error",function(){s<5?Ne(1e3).then(function(){s+=1,e.attachUrl(n.url),u.show("".concat(c.get("Reconnect"),": ").concat(s))}):(t.loading.show=!1,t.controls.show=!1,de(i,"artplayer-error"),Ne(1e3).then(function(){u.show(c.get("Video load failed"),!1),t.destroy()}))}),t.on("video:loadedmetadata",function(){n.autoSize&&(e.autoSize=!0)}),t.on("video:loadstart",function(){t.loading.show=!0}),t.on("video:pause",function(){t.controls.show=!0,t.mask.show=!0}),t.on("video:play",function(){t.mask.show=!1}),t.on("video:playing",function(){t.mask.show=!1}),t.on("video:seeked",function(){t.loading.show=!1}),t.on("video:seeking",function(){t.loading.show=!0}),t.on("video:timeupdate",function(){t.mask.show=!1}),t.on("video:waiting",function(){t.loading.show=!0})}(e,this),function(e,t){var n=e.option,r=e.template.$video;Object.keys(n.moreVideoAttr).forEach(function(e){r[e]=n.moreVideoAttr[e]}),n.muted&&(r.muted=n.muted),n.volume&&(r.volume=Ue(n.volume,0,1)),n.poster&&(r.poster=n.poster),n.autoplay&&(r.autoplay=n.autoplay),r.controls=!1,t.attachUrl(n.url)}(e,this),function(n,r){var o=n.template.$video,i=n.i18n,a=n.notice,c=n.option.mutex;Object.defineProperty(r,"play",{set:function(e){if(e){var t=o.play();void 0!==t&&t.then().catch(function(e){throw a.show(e,!0,3e3),e}),c&&n.constructor.instances.filter(function(e){return e!==n}).forEach(function(e){e.player.pause=!0}),a.show(i.get("Play")),n.emit("play")}else r.pause=!0}})}(e,this),function(t,n){var r=t.template.$video,o=t.i18n,i=t.notice;Object.defineProperty(n,"pause",{get:function(){return r.paused},set:function(e){e?(r.pause(),i.show(o.get("Pause")),t.emit("pause")):n.play=!0}})}(e,this),function(e,t){Object.defineProperty(t,"toggle",{set:function(e){e&&(t.playing?t.pause=!0:t.play=!0)}})}(0,this),function(t,n){var r=t.notice;Object.defineProperty(n,"seek",{set:function(e){n.currentTime=e,r.show("".concat(Be(e)," / ").concat(Be(n.duration))),t.emit("seek",e)}})}(e,this),function(t,e){var n=t.template.$video,r=t.i18n,o=t.notice,i=t.storage;Object.defineProperty(e,"volume",{get:function(){return n.volume||0},set:function(e){n.volume=Ue(e,0,1),o.show("".concat(r.get("Volume"),": ").concat(parseInt(100*n.volume,10))),0!==n.volume&&i.set("volume",n.volume),t.emit("volumeChange",n.volume)}}),Object.defineProperty(e,"muted",{get:function(){return n.muted},set:function(e){n.muted=e,t.emit("volumeChange",n.volume)}})}(e,this),function(t,n){Object.defineProperty(n,"currentTime",{get:function(){return t.template.$video.currentTime||0},set:function(e){t.template.$video.currentTime=Ue(e,0,n.duration)}})}(e,this),function(e,t){Object.defineProperty(t,"duration",{get:function(){return e.template.$video.duration||0}})}(e,this),function(i,a){var c=i.i18n,u=i.notice,s=i.option,l=i.template;Object.defineProperty(a,"switchQuality",{value:function(e,t){var n=1<arguments.length&&void 0!==t?t:"unknown";if(e===l.$video.src)return null;URL.revokeObjectURL(l.$video.src);var r=a.currentTime,o=a.playing;return a.attachUrl(e).then(function(){s.url=e,a.playbackRate=!1,a.aspectRatio=!1,i.on("ready",function(){a.currentTime=r}),o&&(a.play=!0),u.show("".concat(c.get("Switch video"),": ").concat(n)),i.emit("switch",e)})}}),Object.defineProperty(a,"switchUrl",{value:function(e,t){var n=1<arguments.length&&void 0!==t?t:"unknown";if(e===l.$video.src)return null;URL.revokeObjectURL(l.$video.src);var r=a.playing;return a.attachUrl(e).then(function(){s.url=e,a.playbackRate=!1,a.aspectRatio=!1,i.on("ready",function(){a.currentTime=0}),r&&(a.play=!0),u.show("".concat(c.get("Switch video"),": ").concat(n)),i.emit("switch",e)})}})}(e,this),function(n,r){var e=n.template,o=e.$video,i=e.$player,a=n.i18n,c=n.notice;Object.defineProperty(r,"playbackRate",{get:function(){return i.dataset.playbackRate},set:function(e){if(e){var t=[.5,.75,1,1.25,1.5,1.75,2];if(Ee(t.includes(e),"'playbackRate' only accept ".concat(t.toString()," as parameters")),e===i.dataset.playbackRate)return;o.playbackRate=e,i.dataset.playbackRate=e,c.show("".concat(a.get("Rate"),": ").concat(1===e?a.get("Normal"):"".concat(e,"x"))),n.emit("playbackRateChange",e)}else r.playbackRate&&(r.playbackRate=1,delete i.dataset.playbackRate,n.emit("playbackRateRemove"))}}),Object.defineProperty(r,"playbackRateReset",{set:function(e){if(e){var t=i.dataset.playbackRate;t&&(r.playbackRate=Number(t),n.emit("playbackRateReset"))}}})}(e,this),function(f,p){var e=f.template,d=e.$video,y=e.$player,h=f.i18n,v=f.notice;Object.defineProperty(p,"aspectRatio",{get:function(){return y.dataset.aspectRatio||""},set:function(e){if(e){var t=["default","4:3","16:9"];if(Ee(t.includes(e),"'aspectRatio' only accept ".concat(t.toString()," as parameters")),"default"===e)p.aspectRatio=!1;else{var n=e.split(":"),r=d.videoWidth,o=d.videoHeight,i=y.clientWidth,a=y.clientHeight,c=r/o,u=n[0]/n[1];if(u<c){var s=u*o/r;ge(d,"width","".concat(100*s,"%")),ge(d,"height","100%"),ge(d,"padding","0 ".concat((i-i*s)/2,"px"))}else{var l=r/u/o;ge(d,"width","100%"),ge(d,"height","".concat(100*l,"%")),ge(d,"padding","".concat((a-a*l)/2,"px 0"))}}y.dataset.aspectRatio=e,v.show("".concat(h.get("Aspect ratio"),": ").concat("default"===e?h.get("Default"):e)),f.emit("aspectRatioChange",e)}else p.aspectRatio&&(ge(d,"width",null),ge(d,"height",null),ge(d,"padding",null),delete y.dataset.aspectRatio,f.emit("aspectRatioRemove"))}}),Object.defineProperty(p,"aspectRatioReset",{set:function(e){if(e&&p.aspectRatio){var t=p.aspectRatio;p.aspectRatio=t,f.emit("aspectRatioReset")}}})}(e,this),function(t,n){var r=t.option,o=t.notice,i=t.template.$video;Object.defineProperty(n,"getScreenshotDataURL",{value:function(){try{var e=document.createElement("canvas");return e.width=i.videoWidth,e.height=i.videoHeight,e.getContext("2d").drawImage(i,0,0),e.toDataURL("image/png")}catch(e){throw o.show(e),e}}}),Object.defineProperty(n,"getScreenshotBlobUrl",{value:function(){return new Promise(function(t,n){try{var e=document.createElement("canvas");e.width=i.videoWidth,e.height=i.videoHeight,e.getContext("2d").drawImage(i,0,0),e.toBlob(function(e){t(URL.createObjectURL(e))})}catch(e){o.show(e),n(e)}})}}),Object.defineProperty(n,"screenshot",{value:function(){var e=n.getScreenshotDataURL();e&&(Te(e,"".concat(r.title||"artplayer","_").concat(Be(i.currentTime),".png")),t.emit("screenshot",e))}})}(e,this),function(t,n){function e(){t.emit("fullscreen:change",nt.isFullscreen)}function r(){i.show(o.get("Does not support fullscreen"))}var o=t.i18n,i=t.notice,a=t.events.destroyEvents,c=t.template.$player;n.fullscreenIsEnabled&&(nt.on("change",e),nt.on("error",r),a.push(function(){nt.off("change",e),nt.off("error",r)})),Object.defineProperty(n,"fullscreen",{get:function(){return nt.isFullscreen},set:function(e){n.fullscreenIsEnabled?e?(n.fullscreenWeb&&(n.fullscreenWeb=!1),nt.request(c).then(function(){de(c,"artplayer-fullscreen"),n.aspectRatioReset=!0,t.emit("fullscreen:enabled")})):(n.fullscreenWeb&&(n.fullscreenWeb=!1),nt.exit().then(function(){ye(c,"artplayer-fullscreen"),n.aspectRatioReset=!0,t.emit("fullscreen:exit")})):r()}}),Object.defineProperty(n,"fullscreenToggle",{set:function(e){e&&(n.fullscreen=!n.fullscreen)}}),Object.defineProperty(n,"fullscreenIsEnabled",{get:function(){return nt.isEnabled}})}(e,this),function(t,n){var r=t.template.$player;Object.defineProperty(n,"fullscreenWeb",{get:function(){return he(r,"artplayer-web-fullscreen")},set:function(e){e?(n.fullscreen&&(n.fullscreen=!1),de(r,"artplayer-web-fullscreen"),n.aspectRatioReset=!0,t.emit("fullscreenWeb:enabled")):(n.fullscreen&&(n.fullscreen=!1),ye(r,"artplayer-web-fullscreen"),n.aspectRatioReset=!0,t.emit("fullscreenWeb:exit"))}}),Object.defineProperty(n,"fullscreenWebToggle",{set:function(e){e&&(n.fullscreenWeb=!n.fullscreenWeb)}})}(e,this),rt(e,this),function(e,t){var n=e.template.$video;Object.defineProperty(t,"loaded",{get:function(){return n.buffered.length?n.buffered.end(n.buffered.length-1)/n.duration:0}}),Object.defineProperty(t,"loadedTime",{get:function(){return n.buffered.length?n.buffered.end(n.buffered.length-1):0}})}(e,this),function(e,t){Object.defineProperty(t,"played",{get:function(){return e.template.$video.currentTime/e.template.$video.duration}})}(e,this),function(e,t){var n=e.template.$video;Object.defineProperty(t,"playing",{get:function(){return!!(0<n.currentTime&&!n.paused&&!n.ended&&2<n.readyState)}})}(e,this),function(s,e){var t=s.template,l=t.$container,f=t.$player,p=t.$video;Object.defineProperty(e,"autoSize",{get:function(){return he(l,"artplayer-auto-size")},set:function(e){if(e){var t=p.videoWidth,n=p.videoHeight,r=l.getBoundingClientRect(),o=r.width,i=r.height,a=t/n,c=o/i;if(de(l,"artplayer-auto-size"),a<c){ge(f,"width","".concat(i*a/o*100,"%")),ge(f,"height","100%")}else{var u=o/a/i*100;ge(f,"width","100%"),ge(f,"height","".concat(u,"%"))}s.emit("autoSizeChange")}else ye(l,"artplayer-auto-size"),ge(f,"width",null),ge(f,"height",null),s.emit("autoSizeRemove")}})}(e,this),function(e,t){Object.defineProperty(t,"rect",{get:function(){return e.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach(function(e){Object.defineProperty(t,e,{get:function(){return t.rect[e]}})}),Object.defineProperty(t,"x",{get:function(){return t.left+window.pageXOffset}}),Object.defineProperty(t,"y",{get:function(){return t.top+window.pageYOffset}})}(e,this),function(n,e){Object.defineProperty(e,"flip",{get:function(){return n.template.$player.dataset.flip},set:function(e){if(e){var t=["normal","horizontal","vertical"];Ee(t.includes(e),"'flip' only accept ".concat(t.toString()," as parameters")),n.template.$player.dataset.flip=e,n.emit("flipChange",e)}else delete n.template.$player.dataset.flip,n.emit("flipRemove")}})}(e,this),Fe(e,this)}function it(t,n,e,r,o,i){var a="function"==typeof r?r(t):r;if(a.disable)return{};var c=n.id,u=a.name||"".concat(i).concat(c);Ee(!qe(n,u),"Cannot create a component that already has the same name: ".concat(i," -> ").concat(u));var s=document.createElement("div");s.classList.value="art-".concat(i," art-").concat(i,"-").concat(u),a.html&&ve(s,a.html),a.style&&be(s,a.style),a.tooltip&&ke(s,a.tooltip);var l=Array.from(e.children);s.dataset.index=a.index||c;var f=l.find(function(e){return Number(e.dataset.index)>=Number(s.dataset.index)});return f?f.insertAdjacentElement("beforebegin",s):ve(e,s),a.click&&t.events.proxy(s,"click",function(e){e.preventDefault(),a.click.call(t,n,e),t.emit("".concat(i,":click"),s)}),a.mounted&&a.mounted(s,n,t),o&&o(s,n,t),Object.defineProperty(n,u,{value:{get id(){return c},get $ref(){return s},set show(e){e?(ge(s,"display","block"),t.emit("".concat(i,":show"),s)):(ge(s,"display","none"),t.emit("".concat(i,":hide"),s))},set remove(e){e&&(me(s),t.emit("".concat(i,":remove"),s))}}}),t.emit("".concat(i,":add"),a),n[u]}function at(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(a){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?at(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):at(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.player,i=ve(e,n.fullscreen);ke(i,r.get("Fullscreen")),t(e,"click",function(){o.fullscreenToggle=!0}),a.on("fullscreen:enabled",function(){ge(i,"opacity","0.8"),ke(i,r.get("Exit fullscreen"))}),a.on("fullscreen:exit",function(){ge(i,"opacity","1"),ke(i,r.get("Fullscreen"))})}})}}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 st(e){return function(a){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ut(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ut(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.player,i=ve(e,n.fullscreenWeb);ke(i,r.get("Web fullscreen")),t(e,"click",function(){o.fullscreenWebToggle=!0}),a.on("fullscreenWeb:enabled",function(){ge(i,"opacity","0.8"),ke(i,r.get("Exit web fullscreen"))}),a.on("fullscreenWeb:exit",function(){ge(i,"opacity","1"),ke(i,r.get("Web fullscreen"))})}})}}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 ft(e){return function(i){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?lt(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):lt(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},e,{mounted:function(e){var t=i.events.proxy,n=i.icons,r=i.i18n,o=i.player;ke(ve(e,n.pip),r.get("Mini player")),t(e,"click",function(){o.pip=!0})}})}}function pt(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(s){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pt(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pt(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},e,{mounted:function(e){var t=s.events.proxy,n=s.icons,r=s.i18n,o=s.player,i=ve(e,n.play),a=ve(e,n.pause);function c(){ge(i,"display","flex"),ge(a,"display","none")}function u(){ge(i,"display","none"),ge(a,"display","flex")}ke(i,r.get("Play")),ke(a,r.get("Pause")),t(i,"click",function(){o.play=!0}),t(a,"click",function(){o.pause=!0}),o.playing?u():c(),s.on("video:playing",function(){u()}),s.on("video:pause",function(){c()})}})}}function yt(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,t){var n=e.template.$progress,r=e.player,o=n.getBoundingClientRect().left,i=Ue(t.pageX-o,0,n.clientWidth),a=i/n.clientWidth*r.duration;return{second:a,time:Be(a),width:i,percentage:Ue(i/n.clientWidth,0,1)}}function vt(r){return function(l){var e=l.option,t=e.highlight,n=e.theme,f=l.events.proxy,p=l.player;return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yt(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yt(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},r,{html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played" style="background: '.concat(n,'"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator" style="background: ').concat(n,'"></div>\n                    <div class="art-progress-tip art-tip"></div>\n                </div>\n            '),mounted:function(i){var o=!1,n=fe(".art-progress-loaded",i),r=fe(".art-progress-played",i),a=fe(".art-progress-highlight",i),c=fe(".art-progress-indicator",i),u=fe(".art-progress-tip",i);function s(e,t){"loaded"===e&&ge(n,"width","".concat(100*t,"%")),"played"===e&&(ge(r,"width","".concat(100*t,"%")),ge(c,"left","calc(".concat(100*t,"% - ").concat(we(c,"width")/2,"px)")))}t.forEach(function(e){var t=Ue(e.time,0,p.duration)/p.duration*100;ve(a,'<span data-text="'.concat(e.text,'" data-time="').concat(e.time,'" style="left: ').concat(t,'%"></span>'))}),s("loaded",p.loaded),l.on("video:progress",function(){s("loaded",p.loaded)}),l.on("video:timeupdate",function(){s("played",p.played)}),l.on("video:ended",function(){s("played",1)}),f(i,"mousemove",function(e){ge(u,"display","block"),-1<e.composedPath().indexOf(a)?function(e){var t=ht(l,e).width,n=e.target.dataset.text;u.innerHTML=n;var r=u.clientWidth;t<=r/2?ge(u,"left",0):t>i.clientWidth-r/2?ge(u,"left","".concat(i.clientWidth-r,"px")):ge(u,"left","".concat(t-r/2,"px"))}(e):function(e){var t=ht(l,e),n=t.width,r=t.time;u.innerHTML=r;var o=u.clientWidth;n<=o/2?ge(u,"left",0):n>i.clientWidth-o/2?ge(u,"left","".concat(i.clientWidth-o,"px")):ge(u,"left","".concat(n-o/2,"px"))}(e)}),f(i,"mouseout",function(){ge(u,"display","none")}),f(i,"click",function(e){if(e.target!==c){var t=ht(l,e),n=t.second;s("played",t.percentage),p.seek=n}}),f(c,"mousedown",function(){o=!0}),f(document,"mousemove",function(e){if(o){var t=ht(l,e),n=t.second,r=t.percentage;de(c,"art-show-indicator"),s("played",r),p.seek=n}}),f(document,"mouseup",function(){o&&(o=!1,ye(c,"art-show-indicator"))})}})}}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(a){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mt(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mt(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.subtitle,i=ve(e,n.subtitle);ke(i,r.get("Hide subtitle")),t(e,"click",function(){o.toggle()}),a.on("subtitle:show",function(){ge(i,"opacity","1"),ke(i,r.get("Hide subtitle"))}),a.on("subtitle:hide",function(){ge(i,"opacity","0.8"),ke(i,r.get("Show subtitle"))})}})}}function bt(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(e){return function(r){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bt(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bt(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},e,{mounted:function(t){function n(){var e="".concat(Be(r.player.currentTime)," / ").concat(Be(r.player.duration));e!==t.innerHTML&&(t.innerHTML=e)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(e){r.on(e,n)})}})}}function Ot(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(p){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ot(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ot(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},e,{mounted:function(e){var t=p.events.proxy,n=p.icons,r=p.player,o=p.i18n,i=!1,a=ve(e,n.volume),c=ve(e,n.volumeClose),u=ve(e,'<div class="art-volume-panel"></div>'),s=ve(u,'<div class="art-volume-slider-handle"></div>');function l(e){var t=u.getBoundingClientRect(),n=t.left,r=t.width,o=s.getBoundingClientRect().width;return Ue(e.pageX-n-o/2,0,r-o/2)/(r-o)}function f(e){var t=0<arguments.length&&void 0!==e?e:.7;if(r.muted||0===t)ge(a,"display","none"),ge(c,"display","flex"),ge(s,"left","0");else{var n=((we(u,"width")||60)-we(s,"width"))*t;ge(a,"display","flex"),ge(c,"display","none"),ge(s,"left","".concat(n,"px"))}}ke(a,o.get("Mute")),ge(c,"display","none"),f(r.volume),p.on("video:volumechange",function(){f(r.volume)}),t(a,"click",function(){r.muted=!0}),t(c,"click",function(){r.muted=!1}),t(u,"click",function(e){r.muted=!1,r.volume=l(e)}),t(s,"mousedown",function(){i=!0}),t(s,"mousemove",function(e){i&&(r.muted=!1,r.volume=l(e))}),t(document,"mouseup",function(){i=i&&!1})}})}}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 Pt(e){return function(a){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?kt(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):kt(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.setting,i=ve(e,n.setting);ke(i,r.get("Show setting")),t(e,"click",function(){o.toggle()}),a.on("setting:show",function(){ge(i,"opacity","0.8"),ke(i,r.get("Hide setting"))}),a.on("setting:hide",function(){ge(i,"opacity","1"),ke(i,r.get("Show setting"))})}})}}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 St(e){return function(y){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xt(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xt(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},e,{mounted:function(f){var p=y.option.thumbnails,d=y.template.$progress,e=y.events,t=e.proxy,n=e.loadImg,r=!1,o=!1;t(d,"mousemove",function(e){r||(r=!0,n(p.url).then(function(){o=!0})),o&&(ge(f,"display","block"),function(e){var t=ht(y,e).width,n=p.url,r=p.height,o=p.width,i=p.number,a=p.column,c=d.clientWidth/i,u=Math.floor(t/c),s=Math.ceil(u/a)-1,l=u%a||a-1;ge(f,"backgroundImage","url(".concat(n,")")),ge(f,"height","".concat(r,"px")),ge(f,"width","".concat(o,"px")),ge(f,"backgroundPosition","-".concat(l*o,"px -").concat(s*r,"px")),t<=o/2?ge(f,"left",0):t>d.clientWidth-o/2?ge(f,"left","".concat(d.clientWidth-o,"px")):ge(f,"left","".concat(t-o/2,"px"))}(e))}),t(d,"mouseout",function(){ge(f,"display","none")})}})}}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 Rt(e){return function(a){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Et(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Et(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.player,i=ve(e,n.screenshot);ke(i,r.get("Screenshot")),t(i,"click",function(){o.screenshot()})}})}}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 Ct(e){return function(f){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?$t(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):$t(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},e,{mounted:function(e){var i=f.option.quality,t=f.events,n=t.proxy,r=t.hover,a=f.player,c=-1,o=i.find(function(e){return e.default})||i[0];c=i.indexOf(o);var u=ve(e,'<div class="art-quality-name">'.concat(o.name,"</div>")),s=i.map(function(e,t){return'<div class="art-quality-item" data-index="'.concat(t,'">').concat(e.name,"</div>")}).join(""),l=ve(e,'<div class="art-qualitys">'.concat(s,"</div>"));r(e,function(){l.style.left="-".concat(we(l,"width")/2-e.clientWidth/2,"px")}),n(l,"click",function(e){var t=Number(e.target.dataset.index),n=i[t],r=n.url,o=n.name;r&&o&&c!==t&&(a.switchQuality(r,o),u.innerHTML=o,c=t)})}})}}var Dt=function(){function n(e){var t=this;c(this,n),this.id=0,this.art=e,this.art.on("ready",function(){t.init()})}return u(n,[{key:"init",value:function(){var t=this,e=this.art.option;this.add(vt({name:"progress",disable:e.isLive,position:"top",index:10})),this.add(St({name:"thumbnails",disable:!e.thumbnails.url||e.isLive,position:"top",index:20})),this.add(dt({name:"playAndPause",disable:!1,position:"left",index:10})),this.add(jt({name:"volume",disable:!1,position:"left",index:20})),this.add(wt({name:"time",disable:e.isLive,position:"left",index:30})),this.add(Ct({name:"quality",disable:0===e.quality.length,position:"right",index:10})),this.add(Rt({name:"screenshot",disable:!e.screenshot,position:"right",index:20})),this.add(gt({name:"subtitle",disable:!e.subtitle.url,position:"right",index:30})),this.add(Pt({name:"setting",disable:!e.setting,position:"right",index:40})),this.add(ft({name:"pip",disable:!e.pip,position:"right",index:50})),this.add(st({name:"fullscreenWeb",disable:!e.fullscreenWeb,position:"right",index:60})),this.add(ct({name:"fullscreen",disable:!e.fullscreen,position:"right",index:70})),e.controls.forEach(function(e){t.add(e)})}},{key:"add",value:function(e,t){var n,r="function"==typeof e?e(this.art):e,o=this.art.template,i=o.$progress,a=o.$controlsLeft,c=o.$controlsRight;switch(r.position){case"top":n=i;break;case"left":n=a;break;case"right":n=c}this.id+=1,Ee(r.position,"Controls option.position can not be empty");var u=it(this.art,this,n,r,t,"control");return r.disable||"top"===r.position||u.$ref.firstElementChild&&"I"===u.$ref.firstElementChild.tagName||de(u.$ref,"art-control-onlyText"),u}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,de(t,"artplayer-controls-show"),this.art.emit("controls:show")):(this.state=!1,ye(t,"artplayer-controls-show"),this.art.emit("controls:hide"))}}]),n}();function Tt(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(n){return function(e){var t=e.i18n,r=e.player;return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Tt(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Tt(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},n,{html:"\n                ".concat(t.get("Play speed"),':\n                <span data-rate="0.5">0.5</span>\n                <span data-rate="0.75">0.75</span>\n                <span data-rate="1.0" class="normal current">').concat(t.get("Normal"),'</span>\n                <span data-rate="1.25">1.25</span>\n                <span data-rate="1.5">1.5</span>\n                <span data-rate="2.0">2.0</span>\n            '),click:function(e,t){var n=t.target.dataset.rate;n&&(r.playbackRate=Number(n),e.show=!1)},mounted:function(n){e.on("playbackRateChange",function(t){var e=pe("span",n).find(function(e){return Number(e.dataset.rate)===t});e&&je(e,"current")})}})}}function At(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 Lt(n){return function(e){var t=e.i18n,r=e.player;return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?At(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):At(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},n,{html:"\n                ".concat(t.get("Aspect ratio"),':\n                <span data-ratio="default" class="default current">').concat(t.get("Default"),'</span>\n                <span data-ratio="4:3">4:3</span>\n                <span data-ratio="16:9">16:9</span>\n            '),click:function(e,t){var n=t.target.dataset.ratio;n&&(r.aspectRatio=n,e.show=!1)},mounted:function(n){e.on("aspectRatioChange",function(t){var e=pe("span",n).find(function(e){return e.dataset.ratio===t});e&&je(e,"current")})}})}}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 zt(e){return function(t){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Mt(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Mt(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},e,{html:t.i18n.get("Video info"),click:function(e){t.info.show=!0,e.show=!1}})}}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 qt(e){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?It(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):It(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},e,{html:'<a href="https://artplayer.org" target="_blank">ArtPlayer 3.1.18</a>'})}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 Wt(t){return function(e){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ft(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ft(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},t,{html:e.i18n.get("Close"),click:function(e){e.show=!1}})}}var Nt=function(){function n(e){var t=this;c(this,n),this.id=0,this.art=e,this.art.on("ready",function(){t.init()}),this.art.on("blur",function(){t.show=!1})}return u(n,[{key:"init",value:function(){var t=this,e=this.art,n=e.option,r=e.template,o=r.$player,i=r.$contextmenu,a=e.events.proxy;this.add(_t({disable:!n.playbackRate,name:"playbackRate",index:10})),this.add(Lt({disable:!n.aspectRatio,name:"aspectRatio",index:20})),this.add(zt({disable:!1,name:"info",index:30})),this.add(qt({disable:!1,name:"version",index:40})),this.add(Wt({disable:!1,name:"close",index:50})),n.contextmenu.forEach(function(e){t.add(e)}),a(o,"contextmenu",function(e){e.preventDefault(),t.show=!0,t.setPos(e)}),a(o,"click",function(e){e.composedPath().includes(i)||(t.show=!1)})}},{key:"add",value:function(e,t){var n=this.art.template.$contextmenu;return this.id+=1,it(this.art,this,n,e,t,"contextmenu")}},{key:"setPos",value:function(e){var t=this.art.template,n=t.$player,r=t.$contextmenu,o=e.clientX,i=e.clientY,a=n.getBoundingClientRect(),c=a.height,u=a.width,s=a.left,l=a.top,f=r.getBoundingClientRect(),p=f.height,d=f.width,y=o-s,h=i-l;s+u<o+d&&(y=u-d),l+c<i+p&&(h=c-p),ge(r,"left","".concat(y,"px")),ge(r,"top","".concat(h,"px"))}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,de(t,"artplayer-contextmenu-show"),this.art.emit("contextmenu:show")):(this.state=!1,ye(t,"artplayer-contextmenu-show"),this.art.emit("contextmenu:hide"))}}]),n}(),Vt=function(){function t(e){c(this,t),this.art=e,this.init()}return u(t,[{key:"init",value:function(){var e=this,t=this.art,n=t.template.$infoClose;(0,t.events.proxy)(n,"click",function(){e.show=!1}),this.art.on("destroy",function(){e.timer&&clearTimeout(e.timer)})}},{key:"creatInfo",value:function(){var e=[];return e.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">3.1.18</div>\n          </div>\n        '),e.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video url:</div>\n            <div class="art-info-content">'.concat(this.art.option.url,"</div>\n          </div>\n        ")),e.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video volume:</div>\n            <div class="art-info-content" data-video="volume"></div>\n          </div>\n        '),e.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video time:</div>\n            <div class="art-info-content" data-video="currentTime"></div>\n          </div>\n        '),e.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video duration:</div>\n            <div class="art-info-content" data-video="duration"></div>\n          </div>\n        '),e.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video resolution:</div>\n            <div class="art-info-content">\n              <span data-video="videoWidth"></span> x <span data-video="videoHeight"></span>\n            </div>\n          </div>\n        '),e.join("")}},{key:"readInfo",value:function(){var e=this.art.template,t=e.$infoPanel,n=e.$video;pe("[data-video]",t).forEach(function(e){var t=n[e.dataset.video];e.innerHTML=void 0!==t?"number"==typeof t?t.toFixed(2):t:"unknown"})}},{key:"loop",value:function(){var e=this;this.readInfo(),this.timer=setTimeout(function(){e.readInfo(),e.loop()},1e3)}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template,n=t.$player,r=t.$infoPanel;e?(this.state=!0,de(n,"artplayer-info-show"),r.innerHTML||ve(r,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show")):(this.state=!1,ye(n,"artplayer-info-show"),clearTimeout(this.timer),this.art.emit("info:hide"))}}]),t}();var Ht=function(e){if(Array.isArray(e))return e};var Ut=function(e,t){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=e[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}};var Bt=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var Yt=function(e,t){return Ht(e)||Ut(e,t)||Bt()},Xt=function(){function n(e){c(this,n),this.art=e,this.state=!0,this.isInit=!1;var t=this.art.option.subtitle.url;t&&this.init(t)}return u(n,[{key:"switch",value:function(e,t){var n=1<arguments.length&&void 0!==t?t:"unknown",r=this.art,o=r.i18n,i=r.notice;return this.init(e).then(function(e){return i.show("".concat(o.get("Switch subtitle"),": ").concat(n)),e})}},{key:"init",value:function(s){var l=this;return new Promise(function(i){var e=l.art,a=e.events.proxy,t=e.option.subtitle,n=e.template,c=n.$video,u=n.$subtitle,r=n.$track;if(be(u,t.style||{}),!r){var o=document.createElement("track");o.default=!0,o.kind="metadata",c.appendChild(o),l.art.template.$track=o}l.load(s).then(function(e){u.innerHTML="";var t=l.art.template.$track,n=t.src;if(n!==e){if(URL.revokeObjectURL(n),t.src=e,c.textTracks&&c.textTracks[0]){var r=function(){var e=Yt(o.activeCues,1)[0];u.innerHTML="",e&&(u.innerHTML=e.text.split(/\r?\n/).map(function(e){return"<p>".concat(e,"</p>")}).join("")),this.art.emit("subtitle:update",u)},o=Yt(c.textTracks,1)[0];l.isInit||(l.isInit=!0,a(o,"cuechange",r.bind(l))),l.art.on("artplayerPluginSubtitleOffset",r.bind(l))}i(e)}})})}},{key:"load",value:function(t){var n=this.art.notice;return fetch(t).then(function(e){return e.text()}).then(function(e){switch(De(t)){case"srt":return $e(Re(e));case"ass":return $e(Ce(e));case"vtt":return $e(e);default:return t}}).catch(function(e){throw n.show(e),e})}},{key:"toggle",value:function(){this.show=!this.state}},{key:"url",get:function(){var e=this.art.template.$track;return e?e.src:""}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,ye(t,"artplayer-subtitle-hide"),this.art.emit("subtitle:show")):(this.state=!1,de(t,"artplayer-subtitle-hide"),this.art.emit("subtitle:hide"))}}]),n}();function Zt(e){var n=this;c(this,Zt);var r=Object.assign({loading:'<svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-default">\n  <rect x="0" y="0" width="100" height="100" fill="none" class="bk"/>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(0 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-1s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(30 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(60 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(90 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.75s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(120 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(150 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(180 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(210 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(240 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(270 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.25s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(300 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(330 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"/>\n  </rect>\n</svg>',state:'<svg xmlns="http://www.w3.org/2000/svg" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">\n    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>\n</svg>',play:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n  <path d="M17.982 9.275L8.06 3.27A2.013 2.013 0 0 0 5 4.994v12.011a2.017 2.017 0 0 0 3.06 1.725l9.922-6.005a2.017 2.017 0 0 0 0-3.45z"></path>\n</svg>',pause:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M7 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2zM15 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2z"></path>\n</svg>',volume:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M10.188 4.65L6 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39V5.04a.498.498 0 0 0-.812-.39zM14.446 3.778a1 1 0 0 0-.862 1.804 6.002 6.002 0 0 1-.007 10.838 1 1 0 0 0 .86 1.806A8.001 8.001 0 0 0 19 11a8.001 8.001 0 0 0-4.554-7.222z"></path>\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v6.93A3.998 3.998 0 0 0 15 11z"></path>\n</svg>',volumeClose:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v2.636l1.865 1.865A4.02 4.02 0 0 0 15 11z"></path>\n    <path d="M13.583 5.583A5.998 5.998 0 0 1 17 11a6 6 0 0 1-.585 2.587l1.477 1.477a8.001 8.001 0 0 0-3.446-11.286 1 1 0 0 0-.863 1.805zM18.778 18.778l-2.121-2.121-1.414-1.414-1.415-1.415L13 13l-2-2-3.889-3.889-3.889-3.889a.999.999 0 1 0-1.414 1.414L5.172 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39v-3.131l2.587 2.587-.01.005a1 1 0 0 0 .86 1.806c.215-.102.424-.214.627-.333l2.3 2.3a1.001 1.001 0 0 0 1.414-1.416zM11 5.04a.5.5 0 0 0-.813-.39L8.682 5.854 11 8.172V5.04z"></path>\n</svg>',subtitle:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">\n    <path d="M0 0h48v48H0z" fill="none"/>\n    <path d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>\n</svg>',screenshot:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 50 50">\n\t<path d="M 19.402344 6 C 17.019531 6 14.96875 7.679688 14.5 10.011719 L 14.097656 12 L 9 12 C 6.238281 12 4 14.238281 4 17 L 4 38 C 4 40.761719 6.238281 43 9 43 L 41 43 C 43.761719 43 46 40.761719 46 38 L 46 17 C 46 14.238281 43.761719 12 41 12 L 35.902344 12 L 35.5 10.011719 C 35.03125 7.679688 32.980469 6 30.597656 6 Z M 25 17 C 30.519531 17 35 21.480469 35 27 C 35 32.519531 30.519531 37 25 37 C 19.480469 37 15 32.519531 15 27 C 15 21.480469 19.480469 17 25 17 Z M 25 19 C 20.589844 19 17 22.589844 17 27 C 17 31.410156 20.589844 35 25 35 C 29.410156 35 33 31.410156 33 27 C 33 22.589844 29.410156 19 25 19 Z "/>\n</svg>\n',setting:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <circle cx="11" cy="11" r="2"></circle>\n    <path d="M19.164 8.861L17.6 8.6a6.978 6.978 0 0 0-1.186-2.099l.574-1.533a1 1 0 0 0-.436-1.217l-1.997-1.153a1.001 1.001 0 0 0-1.272.23l-1.008 1.225a7.04 7.04 0 0 0-2.55.001L8.716 2.829a1 1 0 0 0-1.272-.23L5.447 3.751a1 1 0 0 0-.436 1.217l.574 1.533A6.997 6.997 0 0 0 4.4 8.6l-1.564.261A.999.999 0 0 0 2 9.847v2.306c0 .489.353.906.836.986l1.613.269a7 7 0 0 0 1.228 2.075l-.558 1.487a1 1 0 0 0 .436 1.217l1.997 1.153c.423.244.961.147 1.272-.23l1.04-1.263a7.089 7.089 0 0 0 2.272 0l1.04 1.263a1 1 0 0 0 1.272.23l1.997-1.153a1 1 0 0 0 .436-1.217l-.557-1.487c.521-.61.94-1.31 1.228-2.075l1.613-.269a.999.999 0 0 0 .835-.986V9.847a.999.999 0 0 0-.836-.986zM11 15a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"></path>\n</svg>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>\n</svg>',fullscreenWeb:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="36" width="36">\n\t<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill-rule="evenodd"></path>\n</svg>',pip:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="32" width="32">\n    <path d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"></path>\n</svg>',prev:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"></path>\n</svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z"></path>\n</svg>'},e.option.icons);Object.keys(r).forEach(function(e){var t=document.createElement("i");t.classList.add("art-icon"),t.classList.add("art-icon-".concat(e)),ve(t,r[e]),n[e]=t})}var Jt=function(){function n(e){var t=this;c(this,n),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("video:canplay",function(){!function(t,e){var n=t.template.$player;e.proxy(document,["click","contextmenu"],function(e){-1<e.composedPath().indexOf(n)?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})}(e,t),function(e,t){var n=e.template.$player;t.hover(n,function(){de(n,"artplayer-hover"),e.emit("hoverenter")},function(){ye(n,"artplayer-hover"),e.emit("hoverleave")})}(e,t),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=Ve(function(){de(r,"artplayer-hide-cursor"),ye(r,"artplayer-hover"),t.controls.show=!1},3e3);t.on("hoverleave",function(){i.playing&&a()}),e.proxy(r,"mousemove",function(e){a.clearTimeout(),ye(r,"artplayer-hide-cursor"),t.controls.show=!0,!t.player.pip&&i.playing&&e.target===o&&a()})}(e,t),function(e,t){var n=e.option,r=e.player,o=e.template.$player,i=document.createElement("object");i.setAttribute("aria-hidden","true"),i.setAttribute("tabindex",-1),i.type="text/html",i.data="about:blank";var a=r.width,c=r.height,u=He(function(){r.width===a&&r.height===c||(a=r.width,c=r.height,n.autoSize&&(e.player.fullscreen||e.player.fullscreenWeb||e.player.pip?e.player.autoSize=!1:e.player.autoSize=!0),e.player.aspectRatioReset=!0,e.emit("resize",{width:r.width,height:r.height}))},500);t.proxy(i,"load",function(){t.proxy(i.contentDocument.defaultView,"resize",u)}),o.appendChild(i)}(e,t)})}return u(n,[{key:"proxy",value:function(t,e,n,r){var o=this,i=3<arguments.length&&void 0!==r?r:{};Array.isArray(e)?e.forEach(function(e){return o.proxy(t,e,n,i)}):(t.addEventListener(e,n,i),this.destroyEvents.push(function(){t.removeEventListener(e,n,i)}))}},{key:"hover",value:function(e,t,n){t&&this.proxy(e,"mouseenter",t),n&&this.proxy(e,"mouseleave",n)}},{key:"loadImg",value:function(r){var o=this;return new Promise(function(e,t){var n;if(r instanceof HTMLImageElement)n=r;else{if("string"!=typeof r)return t(r);(n=new Image).src=r}return n.complete?e(n):(o.proxy(n,"load",function(){return e(n)}),o.proxy(n,"error",function(){return t(n)}),r)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(e){return e()})}}]),n}(),Gt=function(){function n(e){var t=this;c(this,n),this.art=e,this.keys={},this.art.option.hotkey&&this.art.on("ready",function(){t.add(27,function(){e.player.fullscreenWeb&&(e.player.fullscreenWeb=!1)}),t.add(32,function(){e.player.toggle=!0}),t.add(37,function(){e.player.seek=e.player.currentTime-5}),t.add(38,function(){e.player.volume+=.1}),t.add(39,function(){e.player.seek=e.player.currentTime+5}),t.add(40,function(){e.player.volume-=.1}),t.init()})}return u(n,[{key:"add",value:function(e,t){this.keys[e]?this.keys[e].push(t):this.keys[e]=[t]}},{key:"init",value:function(){var o=this;(0,this.art.events.proxy)(window,"keydown",function(e){if(o.art.isFocus){var t=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==t&&"TEXTAREA"!==t&&""!==n&&"true"!==n){var r=o.keys[e.keyCode];r&&(e.preventDefault(),r.forEach(function(e){return e()}),o.art.emit("hotkey",e))}}})}}]),n}(),Qt=function(){function n(e){var t=this;c(this,n),this.id=0,this.art=e,this.add=this.add.bind(this),this.art.on("ready",function(){t.art.option.layers.forEach(function(e){t.add(e)})})}return u(n,[{key:"add",value:function(e,t){this.id+=1;var n=this.art.template.$layers;return it(this.art,this,n,e,t,"layer")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,ye(t,"artplayer-layers-hide"),this.art.emit("layers:show")):(this.state=!1,de(t,"artplayer-layers-hide"),this.art.emit("layers:hide"))}}]),n}(),Kt=function(){function t(e){c(this,t),ve((this.art=e).template.$loading,e.icons.loading)}return u(t,[{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,de(t,"artplayer-loading-show"),this.art.emit("loading:show")):(this.state=!1,ye(t,"artplayer-loading-show"),this.art.emit("loading:hide"))}}]),t}(),en=function(){function t(e){c(this,t),this.art=e,this.timer=null}return u(t,[{key:"show",value:function(e,t,n){var r=this,o=!(1<arguments.length&&void 0!==t)||t,i=2<arguments.length&&void 0!==n?n:1e3,a=this.art.template,c=a.$player,u=a.$noticeInner;this.state=!0,de(c,"artplayer-notice-show"),u.innerHTML=e instanceof Error?e.message.trim():e,clearTimeout(this.timer),o&&(this.timer=setTimeout(function(){r.hide()},i)),this.art.emit("notice:show")}},{key:"hide",value:function(){var e=this.art.template.$player;this.state=!1,ye(e,"artplayer-notice-show"),this.art.emit("notice:hide")}}]),t}(),tn=function(){function n(e){c(this,n);var t=ve((this.art=e).template.$mask,'<div class="art-state"></div>');ve(t,e.icons.state)}return u(n,[{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,de(t,"artplayer-mask-show"),this.art.emit("mask:show")):(this.state=!1,ye(t,"artplayer-mask-show"),this.art.emit("mask:hide"))}}]),n}();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(n){return function(e){var t=e.i18n,r=e.player;return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nn(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nn(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},n,{html:'\n                <div class="art-setting-header">'.concat(t.get("Flip"),'</div>\n                <div class="art-setting-radio">\n                    <div class="art-radio-item current">\n                        <button type="button" data-value="normal">').concat(t.get("Normal"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="horizontal">').concat(t.get("Horizontal"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="vertical">').concat(t.get("Vertical"),"</button>\n                    </div>\n                </div>\n            "),click:function(e,t){var n=t.target.dataset.value;n&&(r.flip=n)},mounted:function(n){e.on("flipChange",function(t){var e=pe("button",n).find(function(e){return e.dataset.value===t});e&&je(e.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 an(n){return function(e){var t=e.i18n,r=e.player;return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?on(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):on(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},n,{html:'\n                <div class="art-setting-header">'.concat(t.get("Aspect ratio"),'</div>\n                <div class="art-setting-radio">\n                    <div class="art-radio-item current">\n                        <button type="button" data-value="default">').concat(t.get("Default"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="4:3">4:3</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="16:9">16:9</button>\n                    </div>\n                </div>\n            '),click:function(e,t){var n=t.target.dataset.value;n&&(r.aspectRatio=n)},mounted:function(n){e.on("aspectRatioChange",function(t){var e=pe("button",n).find(function(e){return e.dataset.value===t});e&&je(e.parentElement,"current")})}})}}function cn(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 un(t){return function(r){var e=r.i18n,o=r.player,i=r.events.proxy;return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?cn(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):cn(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}({},t,{html:'\n                <div class="art-setting-header">\n                    '.concat(e.get("Play speed"),': <span class="art-subtitle-value">1.0</span>x\n                </div>\n                <div class="art-setting-range">\n                    <input class="art-subtitle-range" value="1" type="range" min="0.5" max="2" step="0.25">\n                </div>\n            '),mounted:function(e){var t=fe(".art-setting-range input",e),n=fe(".art-subtitle-value",e);i(t,"change",function(){var e=t.value;n.innerText=e,o.playbackRate=Number(e)}),r.on("playbackRateChange",function(e){t.value!==e&&(t.value=e,n.innerText=e)})}})}}var sn=function(){function n(e){var t=this;c(this,n),this.id=0,this.art=e,this.state=!1,e.option.setting&&(this.art.on("ready",function(){t.init()}),this.art.on("blur",function(){t.show=!1}))}return u(n,[{key:"init",value:function(){var t=this,e=this.art,n=e.option,r=e.template.$setting;(0,e.events.proxy)(r,"click",function(e){e.target===r&&(t.show=!1)}),this.add(rn({disable:!n.flip,name:"flip"})),this.add(an({disable:!n.aspectRatio,name:"aspectRatio"})),this.add(un({disable:!n.playbackRate,name:"playbackRate"}))}},{key:"add",value:function(e,t){this.id+=1;var n=this.art.template.$settingBody;return it(this.art,this,n,e,t,"setting")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,de(t,"artplayer-setting-show"),this.art.emit("setting:show")):(this.state=!1,ye(t,"artplayer-setting-show"),this.art.emit("setting:hide"))}}]),n}(),ln=function(){function t(e){c(this,t),this.art=e,this.name="artplayer_settings",this.init()}return u(t,[{key:"init",value:function(){var e=this.art.option,t=this.get("volume");t&&(e.volume=t)}},{key:"get",value:function(e){var t=JSON.parse(window.localStorage.getItem(this.name))||{};return e?t[e]:{}}},{key:"set",value:function(e,t){var n=Object.assign({},this.get(),d({},e,t));window.localStorage.setItem(this.name,JSON.stringify(n))}},{key:"del",value:function(e){var t=this.get();delete t[e],window.localStorage.setItem(this.name,JSON.stringify(t))}},{key:"clean",value:function(){window.localStorage.removeItem(this.name)}}]),t}();function fn(r){var e=r.i18n,o=r.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(e.get("Subtitle offset time"),': <span class="art-subtitle-value">0</span>s\n            </div>\n            <div class="art-setting-range">\n                <input class="art-subtitle-range" value="0" type="range" min="-5" max="5" step="0.5">\n            </div>\n        '),mounted:function(e){var t=fe(".art-setting-range input",e),n=fe(".art-subtitle-value",e);o(t,"change",function(){var e=t.value;n.innerText=e,r.plugins.subtitleOffset.offset(Number(e))}),r.on("subtitle:switch",function(){t.value=0,n.innerText=0}),r.on("artplayerPluginSubtitleOffset",function(e){t.value!==e&&(t.value=e,n.innerText=e)})}}}function pn(r){var o=r.constructor.utils.clamp,e=r.setting,i=r.notice,a=r.template,c=r.i18n,u=r.player;c.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}}),e.add(fn);var s=[];return r.on("subtitle:switch",function(){s=[]}),{name:"subtitleOffset",offset:function(e){if(a.$track&&a.$track.track){var t=Array.from(a.$track.track.cues),n=o(e,-5,5);t.forEach(function(e,t){s[t]||(s[t]={startTime:e.startTime,endTime:e.endTime}),e.startTime=o(s[t].startTime+n,0,u.duration),e.endTime=o(s[t].endTime+n,0,u.duration)}),i.show("".concat(c.get("Subtitle offset time"),": ").concat(e,"s")),r.emit("artplayerPluginSubtitleOffset",e)}else i.show("".concat(c.get("No subtitles found"))),r.emit("artplayerPluginSubtitleOffset",0)}}}function dn(e){var n=e.events.proxy,i=e.notice,a=e.i18n,c=e.template,u=e.player,s="Playback of this file format is not supported";function r(e){if(e){var t=De(e.name),n=c.$video.canPlayType(e.type);if("maybe"===n||"probably"===n){var r=URL.createObjectURL(e);u.switchUrl(r,e.name)}else{var o="".concat(a.get(s),": ").concat(e.type||t);i.show(o,!0,3e3),Ee(!1,o)}}}return a.update({"zh-cn":d({},s,"不支持播放该文件格式"),"zh-tw":d({},s,"不支持播放該文件格式")}),n(c.$player,"dragover",function(e){e.preventDefault()}),n(c.$player,"drop",function(e){e.preventDefault(),r(e.dataTransfer.files[0])}),{name:"localVideo",attach:function(e){var t=ve(e,'<input type="file">');ge(e,"position","relative"),be(t,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),n(t,"change",function(){r(t.files[0])})}}}function yn(e){var n=e.events.proxy,r=e.notice,o=e.i18n,c=e.subtitle,u="Only supports subtitle files in .ass, .vtt and .srt format";return o.update({"zh-cn":d({},u,"只支持 .ass、.vtt 和 .srt 格式的字幕文件"),"zh-tw":d({},u,"只支持 .ass、.vtt 和 .srt 格式的字幕文件")}),{name:"localSubtitle",attach:function(e){var t=ve(e,'<input type="file">');ge(e,"position","relative"),be(t,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),n(t,"change",function(){!function(i){if(i){var a=De(i.name);if(["ass","vtt","srt"].includes(a)){var e=new FileReader;n(e,"load",function(e){var t=e.target.result;switch(a){case"srt":var n=$e(Re(t));c.switch(n,i.name);break;case"ass":var r=$e(Ce(t));c.switch(r,i.name);break;case"vtt":var o=$e(t);c.switch(o,i.name)}}),e.readAsText(i)}else{var t=o.get(u);r.show(t,!0,3e3),Ee(!1,t)}}}(t.files[0])})}}}function hn(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("controls:show",function(){e.style.display="none"}),t.on("destroy",function(){e.style.display="none"}),t.on("controls:hide",function(){e.style.display="block"}),t.on("video:timeupdate",function(){e.style.width="".concat(100*n.played,"%")})}}),{name:"miniProgressBar"}}function vn(r){var o=1e4,i=0,a=0,c=0,e=null;function t(){c=a=i=0,cancelAnimationFrame(e),e=null}function n(){e||!function n(){r.isDestroy||(e=requestAnimationFrame(function(){var e=Date.now();if(c){var t=e-c;a+=t,r.player.playing||(i+=t)}c=e,r.emit("networkMonitor",i/a),o<=a&&(a=i=0),n()}))}()}return r.on("play",n),r.on("pause",t),{name:"networkMonitor",reset:t,start:n,sample:function(e){o=e}}}function mn(t){var e=t.events,n=t.player,r=t.template,o=Ve(function(){var e=r.$player.getBoundingClientRect();e.top+e.height<=0&&!n.pip?(n.pip=!0,t.emit("artplayerPluginAutoPip",!0)):n.pip&&(n.pip=!1,t.emit("artplayerPluginAutoPip",!1))},300);return e.proxy(window,"scroll",o),{name:"autoPip"}}function gn(t){c(this,gn);var n=t.option,r=t.events.proxy,o=t.template.$video;Ge.video.events.forEach(function(e){r(o,e,function(e){t.emit("video:".concat(e.type),e)})}),Object.keys(n.moreVideoAttr).forEach(function(e){o[e]=n.moreVideoAttr[e]}),n.muted&&(o.muted=n.muted),n.volume&&(o.volume=Ue(n.volume,0,1)),n.poster&&(o.poster=n.poster),n.autoplay&&(o.autoplay=n.autoplay),o.controls=!0;var e=n.type||De(n.url),i=n.customType[e];e&&i?(t.emit("beforeCustomType",e),i(o,n.url,t),t.emit("afterCustomType",e)):(t.emit("beforeAttachUrl",n.url),o.src=n.url,t.emit("afterAttachUrl",o.src))}var bn=function(){function r(e){var t=this;c(this,r),this.art=e,this.id=0;var n=e.option;n.subtitle.url&&n.subtitleOffset&&this.add(pn),!n.isLive&&n.miniProgressBar&&this.add(hn),n.localVideo&&this.add(dn),n.localSubtitle&&this.add(yn),n.networkMonitor&&this.add(vn),n.autoPip&&this.add(mn),e.option.plugins.forEach(function(e){t.add(e)})}return u(r,[{key:"add",value:function(e){this.id+=1;var t=e.call(this,this.art),n="";return Ee(!qe(this,n=t&&t.name?t.name:e.name?e.name:"plugin".concat(this.id)),"Cannot add a plugin that already has the same name: ".concat(n)),Object.defineProperty(this,n,{value:t}),this.art.emit("plugin:add",e),this}}]),r}(),wn=0,On=function(){function n(e){var t;return c(this,n),(t=l(this,f(n).call(this))).option=se(We(n.option,e),Je),t.isFocus=!1,t.isDestroy=!1,t.whitelist=new Ze(s(t)),t.template=new Qe(s(t)),t.events=new Jt(s(t)),t.whitelist.state?(t.storage=new ln(s(t)),t.icons=new Zt(s(t)),t.i18n=new tt(s(t)),t.notice=new en(s(t)),t.player=new ot(s(t)),t.layers=new Qt(s(t)),t.controls=new Dt(s(t)),t.contextmenu=new Nt(s(t)),t.subtitle=new Xt(s(t)),t.info=new Vt(s(t)),t.loading=new Kt(s(t)),t.hotkey=new Gt(s(t)),t.mask=new tn(s(t)),t.setting=new sn(s(t)),t.plugins=new bn(s(t))):t.mobile=new gn(s(t)),wn+=1,t.id=wn,n.instances.push(s(t)),console.log("%c ArtPlayer %c 3.1.18 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),t}return t(n,le),u(n,[{key:"destroy",value:function(e){var t=0<arguments.length&&void 0!==e&&e;this.events.destroy(),this.template.destroy(t),n.instances.splice(n.instances.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"version",get:function(){return"3.1.18"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return Ge}},{key:"utils",get:function(){return Ye}},{key:"scheme",get:function(){return Je}},{key:"Emitter",get:function(){return le}},{key:"validator",get:function(){return se}},{key:"kindOf",get:function(){return se.kindOf}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,localVideo:!1,localSubtitle:!1,autoPip:!1,networkMonitor:!1,layers:[],contextmenu:[],quality:[],controls:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),n}();function jn(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){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jn(n,!0).forEach(function(e){d(t,e,n[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jn(n).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})}return t}return Object.defineProperty(On,"instances",{value:[]}),function(e){function n(e){var t;return c(this,n),t=l(this,f(n).call(this,e)),On.utils.errorHandle(e.option&&"object"===o(e.option),"The prop 'option' object cannot be missing"),t.instance=null,t.artRef=ue.createRef(),t}return t(n,e),u(n,[{key:"componentDidMount",value:function(){var e=this.props,t=e.option,n=e.getInstance;this.instance=new On(kn({},t,{container:this.artRef.current})),n&&"function"==typeof n&&n(this.instance)}},{key:"componentWillUnmount",value:function(){this.instance&&this.instance.destroy&&this.instance.destroy()}},{key:"render",value:function(){var e=this.props,t=(e.option,e.getInstance,r(e,["option","getInstance"]));return ue.createElement("div",kn({ref:this.artRef},t))}}]),n}(ue.Component)});