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

!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Artplayer=e()}(this,function(){"use strict";var a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function r(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var i=function(t,e,n){return e&&r(t.prototype,e),n&&r(t,n),t};"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function t(t,e){return t(e={exports:{}},e.exports),e.exports}var c=t(function(e){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=r=function(t){return n(t)}:e.exports=r=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},r(t)}e.exports=r});var o=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t};var s=function(t,e){return!e||"object"!==c(e)&&"function"!=typeof e?o(t):e},l=t(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),u=t(function(n){function r(t,e){return n.exports=r=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},r(t,e)}n.exports=r});var e=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&u(t,e)},f=t(function(t,e){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(t){return t.constructor?t.constructor.name:null}function s(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];return l(t,e,n),u(t,e,n),function(o,a,c){var t=f(a),e=f(o);"object"===t&&"object"===e&&Object.keys(a).forEach(function(t){var e=o[t],n=a[t],r=c.slice();r.push(t),l(e,n,r),u(e,n,r),s(e,n,r)}),"array"===t&&"array"===e&&o.forEach(function(t,e){var n=o[e],r=a[e]||a[0],i=c.slice();i.push(e),l(n,r,i),u(n,r,i),s(n,r,i)})}(t,e,n),t}function l(t,e,n){if("string"===f(e)){var r=f(t);if(!(-1<e.indexOf("|")?e.split("|").map(function(t){return t.toLowerCase().trim()}).filter(Boolean).some(function(t){return r===t}):e.toLowerCase().trim()===r))throw new Error("[Type Error]: '".concat(n.join("."),"' require '").concat(e,"' type, but got '").concat(r,"'"))}}function u(t,e,n){if("function"===f(e)){var r=e(t,f(t),n);if(!0!==r){var i=f(r);throw"string"===i?new Error(r):"error"===i?r:new Error("[Validator Error]: The scheme for '".concat(n.join("."),"' validator require return true, but got '").concat(r,"'"))}}}var i,f;t.exports=(i=Object.prototype.toString,s.kindOf=f=function(t){if(void 0===t)return"undefined";if(null===t)return"null";var e=n(t);if("boolean"===e)return"boolean";if("string"===e)return"string";if("number"===e)return"number";if("symbol"===e)return"symbol";if("function"===e)return function(t){return"GeneratorFunction"===r(t)}(t)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(t))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(t))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(t))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(t))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(t))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(t))return"regexp";switch(r(t)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(t))return"generator";switch(e=i.call(t)){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 e.slice(8,-1).toLowerCase().replace(/\s/g,"")},s)}),p=function(){function t(){a(this,t)}return i(t,[{key:"on",value:function(t,e,n){var r=this.e||(this.e={});return(r[t]||(r[t]=[])).push({fn:e,ctx:n}),this}},{key:"once",value:function(r,i,o){var a=this;function c(){a.off(r,c);for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];i.apply(o,e)}return c._=i,this.on(r,c,o)}},{key:"emit",value:function(t){for(var e=((this.e||(this.e={}))[t]||[]).slice(),n=arguments.length,r=new Array(1<n?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];for(var o=0;o<e.length;o+=1)e[o].fn.apply(e[o].ctx,r);return this}},{key:"off",value:function(t,e){var n=this.e||(this.e={}),r=n[t],i=[];if(r&&e)for(var o=0,a=r.length;o<a;o+=1)r[o].fn!==e&&r[o].fn._!==e&&i.push(r[o]);return i.length?n[t]=i:delete n[t],this}}]),t}();var n=function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}};var d=function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)};var h=function(){throw new TypeError("Invalid attempt to spread non-iterable instance")};var y=function(t){return n(t)||d(t)||h()};var v=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},m=t(function(r){function i(t,e,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(t){return!1}}()?r.exports=i=function(t,e,n){var r=[null];r.push.apply(r,e);var i=new(Function.bind.apply(t,r));return n&&u(i,n.prototype),i}:r.exports=i=Reflect.construct,i.apply(null,arguments)}r.exports=i}),g=function(t){function r(t,e){var n;return a(this,r),n=s(this,l(r).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(o(n),e||n.constructor),n.name="ArtPlayerError",n}return e(r,t),r}(t(function(e){function r(t){var n="function"==typeof Map?new Map:void 0;return e.exports=r=function(t){if(null===t||!v(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return m(t,arguments,l(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),u(e,t)},r(t)}e.exports=r})(Error));function b(t,e){if(!t)throw new g(e);return t}function w(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function O(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function P(t){return t.includes("?")?P(t.split("?")[0]):t.includes("#")?P(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function k(t){var e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),r=Math.floor(t-3600*e-60*n);return(0<e?[e,n,r]:[n,r]).map(function(t){return t<10?"0".concat(t):String(t)}).join(":")}function j(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(t){return setTimeout(t,e)})}function x(r,i,o){var a;function t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,r.apply(o,e)},i)}return t.clearTimeout=function(){clearTimeout(a)},t}function S(i,o){var a,c,s=!1;return function t(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];if(s)return a=n,void(c=this);s=!0,i.apply(this,n),setTimeout(function(){s=!1,a&&(t.apply(c,a),c=a=null)},o)}}function E(){for(var o=function(t){return t&&"object"===c(t)&&!Array.isArray(t)},t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce(function(r,i){return Object.keys(i).forEach(function(t){var e=r[t],n=i[t];Array.isArray(e)&&Array.isArray(n)?r[t]=e.concat.apply(e,y(n)):!o(e)||!o(n)||n instanceof Element?r[t]=n:r[t]=E(e,n)}),r},{})}function $(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function L(t){return t.parentNode.removeChild(t)}function R(t,e,n){return t.style[e]=n,t}function T(e,n){return Object.keys(n).forEach(function(t){R(e,t,n[t])}),e}function D(t,e){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function A(e){return Array.from(e.parentElement.children).filter(function(t){return t!==e})}function C(t,e){A(t).forEach(function(t){return t.classList.remove(e)}),t.classList.add(e)}function M(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n)}function q(t){return"WEBVTT \r\n\r\n".concat(t.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 z(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function W(t,e){var n=document.createElement("a");R(n,"display","none"),n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}function B(t){for(var e=arguments.length,n=new Array(1<e?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];return n.reduce(function(e,n){return Object.getOwnPropertyNames(n).forEach(function(t){b(!w(e,t),"Target attribute name is duplicated: ".concat(t)),Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}),e},t)}var F=Object.freeze({errorHandle:b,hasOwnProperty:w,clamp:O,getExt:P,secondToTime:k,sleep:j,debounce:x,throttle:S,mergeDeep:E,append:$,remove:L,setStyle:R,setStyles:T,getStyle:D,sublings:A,inverseClass:C,tooltip:M,srtToVtt:q,vttToBlob:z,downloadFile:W,proxyPropertys:B});function H(t,e,n){return b("string"===e||t instanceof Element,"".concat(n.join(".")," require 'string' or 'Element' type"))}function I(t){var e=this;a(this,I);var n=t.constructor.kindOf,r=t.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(t){switch(n(t)){case"string":return-1<e.userAgent.indexOf(t);case"function":return t(e.userAgent);case"regexp":return t.test(e.userAgent);default:return!1}})}var V={container:H,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",localPreview:"boolean",autoPip:"boolean",networkMonitor:"boolean",plugins:["function"],whitelist:["string|function|regexp"],layers:[{disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",html:H,style:"object|undefined",click:"function|undefined",mounted:"function|undefined"}],contextmenu:[{disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",html:H,style:"object|undefined",click:"function|undefined",mounted:"function|undefined"}],quality:[{default:"boolean|undefined",name:"string",url:"string"}],controls:[{disable:"boolean|undefined",name:"string|undefined",index:"number|undefined",html:H,style:"object|undefined",click:"function|undefined",mounted:"function|undefined",position:function(t,e,n){var r=["top","left","right"];return b(r.includes(t),"".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"},N={mimeCodec:{mp4:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',webm:'video/webm; codecs="vorbis, vp8"',ts:'video/mp2t; codecs="avc1.42E01E, mp4a.40.2"'},mse:{mediaSource:{propertys:["activeSourceBuffers","duration","readyState","sourceBuffers"],methods:["addSourceBuffer","endOfStream","removeSourceBuffer","clearLiveSeekableRange","setLiveSeekableRange"],events:["sourceclose","sourceended","sourceopen"]},sourceBuffer:{propertys:["mode","updating","buffered","timestampOffset","audioTracks","videoTracks","textTracks","appendWindowStart","appendWindowEnd","trackDefaults"],methods:["appendBuffer","appendStream","abort","remove"],events:["abort","error","update","updateend","updatestart"]},sourceBufferList:{propertys:["length"],events:["addsourcebuffer","removesourcebuffer"]}},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"]}},U=function(){function n(t){var e=this;a(this,n),(this.art=t).option.container instanceof Element?this.$container=t.option.container:(this.$container=document.querySelector(t.option.container),b(this.$container,"No container element found by ".concat(t.option.container))),t.constructor.instances.some(function(t){return t.template.$container===e.$container})&&b(!1,"Cannot mount multiple instances on the same dom element"),t.whitelist.state?this.initDesktop():this.initMobile()}return i(n,[{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.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video"),this.$subtitle=this.$container.querySelector(".artplayer-subtitle"),this.$danmuku=this.$container.querySelector(".artplayer-danmuku"),this.$bottom=this.$container.querySelector(".artplayer-bottom"),this.$progress=this.$container.querySelector(".artplayer-progress"),this.$controls=this.$container.querySelector(".artplayer-controls"),this.$controlsLeft=this.$container.querySelector(".artplayer-controls-left"),this.$controlsRight=this.$container.querySelector(".artplayer-controls-right"),this.$layers=this.$container.querySelector(".artplayer-layers"),this.$loading=this.$container.querySelector(".artplayer-loading"),this.$notice=this.$container.querySelector(".artplayer-notice"),this.$noticeInner=this.$container.querySelector(".artplayer-notice-inner"),this.$mask=this.$container.querySelector(".artplayer-mask"),this.$setting=this.$container.querySelector(".artplayer-setting"),this.$settingInner=this.$container.querySelector(".artplayer-setting-inner"),this.$settingBody=this.$container.querySelector(".artplayer-setting-body"),this.$info=this.$container.querySelector(".artplayer-info"),this.$infoPanel=this.$container.querySelector(".artplayer-info-panel"),this.$infoClose=this.$container.querySelector(".artplayer-info-close"),this.$pipHeader=this.$container.querySelector(".artplayer-pip-header"),this.$pipTitle=this.$container.querySelector(".artplayer-pip-title"),this.$pipClose=this.$container.querySelector(".artplayer-pip-close"),this.$contextmenu=this.$container.querySelector(".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.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":this.$player.classList.add("artplayer-destroy")}}]),n}(),_={"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":"迷你播放器","This does not seem to support full screen functionality":"似乎不支持全屏功能"},X={"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":"迷你播放器","This does not seem to support full screen functionality":"似乎不支持全屏功能"},Y=function(){function e(t){a(this,e),this.art=t,this.languages={"zh-cn":_,"zh-tw":X},this.init()}return i(e,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=E(this.languages,t),this.init()}}]),e}();var Z=t(function(t){var a,e,c,s,r,n;a="undefined"!=typeof window&&void 0!==window.document?window.document:{},e=t.exports,c="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,s=function(){for(var t,e=[["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=e.length,i={};n<r;n++)if((t=e[n])&&t[1]in a){for(n=0;n<t.length;n++)i[e[0][n]]=t[n];return i}return!1}(),r={change:s.fullscreenchange,error:s.fullscreenerror},n={request:function(o){return new Promise(function(t,e){var n,r=s.requestFullscreen,i=function(){this.off("change",i),t()}.bind(this);this.on("change",i),o=o||a.documentElement,n=/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)?o[r]():o[r](c?Element.ALLOW_KEYBOARD_INPUT:{}),Promise.resolve(n).catch(e)}.bind(this))},exit:function(){return new Promise(function(t){if(this.isFullscreen){var e=function(){this.off("change",e),t()}.bind(this);a[s.exitFullscreen](),this.on("change",e)}else t()}.bind(this))},toggle:function(t){return this.isFullscreen?this.exit():this.request(t)},onchange:function(t){this.on("change",t)},onerror:function(t){this.on("error",t)},on:function(t,e){var n=r[t];n&&a.addEventListener(n,e,!1)},off:function(t,e){var n=r[t];n&&a.removeEventListener(n,e,!1)},raw:s},s?(Object.defineProperties(n,{isFullscreen:{get:function(){return Boolean(a[s.fullscreenElement])}},element:{enumerable:!0,get:function(){return a[s.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(a[s.fullscreenEnabled])}}}),e?(t.exports=n,t.exports.default=n):window.screenfull=n):e?t.exports=!1:window.screenfull=!1});function J(t,e){var n=t.template.$video;document.pictureInPictureEnabled?function(t,e){var n=t.template.$video,r=t.events.proxy;n.disablePictureInPicture=!1,Object.defineProperty(e,"pip",{get:function(){return document.pictureInPictureElement},set:function(t){t?n.requestPictureInPicture().catch(function(t){throw t}):document.exitPictureInPicture().catch(function(t){throw t})}}),r(n,"enterpictureinpicture",function(){t.emit("pipEnabled")}),r(n,"leavepictureinpicture",function(){t.emit("pipExit")}),t.on("destroy",function(){e.pip&&(e.pip=!1)})}(t,e):n.webkitSupportsPresentationMode&&"function"==typeof n.webkitSetPresentationMode?function(e,t){var n=e.template.$video;n.webkitSetPresentationMode("inline"),Object.defineProperty(t,"pip",{get:function(){return"picture-in-picture"===n.webkitPresentationMode},set:function(t){t?(n.webkitSetPresentationMode("picture-in-picture"),e.emit("pipEnabled")):(n.webkitSetPresentationMode("inline"),e.emit("pipExit"))}})}(t,e):function(n,r){var t=n.option,e=n.i18n,i=n.template,o=i.$player,a=i.$pipClose,c=i.$pipTitle,s=i.$pipHeader,l=n.events.proxy,u="",f=!1,p=0,d=0,h=0,y=0;l(s,"mousedown",function(t){f=!0,p=t.pageX,d=t.pageY,h=r.left,y=r.top}),l(s,"mousemove",function(t){f&&(o.classList.add("is-dragging"),R(o,"left","".concat(h+t.pageX-p,"px")),R(o,"top","".concat(y+t.pageY-d,"px")))}),l(document,"mouseup",function(){f=!1,o.classList.remove("is-dragging")}),l(a,"click",function(){r.pip=!1,f=!1,o.classList.remove("is-dragging")}),$(c,t.title||e.get("Mini player")),Object.defineProperty(r,"pip",{get:function(){return o.classList.contains("artplayer-pip")},set:function(t){if(t){r.autoSize=!1,u=o.style.cssText,o.classList.add("artplayer-pip");var e=document.body;R(o,"top","".concat(e.clientHeight-r.height-50,"px")),R(o,"left","".concat(e.clientWidth-r.width-50,"px")),r.fullscreen=!1,r.fullscreenWeb=!1,r.aspectRatio=!1,r.playbackRate=!1,n.emit("pipEnabled")}else r.pip&&(o.style.cssText=u,o.classList.remove("artplayer-pip"),R(o,"top",null),R(o,"left",null),r.fullscreen=!1,r.fullscreenWeb=!1,r.aspectRatio=!1,r.playbackRate=!1,r.autoSize=!0,n.emit("pipExit"))}})}(t,e),Object.defineProperty(e,"pipToggle",{set:function(t){t&&(e.pip=!e.pip)}})}function G(t){a(this,G),function(r,t){var e=r.option,i=e.type,o=e.customType,a=r.template.$video;Object.defineProperty(t,"attachUrl",{value:function(n){return j().then(function(){function e(t){var e=i||P(t),n=o[e];return e&&n?(r.loading.show=!0,r.emit("beforeCustomType",e),n.call(r,a,t,r),r.emit("afterCustomType",e)):(r.emit("beforeAttachUrl",t),a.src=t,r.emit("afterAttachUrl",t)),Promise.resolve(t)}if("function"!=typeof n)return e(n);var t=n.call(r);return b("function"==typeof t.then,"If url is a function, it needs to return a promise."),t.then(function(t){return r.loading.show=!0,e(t)})})}})}(t,this),function(e,t){var n=e.option,r=e.events.proxy,i=e.template,o=i.$player,a=i.$video,c=e.i18n,s=e.notice,l=0;r(a,"click",function(){t.toggle=!0}),N.video.events.forEach(function(t){r(a,t,function(t){e.emit("video:".concat(t.type),t)})}),e.on("video:canplay",function(){l=0,e.controls.show=!0,e.mask.show=!0,e.loading.show=!1}),e.on("video:ended",function(){e.controls.show=!0,e.mask.show=!0,n.loop&&(t.seek=0,t.play=!0)}),e.on("video:error",function(){l<5?j(1e3).then(function(){l+=1,t.attachUrl(n.url),s.show("".concat(c.get("Reconnect"),": ").concat(l))}):(e.loading.show=!1,e.controls.show=!1,o.classList.add("artplayer-error"),j(1e3).then(function(){s.show(c.get("Video load failed"),!1),e.destroy()}))}),e.on("video:loadedmetadata",function(){n.autoSize&&(t.autoSize=!0)}),e.on("video:loadstart",function(){e.loading.show=!0}),e.on("video:pause",function(){e.controls.show=!0,e.mask.show=!0}),e.on("video:play",function(){e.mask.show=!1}),e.on("video:playing",function(){e.mask.show=!1}),e.on("video:seeked",function(){e.loading.show=!1}),e.on("video:seeking",function(){e.loading.show=!0}),e.on("video:timeupdate",function(){e.mask.show=!1}),e.on("video:waiting",function(){e.loading.show=!0})}(t,this),function(t,e){var n=t.option,r=t.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){r[t]=n.moreVideoAttr[t]}),n.muted&&(r.muted=n.muted),n.volume&&(r.volume=O(n.volume,0,1)),n.poster&&(r.poster=n.poster),n.autoplay&&(r.autoplay=n.autoplay),e.attachUrl(n.url)}(t,this),function(n,r){var i=n.template.$video,o=n.i18n,a=n.notice,c=n.option.mutex;Object.defineProperty(r,"play",{set:function(t){if(t){var e=i.play();void 0!==e&&e.then().catch(function(t){throw a.show(t,!0,3e3),t}),c&&n.constructor.instances.filter(function(t){return t!==n}).forEach(function(t){t.player.pause=!0}),a.show(o.get("Play")),n.emit("play")}else r.pause=!0}})}(t,this),function(e,n){var r=e.template.$video,i=e.i18n,o=e.notice;Object.defineProperty(n,"pause",{get:function(){return r.paused},set:function(t){t?(r.pause(),o.show(i.get("Pause")),e.emit("pause")):n.play=!0}})}(t,this),function(t,e){Object.defineProperty(e,"toggle",{set:function(t){t&&(e.playing?e.pause=!0:e.play=!0)}})}(0,this),function(e,n){var r=e.notice;Object.defineProperty(n,"seek",{set:function(t){n.currentTime=t,r.show("".concat(k(t)," / ").concat(k(n.duration))),e.emit("seek",t)}})}(t,this),function(e,t){var n=e.template.$video,r=e.i18n,i=e.notice,o=e.storage;Object.defineProperty(t,"volume",{get:function(){return n.volume||0},set:function(t){n.volume=O(t,0,1),i.show("".concat(r.get("Volume"),": ").concat(parseInt(100*n.volume,10))),0!==n.volume&&o.set("volume",n.volume),e.emit("volumeChange",n.volume)}}),Object.defineProperty(t,"muted",{get:function(){return n.muted},set:function(t){n.muted=t,e.emit("volumeChange",n.volume)}})}(t,this),function(e,n){Object.defineProperty(n,"currentTime",{get:function(){return e.template.$video.currentTime||0},set:function(t){e.template.$video.currentTime=O(t,0,n.duration)}})}(t,this),function(t,e){Object.defineProperty(e,"duration",{get:function(){return t.template.$video.duration||0}})}(t,this),function(o,a){var c=o.i18n,s=o.notice,l=o.option;Object.defineProperty(a,"switchQuality",{value:function(t,e){var n=1<arguments.length&&void 0!==e?e:"unknown";if(t===l.url)return null;var r=a.currentTime,i=a.playing;return a.attachUrl(t).then(function(){l.url=t,a.playbackRate=!1,a.aspectRatio=!1,o.once("video:canplay",function(){a.currentTime=r}),i&&(a.play=!0),s.show("".concat(c.get("Switch video"),": ").concat(n)),o.emit("switch",t)})}}),Object.defineProperty(a,"switchUrl",{value:function(t,e){var n=1<arguments.length&&void 0!==e?e:"unknown";if(t===l.url)return null;var r=a.playing;return a.attachUrl(t).then(function(){l.url=t,a.playbackRate=!1,a.aspectRatio=!1,a.currentTime=0,r&&(a.play=!0),s.show("".concat(c.get("Switch video"),": ").concat(n)),o.emit("switch",t)})}})}(t,this),function(n,r){var t=n.template,i=t.$video,o=t.$player,a=n.i18n,c=n.notice;Object.defineProperty(r,"playbackRate",{get:function(){return o.dataset.playbackRate},set:function(t){if(t){var e=[.5,.75,1,1.25,1.5,1.75,2];if(b(e.includes(t),"'playbackRate' only accept ".concat(e.toString()," as parameters")),t===o.dataset.playbackRate)return;i.playbackRate=t,o.dataset.playbackRate=t,c.show("".concat(a.get("Rate"),": ").concat(1===t?a.get("Normal"):"".concat(t,"x"))),n.emit("playbackRateChange",t)}else r.playbackRate&&(r.playbackRate=1,delete o.dataset.playbackRate,n.emit("playbackRateRemove"))}}),Object.defineProperty(r,"playbackRateReset",{set:function(t){if(t){var e=o.dataset.playbackRate;e&&(r.playbackRate=Number(e),n.emit("playbackRateReset"))}}})}(t,this),function(f,p){var t=f.template,d=t.$video,h=t.$player,y=f.i18n,v=f.notice;Object.defineProperty(p,"aspectRatio",{get:function(){return h.dataset.aspectRatio||""},set:function(t){if(t){var e=["default","4:3","16:9"];if(b(e.includes(t),"'aspectRatio' only accept ".concat(e.toString()," as parameters")),"default"===t)p.aspectRatio=!1;else{var n=t.split(":"),r=d.videoWidth,i=d.videoHeight,o=h.clientWidth,a=h.clientHeight,c=r/i,s=n[0]/n[1];if(s<c){var l=s*i/r;R(d,"width","".concat(100*l,"%")),R(d,"height","100%"),R(d,"padding","0 ".concat((o-o*l)/2,"px"))}else{var u=r/s/i;R(d,"width","100%"),R(d,"height","".concat(100*u,"%")),R(d,"padding","".concat((a-a*u)/2,"px 0"))}}h.dataset.aspectRatio=t,v.show("".concat(y.get("Aspect ratio"),": ").concat("default"===t?y.get("Default"):t)),f.emit("aspectRatioChange",t)}else p.aspectRatio&&(R(d,"width",null),R(d,"height",null),R(d,"padding",null),delete h.dataset.aspectRatio,f.emit("aspectRatioRemove"))}}),Object.defineProperty(p,"aspectRatioReset",{set:function(t){if(t&&p.aspectRatio){var e=p.aspectRatio;p.aspectRatio=e,f.emit("aspectRatioReset")}}})}(t,this),function(e,n){var r=e.option,i=e.notice,o=e.template.$video;Object.defineProperty(n,"getScreenshotDataURL",{value:function(){try{var t=document.createElement("canvas");return t.width=o.videoWidth,t.height=o.videoHeight,t.getContext("2d").drawImage(o,0,0),t.toDataURL("image/png")}catch(t){throw i.show(t),t}}}),Object.defineProperty(n,"getScreenshotBlobUrl",{value:function(){return new Promise(function(e,n){try{var t=document.createElement("canvas");t.width=o.videoWidth,t.height=o.videoHeight,t.getContext("2d").drawImage(o,0,0),t.toBlob(function(t){e(URL.createObjectURL(t))})}catch(t){i.show(t),n(t)}})}}),Object.defineProperty(n,"screenshot",{value:function(){var t=n.getScreenshotDataURL();t&&(W(t,"".concat(r.title||"artplayer","_").concat(k(o.currentTime),".png")),e.emit("screenshot",t))}})}(t,this),function(e,n){function t(){e.emit("fullscreen:change",Z.isFullscreen)}function r(){o.show(i.get("This does not seem to support full screen functionality"))}var i=e.i18n,o=e.notice,a=e.events.destroyEvents,c=e.template.$player;n.fullscreenIsEnabled&&(Z.on("change",t),Z.on("error",r),a.push(function(){Z.off("change",t),Z.off("error",r)})),Object.defineProperty(n,"fullscreen",{get:function(){return Z.isFullscreen},set:function(t){n.fullscreenIsEnabled?t?(n.fullscreenWeb&&(n.fullscreenWeb=!1),Z.request(c).then(function(){c.classList.add("artplayer-fullscreen"),n.aspectRatioReset=!0,e.emit("fullscreen:enabled")})):(n.fullscreenWeb&&(n.fullscreenWeb=!1),Z.exit().then(function(){c.classList.remove("artplayer-fullscreen"),n.aspectRatioReset=!0,e.emit("fullscreen:exit")})):r()}}),Object.defineProperty(n,"fullscreenToggle",{set:function(t){t&&(n.fullscreen=!n.fullscreen)}}),Object.defineProperty(n,"fullscreenIsEnabled",{get:function(){return Z.isEnabled}})}(t,this),function(e,n){var r=e.template.$player;Object.defineProperty(n,"fullscreenWeb",{get:function(){return r.classList.contains("artplayer-web-fullscreen")},set:function(t){t?(n.fullscreen&&(n.fullscreen=!1),r.classList.add("artplayer-web-fullscreen"),n.aspectRatioReset=!0,e.emit("fullscreenWeb:enabled")):(n.fullscreen&&(n.fullscreen=!1),r.classList.remove("artplayer-web-fullscreen"),n.aspectRatioReset=!0,e.emit("fullscreenWeb:exit"))}}),Object.defineProperty(n,"fullscreenWebToggle",{set:function(t){t&&(n.fullscreenWeb=!n.fullscreenWeb)}})}(t,this),J(t,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"loaded",{get:function(){return n.buffered.length?n.buffered.end(n.buffered.length-1)/n.duration:0}}),Object.defineProperty(e,"loadedTime",{get:function(){return n.buffered.length?n.buffered.end(n.buffered.length-1):0}})}(t,this),function(t,e){Object.defineProperty(e,"played",{get:function(){return t.template.$video.currentTime/t.template.$video.duration}})}(t,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"playing",{get:function(){return!!(0<n.currentTime&&!n.paused&&!n.ended&&2<n.readyState)}})}(t,this),function(l,t){var e=l.template,u=e.$container,f=e.$player,p=e.$video;Object.defineProperty(t,"autoSize",{get:function(){return u.classList.contains("artplayer-auto-size")},set:function(t){if(t){var e=p.videoWidth,n=p.videoHeight,r=u.getBoundingClientRect(),i=r.width,o=r.height,a=e/n,c=i/o;if(u.classList.add("artplayer-auto-size"),a<c){R(f,"width","".concat(o*a/i*100,"%")),R(f,"height","100%")}else{var s=i/a/o*100;R(f,"width","100%"),R(f,"height","".concat(s,"%"))}l.emit("autoSizeChange")}else u.classList.remove("artplayer-auto-size"),R(f,"width",null),R(f,"height",null),l.emit("autoSizeRemove")}})}(t,this),function(t,e){Object.defineProperty(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach(function(t){Object.defineProperty(e,t,{get:function(){return e.rect[t]}})}),Object.defineProperty(e,"x",{get:function(){return e.left+window.pageXOffset}}),Object.defineProperty(e,"y",{get:function(){return e.top+window.pageYOffset}})}(t,this),function(n,t){Object.defineProperty(t,"flip",{get:function(){return n.template.$player.dataset.flip},set:function(t){if(t){var e=["normal","horizontal","vertical"];b(e.includes(t),"'flip' only accept ".concat(e.toString()," as parameters")),n.template.$player.dataset.flip=t,n.emit("flipChange",t)}else delete n.template.$player.dataset.flip,n.emit("flipRemove")}})}(t,this),B(t,this)}function K(e,n,t,r,i,o){var a="function"==typeof r?r(e):r;if(a.disable)return{};var c=n.id,s=a.name||"".concat(o).concat(c);b(!w(n,s),"Cannot create a component that already has the same name: ".concat(o," -> ").concat(s));var l=document.createElement("div");l.classList.value="art-".concat(o," art-").concat(o,"-").concat(s),a.html&&$(l,a.html),a.style&&T(l,a.style);var u=Array.from(t.children);l.dataset.index=a.index||c;var f=u.find(function(t){return Number(t.dataset.index)>=Number(l.dataset.index)});return f?f.insertAdjacentElement("beforebegin",l):$(t,l),a.click&&e.events.proxy(l,"click",function(t){t.preventDefault(),a.click.call(e,n,t),e.emit("".concat(o,":click"),l)}),a.mounted&&a.mounted(l,n,e),i&&i(l,n,e),Object.defineProperty(n,s,{value:{get id(){return c},get $ref(){return l},set show(t){t?(R(l,"display","block"),e.emit("".concat(o,":show"),l)):(R(l,"display","none"),e.emit("".concat(o,":hide"),l))},set remove(t){t&&(L(l),e.emit("".concat(o,":remove"),l))}}}),e.emit("".concat(o,":add"),a),n[s]}var Q=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function et(t){return function(a){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,r=a.i18n,i=a.player,o=$(t,n.fullscreen);M(o,r.get("Fullscreen")),e(t,"click",function(){i.fullscreenToggle=!0}),a.on("fullscreen:enabled",function(){R(o,"opacity","0.8"),M(o,r.get("Exit fullscreen"))}),a.on("fullscreen:exit",function(){R(o,"opacity","1"),M(o,r.get("Fullscreen"))})}})}}function nt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function rt(t){return function(a){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?nt(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):nt(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,r=a.i18n,i=a.player,o=$(t,n.fullscreenWeb);M(o,r.get("Web fullscreen")),e(t,"click",function(){i.fullscreenWebToggle=!0}),a.on("fullscreenWeb:enabled",function(){R(o,"opacity","0.8"),M(o,r.get("Exit web fullscreen"))}),a.on("fullscreenWeb:exit",function(){R(o,"opacity","1"),M(o,r.get("Web fullscreen"))})}})}}function it(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function ot(t){return function(o){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?it(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):it(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},t,{mounted:function(t){var e=o.events.proxy,n=o.icons,r=o.i18n,i=o.player;M($(t,n.pip),r.get("Mini player")),e(t,"click",function(){i.pip=!0})}})}}function at(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function ct(t){return function(l){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?at(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):at(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},t,{mounted:function(t){var e=l.events.proxy,n=l.icons,r=l.i18n,i=l.player,o=$(t,n.play),a=$(t,n.pause);function c(){R(o,"display","flex"),R(a,"display","none")}function s(){R(o,"display","none"),R(a,"display","flex")}M(o,r.get("Play")),M(a,r.get("Pause")),e(o,"click",function(){i.play=!0}),e(a,"click",function(){i.pause=!0}),i.playing?s():c(),l.on("video:playing",function(){s()}),l.on("video:pause",function(){c()})}})}}function st(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function lt(t,e){var n=t.template.$progress,r=t.player,i=n.getBoundingClientRect().left,o=O(e.pageX-i,0,n.clientWidth),a=o/n.clientWidth*r.duration;return{second:a,time:k(a),width:o,percentage:O(o/n.clientWidth,0,1)}}function ut(r){return function(u){var t=u.option,e=t.highlight,n=t.theme,f=u.events.proxy,p=u.player;return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?st(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):st(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},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(o){var i=!1,n=o.querySelector(".art-progress-loaded"),r=o.querySelector(".art-progress-played"),a=o.querySelector(".art-progress-highlight"),c=o.querySelector(".art-progress-indicator"),s=o.querySelector(".art-progress-tip");function l(t,e){"loaded"===t&&R(n,"width","".concat(100*e,"%")),"played"===t&&(R(r,"width","".concat(100*e,"%")),R(c,"left","calc(".concat(100*e,"% - ").concat(D(c,"width")/2,"px)")))}e.forEach(function(t){var e=O(t.time,0,p.duration)/p.duration*100;$(a,'<span data-text="'.concat(t.text,'" data-time="').concat(t.time,'" style="left: ').concat(e,'%"></span>'))}),l("loaded",p.loaded),u.on("video:progress",function(){l("loaded",p.loaded)}),u.on("video:timeupdate",function(){l("played",p.played)}),u.on("video:ended",function(){l("played",1)}),f(o,"mousemove",function(t){R(s,"display","block"),-1<t.composedPath().indexOf(a)?function(t){var e=lt(u,t).width,n=t.target.dataset.text;s.innerHTML=n;var r=s.clientWidth;e<=r/2?R(s,"left",0):e>o.clientWidth-r/2?R(s,"left","".concat(o.clientWidth-r,"px")):R(s,"left","".concat(e-r/2,"px"))}(t):function(t){var e=lt(u,t),n=e.width,r=e.time;s.innerHTML=r;var i=s.clientWidth;n<=i/2?R(s,"left",0):n>o.clientWidth-i/2?R(s,"left","".concat(o.clientWidth-i,"px")):R(s,"left","".concat(n-i/2,"px"))}(t)}),f(o,"mouseout",function(){R(s,"display","none")}),f(o,"click",function(t){if(t.target!==c){var e=lt(u,t),n=e.second;l("played",e.percentage),p.seek=n}}),f(c,"mousedown",function(){i=!0}),f(document,"mousemove",function(t){if(i){var e=lt(u,t),n=e.second,r=e.percentage;c.classList.add("art-show-indicator"),l("played",r),p.seek=n}}),f(document,"mouseup",function(){i&&(i=!1,c.classList.remove("art-show-indicator"))})}})}}function ft(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function pt(t){return function(a){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ft(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ft(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,r=a.i18n,i=a.subtitle,o=$(t,n.subtitle);M(o,r.get("Hide subtitle")),e(t,"click",function(){i.toggle()}),a.on("subtitle:show",function(){R(o,"opacity","1"),M(o,r.get("Hide subtitle"))}),a.on("subtitle:hide",function(){R(o,"opacity","0.8"),M(o,r.get("Show subtitle"))})}})}}function dt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function ht(t){return function(r){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?dt(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):dt(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},t,{mounted:function(e){function n(){var t="".concat(k(r.player.currentTime)," / ").concat(k(r.player.duration));t!==e.innerHTML&&(e.innerHTML=t)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(t){r.on(t,n)})}})}}function yt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function vt(t){return function(p){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yt(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yt(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},t,{mounted:function(t){var e=p.events.proxy,n=p.icons,r=p.player,i=p.i18n,o=!1,a=$(t,n.volume),c=$(t,n.volumeClose),s=$(t,'<div class="art-volume-panel"></div>'),l=$(s,'<div class="art-volume-slider-handle"></div>');function u(t){var e=s.getBoundingClientRect(),n=e.left,r=e.width,i=l.getBoundingClientRect().width;return O(t.pageX-n-i/2,0,r-i/2)/(r-i)}function f(t){var e=0<arguments.length&&void 0!==t?t:.7;if(r.muted||0===e)R(a,"display","none"),R(c,"display","flex"),R(l,"left","0");else{var n=((D(s,"width")||60)-D(l,"width"))*e;R(a,"display","flex"),R(c,"display","none"),R(l,"left","".concat(n,"px"))}}M(a,i.get("Mute")),R(c,"display","none"),f(r.volume),p.on("video:volumechange",function(){f(r.volume)}),e(a,"click",function(){r.muted=!0}),e(c,"click",function(){r.muted=!1}),e(s,"click",function(t){r.muted=!1,r.volume=u(t)}),e(l,"mousedown",function(){o=!0}),e(l,"mousemove",function(t){o&&(r.muted=!1,r.volume=u(t))}),e(document,"mouseup",function(){o=o&&!1})}})}}function mt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function gt(t){return function(a){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mt(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mt(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,r=a.i18n,i=a.setting,o=$(t,n.setting);M(o,r.get("Show setting")),e(t,"click",function(){i.toggle()}),a.on("setting:show",function(){R(o,"opacity","0.8"),M(o,r.get("Hide setting"))}),a.on("setting:hide",function(){R(o,"opacity","1"),M(o,r.get("Show setting"))})}})}}function bt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function wt(t){return function(h){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?bt(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):bt(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},t,{mounted:function(p){var d=h.template.$progress,t=h.events,e=t.proxy,n=t.loadImg,r=!1,i=!1;e(d,"mousemove",function(t){r||(r=!0,n(h.option.thumbnails.url).then(function(){i=!0})),i&&(R(p,"display","block"),function(t){var e=lt(h,t).width,n=h.option.thumbnails,r=n.url,i=n.height,o=n.width,a=n.number,c=n.column,s=d.clientWidth/a,l=Math.floor(e/s),u=Math.ceil(l/c)-1,f=l%c||c-1;R(p,"backgroundImage","url(".concat(r,")")),R(p,"height","".concat(i,"px")),R(p,"width","".concat(o,"px")),R(p,"backgroundPosition","-".concat(f*o,"px -").concat(u*i,"px")),e<=o/2?R(p,"left",0):e>d.clientWidth-o/2?R(p,"left","".concat(d.clientWidth-o,"px")):R(p,"left","".concat(e-o/2,"px"))}(t))}),e(d,"mouseout",function(){R(p,"display","none")})}})}}function Ot(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Pt(t){return function(a){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ot(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ot(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,r=a.i18n,i=a.player,o=$(t,n.screenshot);M(o,r.get("Screenshot")),e(o,"click",function(){i.screenshot()})}})}}function kt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function jt(t){return function(f){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?kt(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):kt(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},t,{mounted:function(t){var o=f.option,e=f.events,n=e.proxy,r=e.hover,a=f.player,c=-1,i=o.quality.find(function(t){return t.default})||o.quality[0];c=o.quality.indexOf(i);var s=$(t,'<div class="art-quality-name">'.concat(i.name,"</div>")),l=o.quality.map(function(t,e){return'<div class="art-quality-item" data-index="'.concat(e,'">').concat(t.name,"</div>")}).join(""),u=$(t,'<div class="art-qualitys">'.concat(l,"</div>"));r(t,function(){u.style.left="-".concat(D(u,"width")/2-t.clientWidth/2,"px")}),n(u,"click",function(t){var e=Number(t.target.dataset.index),n=o.quality[e],r=n.url,i=n.name;r&&i&&c!==e&&(a.switchQuality(r,i),s.innerHTML=i,c=e)})}})}}var xt=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.art.once("video:canplay",function(){e.init()})}return i(n,[{key:"init",value:function(){var e=this,t=this.art.option;this.add(ut({name:"progress",disable:t.isLive,position:"top",index:10})),this.add(wt({name:"thumbnails",disable:!t.thumbnails.url||t.isLive,position:"top",index:20})),this.add(ct({name:"playAndPause",disable:!1,position:"left",index:10})),this.add(vt({name:"volume",disable:!1,position:"left",index:20})),this.add(ht({name:"time",disable:t.isLive,position:"left",index:30})),this.add(jt({name:"quality",disable:0===t.quality.length,position:"right",index:10})),this.add(Pt({name:"screenshot",disable:!t.screenshot,position:"right",index:20})),this.add(pt({name:"subtitle",disable:!t.subtitle.url,position:"right",index:30})),this.add(gt({name:"setting",disable:!t.setting,position:"right",index:40})),this.add(ot({name:"pip",disable:!t.pip,position:"right",index:50})),this.add(rt({name:"fullscreenWeb",disable:!t.fullscreenWeb,position:"right",index:60})),this.add(et({name:"fullscreen",disable:!t.fullscreen,position:"right",index:70})),t.controls.forEach(function(t){e.add(t)})}},{key:"add",value:function(t,e){var n,r="function"==typeof t?t(this.art):t,i=this.art.template,o=i.$progress,a=i.$controlsLeft,c=i.$controlsRight;switch(r.position){case"top":n=o;break;case"left":n=a;break;case"right":n=c}b(n,"Controls option.position can not be empty"),this.id+=1;var s=K(this.art,this,n,r,e,"control");return r.disable||"top"===r.position||s.$ref.firstElementChild&&"I"===s.$ref.firstElementChild.tagName||s.$ref.classList.add("art-control-onlyText"),s}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-controls-show"),this.art.emit("controls:show")):(this.state=!1,e.classList.remove("artplayer-controls-show"),this.art.emit("controls:hide"))}}]),n}();function St(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Et(n){return function(t){var e=t.i18n,r=t.player;return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?St(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):St(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},n,{html:"\n                ".concat(e.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(e.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(t,e){var n=e.target.dataset.rate;n&&(r.playbackRate=Number(n),t.show=!1)},mounted:function(n){t.on("playbackRateChange",function(e){var t=Array.from(n.querySelectorAll("span")).find(function(t){return Number(t.dataset.rate)===e});t&&C(t,"current")})}})}}function $t(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Lt(n){return function(e){var t=e.i18n,r=e.player;return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$t(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$t(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},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(t,e){var n=e.target.dataset.ratio;n&&(r.aspectRatio=n,t.show=!1)},mounted:function(t){e.on("aspectRatioChange",function(e){C(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.ratio===e}),"current")})}})}}function Rt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Tt(t){return function(e){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Rt(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Rt(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},t,{html:e.i18n.get("Video info"),click:function(t){e.info.show=!0,t.show=!1}})}}function Dt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function At(t){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Dt(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Dt(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},t,{html:'<a href="https://artplayer.org" target="_blank">ArtPlayer 3.1.15</a>'})}function Ct(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Mt(e){return function(t){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ct(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ct(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},e,{html:t.i18n.get("Close"),click:function(t){t.show=!1}})}}var qt=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.art.once("video:canplay",function(){e.init()}),this.art.on("blur",function(){e.show=!1})}return i(n,[{key:"init",value:function(){var e=this,t=this.art,n=t.option,r=t.template,i=r.$player,o=r.$contextmenu,a=t.events.proxy;this.add(Et({disable:!n.playbackRate,name:"playbackRate",index:10})),this.add(Lt({disable:!n.aspectRatio,name:"aspectRatio",index:20})),this.add(Tt({disable:!1,name:"info",index:30})),this.add(At({disable:!1,name:"version",index:40})),this.add(Mt({disable:!1,name:"close",index:50})),n.contextmenu.forEach(function(t){e.add(t)}),a(i,"contextmenu",function(t){t.preventDefault(),e.show=!0,e.setPos(t)}),a(i,"click",function(t){t.composedPath().includes(o)||(e.show=!1)})}},{key:"add",value:function(t,e){var n=this.art.template.$contextmenu;return this.id+=1,K(this.art,this,n,t,e,"contextmenu")}},{key:"setPos",value:function(t){var e=this.art.template,n=e.$player,r=e.$contextmenu,i=t.clientX,o=t.clientY,a=n.getBoundingClientRect(),c=a.height,s=a.width,l=a.left,u=a.top,f=r.getBoundingClientRect(),p=f.height,d=f.width,h=i-l,y=o-u;l+s<i+d&&(h=s-d),u+c<o+p&&(y=c-p),R(r,"left","".concat(h,"px")),R(r,"top","".concat(y,"px"))}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-contextmenu-show"),this.art.emit("contextmenu:show")):(this.state=!1,e.classList.remove("artplayer-contextmenu-show"),this.art.emit("contextmenu:hide"))}}]),n}(),zt=function(){function e(t){a(this,e),this.art=t,this.init()}return i(e,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$infoClose;(0,e.events.proxy)(n,"click",function(){t.show=!1}),this.art.on("destroy",function(){t.timer&&clearTimeout(t.timer)})}},{key:"creatInfo",value:function(){var t=[];return t.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">3.1.15</div>\n          </div>\n        '),t.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        ")),t.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        '),t.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        '),t.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        '),t.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        '),t.join("")}},{key:"readInfo",value:function(){var t=this.art.template,e=t.$infoPanel,n=t.$video;Array.from(e.querySelectorAll("[data-video]")).forEach(function(t){var e=n[t.dataset.video];t.innerHTML=void 0!==e?"number"==typeof e?e.toFixed(2):e:"unknown"})}},{key:"loop",value:function(){var t=this;this.readInfo(),this.timer=setTimeout(function(){t.readInfo(),t.loop()},1e3)}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template,n=e.$player,r=e.$infoPanel;t?(this.state=!0,n.classList.add("artplayer-info-show"),r.innerHTML||$(r,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show")):(this.state=!1,n.classList.remove("artplayer-info-show"),clearTimeout(this.timer),this.art.emit("info:hide"))}}]),e}();var Wt=function(t){if(Array.isArray(t))return t};var Bt=function(t,e){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)){var n=[],r=!0,i=!1,o=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){i=!0,o=t}finally{try{r||null==c.return||c.return()}finally{if(i)throw o}}return n}};var Ft=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var Ht=function(t,e){return Wt(t)||Bt(t,e)||Ft()},It=function(){function n(t){a(this,n),this.art=t,this.state=!0;var e=this.art.option.subtitle.url;e&&this.init(e)}return i(n,[{key:"init",value:function(t){var r=this,e=this.art,i=e.events.proxy,n=e.option.subtitle,o=e.template,a=o.$video,c=o.$subtitle,s=o.$track;if(T(c,n.style||{}),!s){var l=document.createElement("track");l.default=!0,l.kind="metadata",a.appendChild(l),this.art.template.$track=l}this.load(t).then(function(t){if(r.art.template.$track.src=t,r.art.emit("subtitle:load",t),a.textTracks&&a.textTracks[0]){var e=function(){var t=Ht(n.activeCues,1)[0];if(c.innerHTML="",t){var e=document.createElement("div");e.appendChild(t.getCueAsHTML()),c.innerHTML=e.innerHTML.split(/\r?\n/).map(function(t){return"<p>".concat(t,"</p>")}).join("")}this.art.emit("subtitle:update",c)},n=Ht(a.textTracks,1)[0];i(n,"cuechange",e.bind(r)),r.art.on("artplayerPluginSubtitle:set",e.bind(r))}})}},{key:"load",value:function(e){var n,r=this.art.notice;return fetch(e).then(function(t){return n=t.headers.get("Content-Type"),t.text()}).then(function(t){return/x-subrip/gi.test(n)?z(q(t)):e}).catch(function(t){throw r.show(t),t})}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.remove("artplayer-subtitle-hide"),this.art.emit("subtitle:show")):(this.state=!1,e.classList.add("artplayer-subtitle-hide"),this.art.emit("subtitle:hide"))}}]),n}();function Vt(t){var n=this;a(this,Vt);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>'},t.option.icons);Object.keys(r).forEach(function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),$(e,r[t]),n[t]=e})}var Nt=function(){function n(t){var e=this;a(this,n),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),t.whitelist.state&&t.once("video:canplay",function(){!function(e,t){var n=e.template.$player;t.proxy(document,["click","contextmenu"],function(t){-1<t.composedPath().indexOf(n)?(e.isFocus=!0,e.emit("focus")):(e.isFocus=!1,e.emit("blur"))})}(t,e),function(t,e){var n=t.template.$player;e.hover(n,function(){n.classList.add("artplayer-hover"),t.emit("hoverenter")},function(){n.classList.remove("artplayer-hover"),t.emit("hoverleave")})}(t,e),function(e,t){var n=e.template,r=n.$player,i=n.$video,o=e.player,a=x(function(){r.classList.add("artplayer-hide-cursor"),r.classList.remove("artplayer-hover"),e.controls.show=!1},5e3);e.on("hoverleave",function(){o.playing&&a()}),t.proxy(r,"mousemove",function(t){a.clearTimeout(),r.classList.remove("artplayer-hide-cursor"),e.controls.show=!0,!e.player.pip&&o.playing&&t.target===i&&a()})}(t,e),function(t,e){var n=t.option,r=t.player,i=t.template.$player,o=document.createElement("object");o.setAttribute("aria-hidden","true"),o.setAttribute("tabindex",-1),o.type="text/html",o.data="about:blank";var a=r.width,c=r.height,s=S(function(){r.width===a&&r.height===c||(a=r.width,c=r.height,n.autoSize&&(t.player.fullscreen||t.player.fullscreenWeb||t.player.pip?t.player.autoSize=!1:t.player.autoSize=!0),t.player.aspectRatioReset=!0,t.emit("resize",{width:r.width,height:r.height}))},500);e.proxy(o,"load",function(){e.proxy(o.contentDocument.defaultView,"resize",s)}),i.appendChild(o)}(t,e)})}return i(n,[{key:"proxy",value:function(e,t,n,r){var i=this,o=3<arguments.length&&void 0!==r?r:{};Array.isArray(t)?t.forEach(function(t){return i.proxy(e,t,n,o)}):(e.addEventListener(t,n,o),this.destroyEvents.push(function(){e.removeEventListener(t,n,o)}))}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(r){var i=this;return new Promise(function(t,e){var n;if(r instanceof HTMLImageElement)n=r;else{if("string"!=typeof r)return e(r);(n=new Image).src=r}return n.complete?t(n):(i.proxy(n,"load",function(){return t(n)}),i.proxy(n,"error",function(){return e(n)}),r)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(t){return t()})}}]),n}(),Ut=function(){function n(t){var e=this;a(this,n),this.art=t,this.keys={},this.art.option.hotkey&&this.art.once("video:canplay",function(){e.add(27,function(){t.player.fullscreenWeb&&(t.player.fullscreenWeb=!1)}),e.add(32,function(){t.player.toggle=!0}),e.add(37,function(){t.player.seek=t.player.currentTime-10}),e.add(38,function(){t.player.volume+=.05}),e.add(39,function(){t.player.seek=t.player.currentTime+10}),e.add(40,function(){t.player.volume-=.05}),e.init()})}return i(n,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}},{key:"init",value:function(){var i=this;(0,this.art.events.proxy)(window,"keydown",function(t){if(i.art.isFocus){var e=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==n&&"true"!==n){var r=i.keys[t.keyCode];r&&(t.preventDefault(),r.forEach(function(t){return t()}),i.art.emit("hotkey",t))}}})}}]),n}(),_t=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.add=this.add.bind(this),this.art.once("video:canplay",function(){e.art.option.layers.forEach(function(t){e.add(t)})})}return i(n,[{key:"add",value:function(t,e){this.id+=1;var n=this.art.template.$layers;return K(this.art,this,n,t,e,"layer")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.remove("artplayer-layers-hide"),this.art.emit("layers:show")):(this.state=!1,e.classList.add("artplayer-layers-hide"),this.art.emit("layers:hide"))}}]),n}(),Xt=function(){function e(t){a(this,e),$((this.art=t).template.$loading,t.icons.loading)}return i(e,[{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-loading-show"),this.art.emit("loading:show")):(this.state=!1,e.classList.remove("artplayer-loading-show"),this.art.emit("loading:hide"))}}]),e}(),Yt=function(){function e(t){a(this,e),this.art=t,this.timer=null}return i(e,[{key:"show",value:function(t,e,n){var r=this,i=!(1<arguments.length&&void 0!==e)||e,o=2<arguments.length&&void 0!==n?n:1e3,a=this.art.template,c=a.$player,s=a.$noticeInner;this.state=!0,c.classList.add("artplayer-notice-show"),s.innerHTML=t instanceof Error?t.message.trim():t,clearTimeout(this.timer),i&&(this.timer=setTimeout(function(){r.hide()},o)),this.art.emit("notice:show")}},{key:"hide",value:function(){var t=this.art.template.$player;this.state=!1,t.classList.remove("artplayer-notice-show"),this.art.emit("notice:hide")}}]),e}(),Zt=function(){function e(t){a(this,e),$($((this.art=t).template.$mask,'<div class="art-state"></div>'),t.icons.state)}return i(e,[{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-mask-show"),this.art.emit("mask:show")):(this.state=!1,e.classList.remove("artplayer-mask-show"),this.art.emit("mask:hide"))}}]),e}();function Jt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Gt(n){return function(e){var t=e.i18n,r=e.player;return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Jt(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Jt(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},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(t,e){var n=e.target.dataset.value;n&&(r.flip=n)},mounted:function(t){e.on("flipChange",function(e){C(Array.from(t.querySelectorAll("button")).find(function(t){return t.dataset.value===e}).parentElement,"current")})}})}}function Kt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Qt(n){return function(e){var t=e.i18n,r=e.player;return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Kt(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Kt(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},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(t,e){var n=e.target.dataset.value;n&&(r.aspectRatio=n)},mounted:function(t){e.on("aspectRatioChange",function(e){C(Array.from(t.querySelectorAll("button")).find(function(t){return t.dataset.value===e}).parentElement,"current")})}})}}function te(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function ee(e){return function(r){var t=r.i18n,i=r.player,o=r.events.proxy;return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?te(n,!0).forEach(function(t){Q(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):te(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},e,{html:'\n                <div class="art-setting-header">\n                    '.concat(t.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(t){var e=t.querySelector(".art-setting-range input"),n=t.querySelector(".art-subtitle-value");o(e,"change",function(){var t=e.value;n.innerText=t,i.playbackRate=Number(t)}),r.on("playbackRateChange",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}})}}var ne=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.state=!1,t.option.setting&&(this.art.once("video:canplay",function(){e.init()}),this.art.on("blur",function(){e.show=!1}))}return i(n,[{key:"init",value:function(){var e=this,t=this.art,n=t.option,r=t.template.$setting;(0,t.events.proxy)(r,"click",function(t){t.target===r&&(e.show=!1)}),this.add(Gt({disable:!n.flip,name:"flip"})),this.add(Qt({disable:!n.aspectRatio,name:"aspectRatio"})),this.add(ee({disable:!n.playbackRate,name:"playbackRate"}))}},{key:"add",value:function(t,e){this.id+=1;var n=this.art.template.$settingBody;return K(this.art,this,n,t,e,"setting")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-setting-show"),this.art.emit("setting:show")):(this.state=!1,e.classList.remove("artplayer-setting-show"),this.art.emit("setting:hide"))}}]),n}(),re=function(){function e(t){a(this,e),this.art=t,this.name="artplayer_settings",this.init()}return i(e,[{key:"init",value:function(){var t=this.art.option,e=this.get("volume");e&&(t.volume=e)}},{key:"get",value:function(t){var e=JSON.parse(window.localStorage.getItem(this.name))||{};return t?e[t]:{}}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),Q({},t,e));window.localStorage.setItem(this.name,JSON.stringify(n))}},{key:"del",value:function(t){var e=this.get();delete e[t],window.localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){window.localStorage.removeItem(this.name)}}]),e}();function ie(r){var t=r.i18n,i=r.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(t.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(t){var e=t.querySelector(".art-setting-range input"),n=t.querySelector(".art-subtitle-value");i(e,"change",function(){var t=e.value;n.innerText=t,r.plugins.subtitleOffset.offset(Number(t))}),r.on("subtitle:switch",function(){e.value=0,n.innerText=0}),r.on("artplayerPluginSubtitleOffset",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}}}function oe(r){var i=r.constructor.utils.clamp,t=r.setting,o=r.notice,a=r.template,c=r.i18n,s=r.player;c.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}}),t.add(ie);var l=[];return r.on("subtitle:switch",function(){l=[]}),{name:"subtitleOffset",offset:function(t){if(a.$track&&a.$track.track){var e=Array.from(a.$track.track.cues),n=i(t,-5,5);e.forEach(function(t,e){l[e]||(l[e]={startTime:t.startTime,endTime:t.endTime}),t.startTime=i(l[e].startTime+n,0,s.duration),t.endTime=i(l[e].endTime+n,0,s.duration)}),o.show("".concat(c.get("Subtitle offset time"),": ").concat(t,"s")),r.emit("artplayerPluginSubtitleOffset",t)}else o.show("".concat(c.get("No subtitles found"))),r.emit("artplayerPluginSubtitleOffset",0)}}}function ae(i){var t=i.constructor.utils,n=t.append,r=t.setStyle,o=t.setStyles,a=t.sleep,c=t.errorHandle,s=i.events.proxy,l=i.option,u=i.notice,f=i.i18n,p=i.template,d=i.player;function h(t){if(t){var e=p.$video.canPlayType(t.type);if("maybe"===e||"probably"===e){var n=URL.createObjectURL(t);d.playbackRate=!1,d.aspectRatio=!1,p.$video.src=n,a(1e3).then(function(){d.currentTime=0}),l.url=n,i.emit("switch",n),u.show(f.get("Load local video successfully"))}else{var r="".concat(f.get("Playback of this file format is not supported"),": ").concat(t.type);u.show(r,!0,3e3),c(!1,r)}}}return f.update({"zh-cn":{"Playback of this file format is not supported":"不支持播放该文件格式","Load local video successfully":"加载本地视频成功"},"zh-tw":{"Playback of this file format is not supported":"不支持播放該文件格式","Load local video successfully":"加載本地視頻成功"}}),s(p.$player,"dragover",function(t){t.preventDefault(),u.show(f.get("Load local video successfully"))}),s(p.$player,"drop",function(t){t.preventDefault(),h(t.dataTransfer.files[0])}),{name:"localPreview",attach:function(t){var e=n(t,'<input type="file">');r(t,"position","relative"),o(e,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),s(e,"change",function(){h(e.files[0])})}}}function ce(e){var t=e.layers,n=e.player,r=e.option.theme;return t.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"3px",background:r},mounted:function(t){e.on("controls:show",function(){t.style.display="none"}),e.on("destroy",function(){t.style.display="none"}),e.on("controls:hide",function(){t.style.display="block"}),e.on("video:timeupdate",function(){t.style.width="".concat(100*n.played,"%")})}}),{name:"miniProgressBar"}}function se(r){var i=0,o=0,a=0,t=null;function e(){a=o=i=0,cancelAnimationFrame(t),t=null}function n(){t||!function n(){r.isDestroy||(t=requestAnimationFrame(function(){var t=Date.now();if(a){var e=t-a;o+=e,r.player.playing||(i+=e)}a=t,r.emit("networkMonitor",i/o),n()}))}()}return r.on("play",n),r.on("pause",e),{name:"networkMonitor",reset:e,calculating:n}}function le(e){var t=e.events,n=e.player,r=e.template,i=x(function(){var t=r.$player.getBoundingClientRect();t.top+t.height<=0&&!n.pip&&n.playing?(n.pip=!0,e.emit("artplayerPluginAutoPip",!0)):n.pip&&(n.pip=!1,e.emit("artplayerPluginAutoPip",!1))},300);return t.proxy(window,"scroll",i),{name:"autoPip"}}function ue(e){a(this,ue);var n=e.option,r=e.events.proxy,i=e.template.$video;N.video.events.forEach(function(t){r(i,t,function(t){e.emit("video:".concat(t.type),t)})}),Object.keys(n.moreVideoAttr).forEach(function(t){i[t]=n.moreVideoAttr[t]}),n.muted&&(i.muted=n.muted),n.volume&&(i.volume=O(n.volume,0,1)),n.poster&&(i.poster=n.poster),n.autoplay&&(i.autoplay=n.autoplay),i.controls=!0;var t=n.type||P(n.url),o=n.customType[t];t&&o?(e.emit("beforeCustomType",t),o(i,n.url,e),e.emit("afterCustomType",t)):(e.emit("beforeAttachUrl",n.url),i.src=n.url,e.emit("afterAttachUrl",i.src))}var fe=function(){function r(t){var e=this;a(this,r),this.art=t,this.id=0;var n=t.option;n.subtitle.url&&n.subtitleOffset&&this.add(oe),!n.isLive&&n.miniProgressBar&&this.add(ce),n.localPreview&&this.add(ae),n.networkMonitor&&this.add(se),n.autoPip&&this.add(le),t.option.plugins.forEach(function(t){e.add(t)})}return i(r,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art),n="";return b(!w(this,n=e&&e.name?e.name:t.name?t.name:"plugin".concat(this.id)),"Cannot add a plugin that already has the same name: ".concat(n)),Object.defineProperty(this,n,{value:e}),this.art.emit("plugin:add",t),this}}]),r}(),pe=0,de=function(){function n(t){var e;return a(this,n),(e=s(this,l(n).call(this))).option=f(E(n.option,t),V),e.isFocus=!1,e.isDestroy=!1,e.whitelist=new I(o(e)),e.template=new U(o(e)),e.events=new Nt(o(e)),e.whitelist.state?(e.storage=new re(o(e)),e.icons=new Vt(o(e)),e.i18n=new Y(o(e)),e.notice=new Yt(o(e)),e.player=new G(o(e)),e.layers=new _t(o(e)),e.controls=new xt(o(e)),e.contextmenu=new qt(o(e)),e.subtitle=new It(o(e)),e.info=new zt(o(e)),e.loading=new Xt(o(e)),e.hotkey=new Ut(o(e)),e.mask=new Zt(o(e)),e.setting=new ne(o(e)),e.plugins=new fe(o(e))):e.mobile=new ue(o(e)),pe+=1,e.id=pe,n.instances.push(o(e)),console.log("%c ArtPlayer %c 3.1.15 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),e}return e(n,p),i(n,[{key:"destroy",value:function(t){var e=0<arguments.length&&void 0!==t&&t;this.events.destroy(),this.template.destroy(e),n.instances.splice(n.instances.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"version",get:function(){return"3.1.15"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return N}},{key:"utils",get:function(){return F}},{key:"scheme",get:function(){return V}},{key:"Emitter",get:function(){return p}},{key:"validator",get:function(){return f}},{key:"kindOf",get:function(){return f.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,localPreview:!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:"auto"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),n}();return Object.defineProperty(de,"instances",{value:[]}),de});