From 07a58c0a38991901905dc1bfdb804349957fef17 Mon Sep 17 00:00:00 2001 From: Harvey Date: Wed, 27 Apr 2022 15:00:42 +0800 Subject: [PATCH] 4.3.10 --- dist/artplayer.js | 4 ++-- packages/artplayer/dist/artplayer.js | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/dist/artplayer.js b/dist/artplayer.js index dcbb73240..52d693038 100644 --- a/dist/artplayer.js +++ b/dist/artplayer.js @@ -1,8 +1,8 @@ /*! - * artplayer.js v4.3.9 + * artplayer.js v4.3.10 * Github: https://github.com/zhw2590582/ArtPlayer#readme * (c) 2017-2022 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="undefined"!=typeof globalThis?globalThis:t||self).Artplayer=e()}(this,(function(){"use strict";function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var n=0;n1?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelector(t)}function g(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function b(t,e){return t.classList.add(e)}function w(t,e){return t.classList.remove(e)}function x(t,e){return t.classList.contains(e)}function O(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function k(t,e,n){return t.style[e]=n,t}function j(t,e){return Object.keys(e).forEach((function(n){k(t,n,e[n])})),t}function P(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function E(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function S(t,e){E(t).forEach((function(t){return w(t,e)})),b(t,e)}function T(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";d||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function R(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=t.getBoundingClientRect(),r=window.innerHeight||document.documentElement.clientHeight,o=window.innerWidth||document.documentElement.clientWidth,i=n.top-e<=r&&n.top+n.height+e>=0,a=n.left-e<=o+e&&n.left+n.width+e>=0;return i&&a}function C(t,e){return t.composedPath&&t.composedPath().indexOf(e)>-1}function I(t,e){return e.parentNode.replaceChild(t,e),t}function $(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function A(t,e,n){return A=$()?Reflect.construct:function(t,e,n){var r=[null];r.push.apply(r,e);var i=new(Function.bind.apply(t,r));return n&&o(i,n.prototype),i},A.apply(null,arguments)}function D(t){var e="function"==typeof Map?new Map:void 0;return D=function(t){if(null===t||(n=t,-1===Function.toString.call(n).indexOf("[native code]")))return t;var n;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,r)}function r(){return A(t,arguments,l(this).constructor)}return r.prototype=Object.create(t.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),o(r,t)},D(t)}function M(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=l(t);if(e){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}var L=function(e){i(a,e);var o=M(a);function a(e,n){var i;return t(this,a),i=o.call(this,e),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(r(i),n||i.constructor),i.name="ArtPlayerError",i}return n(a)}(D(Error));function z(t,e){if(!t)throw new L(e);return t}function _(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function N(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function B(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t.split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function F(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#000",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return[[e,0],[0,e],[-e,0],[0,-e],[e,e],[-e,-e],[e,-e],[-e,e]].map((function(e){return"".concat(t," ").concat(e[0],"px ").concat(e[1],"px ").concat(n,"px")})).join(",")}function H(t){return t.includes("?")?H(t.split("?")[0]):t.includes("#")?H(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function W(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}function V(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function J(t,e){var n,r,o=!1;return function i(){for(var a=arguments.length,c=new Array(a),l=0;l0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function et(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var nt=Object.freeze({__proto__:null,query:m,queryAll:g,addClass:b,removeClass:w,hasClass:x,append:O,remove:function(t){return t.parentNode.removeChild(t)},setStyle:k,setStyles:j,getStyle:P,sublings:E,inverseClass:S,tooltip:T,isInViewport:R,includeFromEvent:C,replaceElement:I,ArtPlayerError:L,errorHandle:z,srtToVtt:_,vttToBlob:N,assToVtt:B,outline:F,getExt:H,download:W,def:U,has:Z,get:G,mergeDeep:X,sleep:Q,debounce:function(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a-1;case"function":return t(f);case"regexp":return t.test(f);default:return!1}}))}}]),e}(),yt=function(){function e(n){var r=this;t(this,e),this.art=n;var o=n.option,i=n.constructor,a=n.whitelist;o.container instanceof Element?this.$container=o.container:(this.$container=m(o.container),z(this.$container,"No container element found by ".concat(o.container)));var c=this.$container.tagName.toLowerCase();z("div"===c,"Unsupported container element type, only support 'div' but got '".concat(c,"'")),z(i.instances.every((function(t){return t.template.$container!==r.$container})),"Cannot mount multiple instances on the same dom element"),this.query=this.query.bind(this),this.$container.dataset.artId=n.id,this.$original=this.$container.cloneNode(!0),a.state?this.desktop():this.mobile()}return n(e,[{key:"query",value:function(t){return m(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option;t.useSSR||(this.$container.innerHTML=e.html),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$poster=this.query(".art-poster"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),t.backdrop&&(b(this.$setting,"art-backdrop-filter"),b(this.$contextmenu,"art-backdrop-filter"),b(this.$info,"art-backdrop-filter")),d&&b(this.$player,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?I(this.$original,this.$container):b(this.$player,"art-destroy")}}],[{key:"html",get:function(){return'
Player version:
4.3.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'}}]),e}(),mt={"Video Info":"统计信息",Close:"关闭","Video Load Failed":"加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音","Video Flip":"画面翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide Subtitle":"隐藏字幕","Show Subtitle":"显示字幕","Show Setting":"显示设置","Hide Setting":"隐藏设置",Screenshot:"截图","Play Speed":"播放速度","Aspect Ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch Video":"切换","Switch Subtitle":"切换字幕",Fullscreen:"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"网页全屏","Exit Web Fullscreen":"退出网页全屏","Mini Player":"迷你播放器","PIP Mode":"画中画模式","Exit PIP Mode":"退出画中画模式","PIP Not Supported":"不支持画中画模式","Fullscreen Not Supported":"不支持全屏模式","Subtitle Offset":"字幕偏移","Auto playback at":"已为您定位至"},gt={"Video Info":"統計訊息",Close:"關閉","Video Load Failed":"載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音","Video Flip":"畫面翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide Subtitle":"隱藏字幕","Show Subtitle":"顯示字幕","Show Setting":"顯示设置","Hide Setting":"隱藏设置",Screenshot:"截圖","Play Speed":"播放速度","Aspect Ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch Video":"切換","Switch Subtitle":"切換字幕",Fullscreen:"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"網頁全屏","Exit Web Fullscreen":"退出網頁全屏","Mini Player":"迷你播放器","PIP Mode":"畫中畫模式","Exit PIP Mode":"退出畫中畫模式","PIP Not Supported":"不支持畫中畫模式","Fullscreen Not Supported":"不支持全屏模式","Subtitle Offset":"字幕偏移","Auto playback at":"已為您定位至"},bt=function(){function e(n){t(this,e),this.art=n,this.languages={"zh-cn":mt,"zh-tw":gt},this.init()}return n(e,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=X(this.languages,t),this.init()}}]),e}();var wt={exports:{}};!function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};rd){var h=d*s/l;k(n,"width","".concat(100*h,"%")),k(n,"height","100%"),k(n,"padding","0 ".concat((u-u*h)/2,"px"))}else{var v=l/d/s;k(n,"width","100%"),k(n,"height","".concat(100*v,"%")),k(n,"padding","".concat((p-p*v)/2,"px 0"))}r.dataset.aspectRatio=e}i.show="".concat(o.get("Aspect Ratio"),": ").concat("default"===e?o.get("Default"):e),t.emit("aspectRatio",e)}}),U(t,"aspectRatioReset",{set:function(e){if(e){var n=t.aspectRatio;t.aspectRatio=n}}})}(n),function(t){var e=t.option,n=t.notice,r=t.template.$video,o=document.createElement("canvas");U(t,"getDataURL",{value:function(){return new Promise((function(t,e){try{o.width=r.videoWidth,o.height=r.videoHeight,o.getContext("2d").drawImage(r,0,0),t(o.toDataURL("image/png"))}catch(t){n.show=t,e(t)}}))}}),U(t,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{o.width=r.videoWidth,o.height=r.videoHeight,o.getContext("2d").drawImage(r,0,0),o.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){n.show=t,e(t)}}))}}),U(t,"screenshot",{value:function(){return t.getDataURL().then((function(n){return W(n,"".concat(e.title||"artplayer","_").concat(tt(r.currentTime),".png")),t.emit("screenshot",n),n}))}})}(n),Ot(n),function(t){var e=t.notice,n=t.template.$player;U(t,"fullscreenWeb",{get:function(){return x(n,"art-fullscreen-web")},set:function(r){r?(b(n,"art-fullscreen-web"),t.aspectRatioReset=!0,t.autoSize=!1,t.emit("resize"),t.emit("fullscreenWeb",!0),e.show=""):(w(n,"art-fullscreen-web"),t.aspectRatioReset=!0,t.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"),e.show="")}})}(n),kt(n),function(t){var e=t.template.$video;U(t,"loaded",{get:function(){return t.loadedTime/e.duration}}),U(t,"loadedTime",{get:function(){return e.buffered.length?e.buffered.end(e.buffered.length-1):0}})}(n),function(t){U(t,"played",{get:function(){return t.currentTime/t.duration}})}(n),function(t){var e=t.template.$video;U(t,"playing",{get:function(){return!!(e.currentTime>0&&!e.paused&&!e.ended&&e.readyState>2)}})}(n),function(t){var e=t.template,n=e.$container,r=e.$player,o=e.$video;U(t,"autoSize",{get:function(){return x(n,"art-auto-size")},set:function(e){if(e){var i=o.videoWidth,a=o.videoHeight,c=n.getBoundingClientRect(),l=c.width,s=c.height,u=i/a,p=l/s;if(b(n,"art-auto-size"),p>u)k(r,"width","".concat(s*u/l*100,"%")),k(r,"height","100%");else{var f=l/u/s*100;k(r,"width","100%"),k(r,"height","".concat(f,"%"))}t.emit("autoSize",{width:t.width,height:t.height})}else w(n,"art-auto-size"),k(r,"width",null),k(r,"height",null),t.emit("autoSize")}})}(n),function(t){U(t,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}});for(var e=["bottom","height","left","right","top","width"],n=function(n){var r=e[n];U(t,r,{get:function(){return t.rect[r]}})},r=0;r=1?(e=[r,o],t.emit("loop",e)):(e=[],t.emit("loop"))}else e=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){e.length&&(t.currentTimee[1])&&(t.seek=e[0])}))}(n),function(t){var e=t.option,n=t.template.$poster;U(t,"poster",{get:function(){return e.poster},set:function(t){e.poster=t,k(n,"backgroundImage","url(".concat(t,")"))}})}(n),function(t){var e=t.option,n=t.template,r=n.$container,o=n.$video,i=r.style.height;U(t,"autoHeight",{get:function(){return x(r,"art-auto-height")},set:function(n){if(n){var a=r.clientWidth,c=o.videoHeight*(a/o.videoWidth);k(r,"height",c+"px"),b(r,"art-auto-height"),t.autoSize=e.autoSize,t.emit("autoHeight",c)}else k(r,"height",i),w(r,"art-auto-height"),t.autoSize=e.autoSize,t.emit("autoHeight")}})}(n),function(t){var e=t.option,n=t.template.$player;U(t,"theme",{get:function(){return getComputedStyle(n).getPropertyValue("--theme")},set:function(t){e.theme=t,n.style.setProperty("--theme",t)}})}(n),function(t){U(t,"title",{get:function(){return t.option.title},set:function(e){t.option.title=e}})}(n),function(t){var e=["mini","pip","fullscreen","fullscreenWeb"];!function(e){for(var n=function(n){var r=e[n];t.on(r,(function(){t[r]&&e.filter((function(t){return t!==r})).forEach((function(e){t[e]&&(t[e]=!1)}))}))},r=0;r=Number(o.dataset.index)}));return a?a.insertAdjacentElement("beforebegin",o):O(this.$parent,o),n.html&&O(o,n.html),n.style&&j(o,n.style),n.tooltip&&T(o,n.tooltip),n.click&&this.art.events.proxy(o,"click",(function(t){t.preventDefault(),n.click.call(e.art,e,t)})),n.selector&&["left","right"].includes(n.position)&&this.selector(n,o),n.mounted&&n.mounted.call(this.art,o),1===o.childNodes.length&&3===o.childNodes[0].nodeType&&b(o,"art-control-onlyText"),U(this,r,{value:o}),o}}},{key:"selector",value:function(t,e){var n=this,r=this.art.events,o=r.hover,i=r.proxy;b(e,"art-control-selector");var a=document.createElement("div");b(a,"art-selector-value"),O(a,t.html),e.innerText="",O(e,a);var c=t.selector.map((function(t,e){return'
').concat(t.html,"
")})).join(""),l=document.createElement("div");b(l,"art-selector-list"),O(l,c),O(e,l);var s=function(){var t=P(e,"width")/2-P(l,"width")/2;l.style.left="".concat(t,"px")};o(e,s),i(l,"click",(function(e){var r=(e.composedPath()||[]).find((function(t){return x(t,"art-selector-item")}));if(r){S(r,"art-current");var o=Number(r.dataset.index),i=t.selector[o]||{};if(a.innerText=r.innerText,t.onSelect){var c=t.onSelect.call(n.art,i,r,e);"string"!=typeof c&&"number"!=typeof c||(a.innerHTML=c)}s(),n.art.emit("selector",i,r)}}))}}]),e}();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 Rt(t){for(var e=1;e
',mounted:function(t){var i=!1,a=m(".art-progress-loaded",t),c=m(".art-progress-played",t),l=m(".art-progress-highlight",t),s=m(".art-progress-indicator",t),u=m(".art-progress-tip",t);k(c,"backgroundColor","var(--theme)");var p=e.constructor.INDICATOR_SIZE;function f(t,e){"loaded"===t&&k(a,"width","".concat(100*e,"%")),"played"===t&&(k(c,"width","".concat(100*e,"%")),k(s,"left","calc(".concat(100*e,"% - ").concat(p/2,"px)")))}n.indicator?(p=e.constructor.INDICATOR_SIZE_ICON,O(s,n.indicator)):j(s,{backgroundColor:"var(--theme)"}),d&&(p=e.constructor.INDICATOR_SIZE_MOBILE,n.indicator&&(p=e.constructor.INDICATOR_SIZE_MOBILE_ICON)),j(s,{left:"-".concat(p/2,"px"),width:"".concat(p,"px"),height:"".concat(p,"px")});for(var h=0;h'))}f("loaded",e.loaded),e.on("video:progress",(function(){f("loaded",e.loaded)})),e.on("video:timeupdate",(function(){f("played",e.played)})),e.on("video:ended",(function(){f("played",1)})),o(t,"mousemove",(function(n){k(u,"display","block"),C(n,l)?function(n){var r=_t(e,n).width,o=n.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?k(u,"left",0):r>t.clientWidth-i/2?k(u,"left","".concat(t.clientWidth-i,"px")):k(u,"left","".concat(r-i/2,"px"))}(n):function(n){var r=_t(e,n),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?k(u,"left",0):o>t.clientWidth-a/2?k(u,"left","".concat(t.clientWidth-a,"px")):k(u,"left","".concat(o-a/2,"px"))}(n)})),o(t,"mouseout",(function(){k(u,"display","none")})),o(t,"click",(function(t){if(t.target!==s){var n=_t(e,t),r=n.second;f("played",n.percentage),e.seek=r}})),o(s,"mousedown",(function(){i=!0})),o(document,"mousemove",(function(t){if(i){var n=_t(e,t),r=n.second;f("played",n.percentage),e.seek=r}})),o(document,"mouseup",(function(){i&&(i=!1)})),function(t,e,n){if(d&&!t.option.isLive){var r=t.plugins,o=t.template.$progress,i=t.events.proxy,a=!1;i(e,"touchstart",(function(t){1===t.touches.length&&(a=!0)})),i(document,"touchmove",(function(e){if(1===e.touches.length&&a){var i=r.autoOrientation&&r.autoOrientation.state,c=o.getBoundingClientRect(),l=c.left,s=c.top,u=e.touches[0],p=u.clientX,f=u.clientY,d=K(p-l,0,o.clientWidth),h=K(f-s,0,o.clientWidth),v=i?h:d,y=d/o.clientWidth*t.duration,m=h/o.clientWidth*t.duration,g=i?m:y,b=K(v/o.clientWidth,0,1);n("played",b),t.seek=g}})),i(document,"touchend",(function(){a&&(a=!1)}))}}(e,s,f)}})}}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 Ft(t){for(var e=1;eo.clientWidth-f/2?k(t,"left","".concat(o.clientWidth-f,"px")):k(t,"left","".concat(a-f/2,"px"))}(r))})),c(o,"mouseout",(function(){k(t,"display","none")}))}})}}function Qt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jt(t){for(var e=1;e=a.CONTROL_HIDE_TIME&&(n.show=!1,b(l,"art-hide-cursor"),w(l,"art-hover"))})),e.once("video:loadedmetadata",(function(){n.add(Nt({name:"progress",disable:i.isLive,position:"top",index:10})),n.add(Xt({name:"thumbnails",disable:!i.thumbnails.url||i.isLive||d,position:"top",index:20})),n.add(function(t){return function(e){return ne(ne({},t),{},{mounted:function(t){var n=O(t,''),r=O(t,'');e.on("loop",(function(o){o?(k(t,"display","block"),k(n,"left","calc(".concat(o[0]/e.duration*100,"% - ").concat(n.clientWidth,"px)")),k(r,"left","".concat(o[1]/e.duration*100,"%"))):k(t,"display","none")}))}})}}({name:"loop",disable:!1,position:"top",index:30})),n.add(function(t){return function(e){return Mt(Mt({},t),{},{mounted:function(t){var n=e.events.proxy,r=e.icons,o=e.i18n,i=O(t,r.play),a=O(t,r.pause);function c(){k(i,"display","flex"),k(a,"display","none")}function l(){k(i,"display","none"),k(a,"display","flex")}T(i,o.get("Play")),T(a,o.get("Pause")),n(i,"click",(function(){e.play()})),n(a,"click",(function(){e.pause()})),e.playing?l():c(),e.on("video:playing",(function(){l()})),e.on("video:pause",(function(){c()}))}})}}({name:"playAndPause",disable:!1,position:"left",index:10})),n.add(function(t){return function(e){return qt(qt({},t),{},{mounted:function(t){var n=e.events.proxy,r=e.icons,o=e.i18n,i=!1,a=e.constructor.VOLUME_PANEL_WIDTH,c=e.constructor.VOLUME_HANDLE_WIDTH,l=O(t,r.volume),s=O(t,r.volumeClose),u=O(t,'
'),p=O(u,'
');function f(t){var e=u.getBoundingClientRect().left;return K(t.pageX-e-c/2,0,a-c/2)/(a-c)}function h(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(e.muted||0===t)k(l,"display","none"),k(s,"display","flex"),k(p,"left","0");else{var n=(a-c)*t;k(l,"display","flex"),k(s,"display","none"),k(p,"left","".concat(n,"px"))}}T(l,o.get("Mute")),k(s,"display","none"),d&&k(u,"display","none"),h(e.volume),e.on("video:volumechange",(function(){h(e.volume)})),n(l,"click",(function(){e.muted=!0})),n(s,"click",(function(){e.muted=!1})),n(u,"click",(function(t){e.muted=!1,e.volume=f(t)})),n(p,"mousedown",(function(){i=!0})),n(t,"mousemove",(function(t){i&&(e.muted=!1,e.volume=f(t))})),n(document,"mouseup",(function(){i&&(i=!1)}))}})}}({name:"volume",disable:!1,position:"left",index:20})),n.add(function(t){return function(e){return Wt(Wt({},t),{},{mounted:function(t){function n(){var n="".concat(tt(e.currentTime)," / ").concat(tt(e.duration));n!==t.innerText&&(t.innerText=n)}n();for(var r=["video:loadedmetadata","video:timeupdate","video:progress"],o=0;o0.50.75').concat(n.get("Normal"),'1.251.52.0'),click:function(t,n){var r=n.target.dataset.value;r&&(e.playbackRate=Number(r),t.show=!1)},mounted:function(t){e.on("playbackRate",(function(e){var n=g("span",t).find((function(t){return Number(t.dataset.value)===e}));n&&S(n,"art-current")}))}})}}({disable:!n.playbackRate,name:"playbackRate",index:10})),this.add(function(t){return function(e){var n=e.i18n;return le(le({},t),{},{html:"".concat(n.get("Aspect Ratio"),':').concat(n.get("Default"),'4:316:9'),click:function(t,n){var r=n.target.dataset.value;r&&(e.aspectRatio=r,t.show=!1)},mounted:function(t){e.on("aspectRatio",(function(e){var n=g("span",t).find((function(t){return t.dataset.value===e}));n&&S(n,"art-current")}))}})}}({disable:!n.aspectRatio,name:"aspectRatio",index:20})),this.add(function(t){return function(e){var n=e.i18n;return ue(ue({},t),{},{html:"".concat(n.get("Video Flip"),':').concat(n.get("Normal"),'').concat(n.get("Horizontal"),'').concat(n.get("Vertical"),""),click:function(t,n){var r=n.target.dataset.value;r&&(e.flip=r,t.show=!1)},mounted:function(t){e.on("flip",(function(e){var n=g("span",t).find((function(t){return t.dataset.value===e}));n&&S(n,"art-current")}))}})}}({disable:!n.flip,name:"flip",index:30})),this.add(function(t){return function(e){return fe(fe({},t),{},{html:e.i18n.get("Video Info"),click:function(t){e.info.show=!0,t.show=!1}})}}({disable:!1,name:"info",index:40})),this.add(function(t){return he(he({},t),{},{html:'ArtPlayer 4.3.9'})}({disable:!1,name:"version",index:50})),this.add(function(t){return function(e){return ye(ye({},t),{},{html:e.i18n.get("Close"),click:function(t){t.show=!1}})}}({disable:!1,name:"close",index:60}));for(var c=0;cs+l&&(h=l-d),r+f>u+c&&(v=c-f),j(i,{top:"".concat(v,"px"),left:"".concat(h,"px")})})),a(o,"click",(function(e){C(e,i)||(t.show=!1)})),this.art.on("blur",(function(){t.show=!1}))}}]),o}(St);function be(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=l(t);if(e){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}var we=function(e){i(o,e);var r=be(o);function o(e){var n;return t(this,o),(n=r.call(this,e)).name="info",e.once("video:loadedmetadata",(function(){d||n.init()})),n}return n(o,[{key:"init",value:function(){var t=this,e=this.art,n=e.constructor,r=e.events.proxy,o=e.template,i=o.$infoPanel,a=o.$infoClose,c=o.$video;r(a,"click",(function(){t.show=!1}));var l=null,s=g("[data-video]",i)||[];this.art.on("destroy",(function(){clearTimeout(l)})),function t(){for(var e=0;e".concat(et(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.art,r=n.i18n,o=n.notice,i=n.option,a=Oe(Oe(Oe({},i.subtitle),e),{},{url:t});return this.init(a).then((function(t){return e.name&&(o.show="".concat(r.get("Switch Subtitle"),": ").concat(e.name)),t}))}},{key:"init",value:function(t){var e=this;if(u(t,dt.subtitle),t.url){var n=this.art,r=n.notice,o=n.events.proxy,i=n.template,a=i.$subtitle,c=i.$video;if(!i.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",c.appendChild(l),this.art.template.$track=l,o(this.textTrack,"cuechange",this.update.bind(this))}return this.style(Oe({"text-shadow":F()},t.style)),z(window.fetch,"fetch not support"),fetch(t.url).then((function(t){return t.arrayBuffer()})).then((function(n){z(window.TextDecoder,"TextDecoder not support");var r=new TextDecoder(t.encoding).decode(n);switch(e.art.emit("subtitleLoad",t.url),t.type||H(t.url)){case"srt":return N(_(r));case"ass":return N(B(r));case"vtt":return N(r);default:return t.url}})).then((function(t){return a.innerHTML="",e.url===t||(URL.revokeObjectURL(e.url),e.art.template.$track.src=t,e.art.emit("subtitleSwitch",t)),t})).catch((function(t){throw r.show=t,t}))}}}]),o}(St);var Pe=function(){function e(n){var r=this;t(this,e),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),n.whitelist.state&&n.once("video:loadedmetadata",(function(){!function(t,e){var n=t.constructor,r=t.template,o=r.$player,i=r.$video;e.proxy(document,["click","contextmenu"],(function(e){C(e,o)?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))}));var a=0;e.proxy(i,"click",(function(){var e=Date.now();e-a<=n.DB_CLICE_TIME?(t.emit("dblclick"),d?t.toggle():t.fullscreen=!t.fullscreen):(t.emit("click"),d||t.toggle()),a=e}))}(n,r),function(t,e){var n=t.template.$player;e.hover(n,(function(){b(n,"art-hover"),t.emit("hover",!0)}),(function(){w(n,"art-hover"),t.emit("hover")}))}(n,r),function(t,e){var n=t.template.$player;e.proxy(n,"mousemove",(function(e){t.emit("mousemove",e)}))}(n,r),function(t,e){var n=t.notice,r=t.option,o=J((function(){t.normalSize&&(t.autoSize=r.autoSize),t.aspectRatioReset=!0,n.show="",t.emit("resize")}),t.constructor.RESIZE_TIME);e.proxy(window,["orientationchange","resize"],(function(){o()})),screen&&screen.orientation&&screen.orientation.onchange&&e.proxy(screen.orientation,"change",(function(){o()}))}(n,r),function(t,e){if(d&&!t.option.isLive){var n=t.notice,r=t.plugins,o=t.constructor,i=t.template.$video,a=!1,c=0,l=0,s=0,u=null;e.proxy(i,"touchstart",(function(e){if(1===e.touches.length){a=!0;var n=e.touches[0],r=n.clientX,i=n.clientY;c=r,l=i,clearTimeout(u),u=setTimeout((function(){t.playbackRate=o.MOBILE_AUTO_PLAYBACKRATE}),o.MOBILE_AUTO_PLAYBACKRATE_TIME)}})),e.proxy(i,"touchmove",(function(e){if(1===e.touches.length&&a){var o=r.autoOrientation&&r.autoOrientation.state,i=e.touches[0],u=i.clientX,p=i.clientY,f=K((u-c)/t.width,-1,1),d=K((p-l)/t.height,-1,1);t.duration&&(s=K(o?t.currentTime+t.duration*d:t.currentTime+t.duration*f,0,t.duration),n.show="".concat(tt(s)," / ").concat(tt(t.duration)))}})),e.proxy(document,"touchend",(function(){a&&(s&&(t.seek=s),3===t.playbackRate&&(t.playbackRate=1),c=0,l=0,s=0,a=!1,clearTimeout(u),u=null)}))}}(n,r),function(t,e){var n=t.option,r=t.constructor,o=t.template.$container,i=J((function(){t.emit("view",R(o,r.SCROLL_GAP))}),r.SCROLL_TIME);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(e){n.autoMini&&(t.mini=!e)}))}(n,r)}))}return n(e,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(new L("Unable to get Image"));(o=new Image).src=t}if(o.complete)return n(o);e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(new L("Failed to load Image: ".concat(o.src)))}))}))}},{key:"destroy",value:function(){for(var t=0;t',state:'',play:'',pause:'',check:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:'',arrowLeft:'',arrowRight:'',playbackRate:'',aspectRatio:'',config:'',lock:'',unlock:''},n.option.icons);Object.keys(o).forEach((function(t){U(r,t,{get:function(){var e=document.createElement("i");return b(e,"art-icon"),b(e,"art-icon-".concat(t)),O(e,o[t]),e}})}))}));function Le(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=l(t);if(e){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function ze(t,e,n){for(var r=0;r'),c=document.createElement("div");b(c,"art-setting-item-left-icon"),O(c,r.arrowLeft),O(a,c),O(a,t._parentItem.html);var l=o(i,"click",(function(){e.init(t._parentList)}));return this.events.push(l),i}},{key:"creatItem",value:function(t){var e=this,n=this.art,r=n.icons,o=n.events.proxy,i=t.selector&&t.selector.length,a=document.createElement("div");b(a,"art-setting-item"),t.default&&b(a,"art-current");var c=O(a,'
'),l=O(a,'
'),s=document.createElement("div");b(s,"art-setting-item-left-icon"),O(s,i?t.icon||r.config:r.check),O(c,s),t._$icon=s,U(t,"icon",{get:function(){return s.innerHTML},set:function(t){"string"!=typeof t&&"number"!=typeof t||(s.innerHTML=t)}});var u=document.createElement("div");if(b(u,"art-setting-item-left-text"),O(u,t.html||""),O(c,u),t._$html=u,U(t,"html",{get:function(){return u.innerHTML},set:function(t){"string"!=typeof t&&"number"!=typeof t||(u.innerHTML=t)}}),i){var p=document.createElement("div");b(p,"art-setting-item-right-tooltip"),O(p,t.tooltip||""),O(l,p),t._$tooltip=p,U(t,"tooltip",{get:function(){return p.innerHTML},set:function(t){"string"!=typeof t&&"number"!=typeof t||(p.innerHTML=t)}});var f=document.createElement("div");b(f,"art-setting-item-right-icon"),O(f,r.arrowRight),O(l,f)}var d=o(a,"click",(function(n){if(i)e.init(t.selector,t.width);else if(S(a,"art-current"),t._parentList&&e.init(t._parentList),t._parentItem&&t._parentItem.onSelect){var r=t._parentItem.onSelect.call(e.art,t,a,n);t._parentItem._$tooltip&&("string"!=typeof r&&"number"!=typeof r||(t._parentItem._$tooltip.innerHTML=r))}}));return this.events.push(d),a}},{key:"init",value:function(t,e){if(this.cache.has(t)){var n=this.cache.get(t);S(n,"art-current"),k(this.$parent,"width","".concat(n.dataset.width,"px"))}else{var r=document.createElement("div");b(r,"art-setting-panel"),t[0]&&t[0]._parentItem&&O(r,this.creatHeader(t[0]));for(var o=0;oc&&su)&&setTimeout((function(){k(o,"width","".concat(u,"px")),k(o,"height","".concat(s,"px")),k(o,"transform-origin","0 0"),k(o,"transform","rotate(90deg) translate(0, -".concat(s,"px)")),b(o,"art-auto-orientation")}),n.MOBILE_AUTO_ORIENTATION_TIME)}else x(o,"art-auto-orientation")&&(k(o,"width",null),k(o,"height",null),k(o,"transform",null),k(o,"transform-origin",null),w(o,"art-auto-orientation"),t.aspectRatioReset=!0,t.autoSize=e.autoSize,t.notice.show="")})),{name:"autoOrientation",get state(){return x(o,"art-auto-orientation")}}}function He(t){var e=t.i18n,n=t.storage,r=t.constructor,o=t.template.$poster;return t.on("video:timeupdate",(function(){var e=n.get("times")||{},o=Object.keys(e);o.length>r.AUTO_PLAYBACK_MAX&&delete e[o[0]],e[t.option.url]=t.currentTime,n.set("times",e)})),t.on("ready",(function(){var r=(n.get("times")||{})[t.option.url];r&&(t.seek=r,k(o,"display","none"),t.notice.show="".concat(e.get("Auto playback at")," ").concat(tt(r)))})),{name:"autoPlayback",get times(){return n.get("times")||{}},clear:function(){return n.del("times")}}}function We(t){var e=t.layers,n=t.icons,r=t.template.$player;return e.add({name:"lock",mounted:function(e){var r=O(e,n.lock),o=O(e,n.unlock);k(r,"display","none"),t.on("lock",(function(t){t?(k(r,"display","inline-flex"),k(o,"display","none")):(k(r,"display","none"),k(o,"display","inline-flex"))}))},click:function(){x(r,"art-lock")?(w(r,"art-lock"),t.emit("lock",!1)):(b(r,"art-lock"),t.emit("lock",!0))}}),{name:"lock",get state(){return x(r,"art-lock")}}}var Ve=function(){function e(n){t(this,e),this.art=n,this.id=0;var r=n.option;!r.isLive&&r.miniProgressBar&&this.add(Be),r.lock&&d&&this.add(We),r.autoPlayback&&this.add(He),r.autoOrientation&&d&&this.add(Fe);for(var o=0;o0&&void 0!==arguments[0]?arguments[0]:{};this.isEnd||(this.art.switchUrl(e.url),this.art.once("video:timeupdate",(function(){t.art.emit("ads:start",e)})),this.art.once("video:ended",(function(){var e=t.next;e?(t.index+=1,t.play(e)):t.end()})))}},{key:"end",value:function(){this.isEnd||(this.isEnd=!0,this.playing=!1,this.art.option.url=this.urlCache,this.art.switchUrl(this.urlCache),this.art.emit("ads:end"))}}]),e}(),Ue=n((function e(n){t(this,e);for(var r=n.option,o=n.events.proxy,i=n.template.$video,a=0;a0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),Ge.splice(Ge.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return Ge}},{key:"version",get:function(){return"4.3.9"}},{key:"env",get:function(){return"production"}},{key:"build",get:function(){return"1651029214759"}},{key:"config",get:function(){return ht}},{key:"utils",get:function(){return nt}},{key:"scheme",get:function(){return dt}},{key:"Emitter",get:function(){return p}},{key:"validator",get:function(){return u}},{key:"kindOf",get:function(){return u.kindOf}},{key:"html",get:function(){return yt.html}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",type:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMini:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,useSSR:!1,playsInline:!0,lock:!0,autoPlayback:!1,autoOrientation:!1,ads:[],layers:[],contextmenu:[],controls:[],settings:[],quality:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,column:10},subtitle:{url:"",type:"",style:{},encoding:"utf-8"},moreVideoAttr:{controls:!1,preload:h?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),a}(p);return Xe.NOTICE_TIME=2e3,Xe.SETTING_WIDTH=250,Xe.SETTING_ITEM_WIDTH=200,Xe.INDICATOR_SIZE=14,Xe.INDICATOR_SIZE_ICON=16,Xe.INDICATOR_SIZE_MOBILE=18,Xe.INDICATOR_SIZE_MOBILE_ICON=20,Xe.VOLUME_PANEL_WIDTH=60,Xe.VOLUME_HANDLE_WIDTH=12,Xe.RESIZE_TIME=500,Xe.SCROLL_TIME=200,Xe.SCROLL_GAP=50,Xe.AUTO_PLAYBACK_MAX=10,Xe.RECONNECT_TIME_MAX=5,Xe.RECONNECT_SLEEP_TIME=1e3,Xe.CONTROL_HIDE_TIME=3e3,Xe.DB_CLICE_TIME=300,Xe.MOBILE_AUTO_PLAYBACKRATE=3,Xe.MOBILE_AUTO_PLAYBACKRATE_TIME=1e3,Xe.MOBILE_AUTO_ORIENTATION_TIME=100,Xe.INFO_LOOP_TIME=1e3,console.log("%c ArtPlayer %c 4.3.9 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),Xe})); +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Artplayer=e()}(this,(function(){"use strict";function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var r=0;r1?r-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelector(t)}function g(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function b(t,e){return t.classList.add(e)}function w(t,e){return t.classList.remove(e)}function x(t,e){return t.classList.contains(e)}function O(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function k(t,e,r){return t.style[e]=r,t}function j(t,e){return Object.keys(e).forEach((function(r){k(t,r,e[r])})),t}function P(t,e){var r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=window.getComputedStyle(t,null).getPropertyValue(e);return r?parseFloat(n):n}function E(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function S(t,e){E(t).forEach((function(t){return w(t,e)})),b(t,e)}function T(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";d||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",r))}function R(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,o=window.innerWidth||document.documentElement.clientWidth,i=r.top-e<=n&&r.top+r.height+e>=0,a=r.left-e<=o+e&&r.left+r.width+e>=0;return i&&a}function C(t,e){return t.composedPath&&t.composedPath().indexOf(e)>-1}function I(t,e){return e.parentNode.replaceChild(t,e),t}function $(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function D(t,e,r){return D=$()?Reflect.construct:function(t,e,r){var n=[null];n.push.apply(n,e);var i=new(Function.bind.apply(t,n));return r&&o(i,r.prototype),i},D.apply(null,arguments)}function z(t){var e="function"==typeof Map?new Map:void 0;return z=function(t){if(null===t||(r=t,-1===Function.toString.call(r).indexOf("[native code]")))return t;var r;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return D(t,arguments,l(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),o(n,t)},z(t)}function M(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=l(t);if(e){var o=l(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return c(this,r)}}var A=function(e){i(a,e);var o=M(a);function a(e,r){var i;return t(this,a),i=o.call(this,e),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(n(i),r||i.constructor),i.name="ArtPlayerError",i}return r(a)}(z(Error));function L(t,e){if(!t)throw new A(e);return t}function _(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function N(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function B(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function r(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t.split(/[:.]/).map((function(t,e,r){if(e===r.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===r.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var n=t.match(e);return n?{start:r(n[1].trim()),end:r(n[2].trim()),text:n[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function F(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#000",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return[[e,0],[0,e],[-e,0],[0,-e],[e,e],[-e,-e],[e,-e],[-e,e]].map((function(e){return"".concat(t," ").concat(e[0],"px ").concat(e[1],"px ").concat(r,"px")})).join(",")}function H(t){return t.includes("?")?H(t.split("?")[0]):t.includes("#")?H(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function V(t,e){var r=document.createElement("a");r.style.display="none",r.href=t,r.download=e,document.body.appendChild(r),r.click(),document.body.removeChild(r)}function q(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function J(t,e){var r,n,o=!1;return function i(){for(var a=arguments.length,c=new Array(a),l=0;l0?[e,r,n]:[r,n]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function et(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var rt=Object.freeze({__proto__:null,query:m,queryAll:g,addClass:b,removeClass:w,hasClass:x,append:O,remove:function(t){return t.parentNode.removeChild(t)},setStyle:k,setStyles:j,getStyle:P,sublings:E,inverseClass:S,tooltip:T,isInViewport:R,includeFromEvent:C,replaceElement:I,ArtPlayerError:A,errorHandle:L,srtToVtt:_,vttToBlob:N,assToVtt:B,outline:F,getExt:H,download:V,def:U,has:G,get:Y,mergeDeep:X,sleep:Q,debounce:function(t,e,r){var n;function o(){for(var o=arguments.length,i=new Array(o),a=0;a-1;case"function":return t(f);case"regexp":return t.test(f);default:return!1}}))}}]),e}(),yt=function(){function e(r){var n=this;t(this,e),this.art=r;var o=r.option,i=r.constructor,a=r.whitelist;o.container instanceof Element?this.$container=o.container:(this.$container=m(o.container),L(this.$container,"No container element found by ".concat(o.container)));var c=this.$container.tagName.toLowerCase();L("div"===c,"Unsupported container element type, only support 'div' but got '".concat(c,"'")),L(i.instances.every((function(t){return t.template.$container!==n.$container})),"Cannot mount multiple instances on the same dom element"),this.query=this.query.bind(this),this.$container.dataset.artId=r.id,this.$original=this.$container.cloneNode(!0),a.state?this.desktop():this.mobile()}return r(e,[{key:"query",value:function(t){return m(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option;t.useSSR||(this.$container.innerHTML=e.html),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$poster=this.query(".art-poster"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),t.backdrop&&(b(this.$setting,"art-backdrop-filter"),b(this.$contextmenu,"art-backdrop-filter"),b(this.$info,"art-backdrop-filter")),d&&b(this.$player,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?I(this.$original,this.$container):b(this.$player,"art-destroy")}}],[{key:"html",get:function(){return'
Player version:
4.3.10
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'}}]),e}(),mt={"Video Info":"统计信息",Close:"关闭","Video Load Failed":"加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音","Video Flip":"画面翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide Subtitle":"隐藏字幕","Show Subtitle":"显示字幕","Show Setting":"显示设置","Hide Setting":"隐藏设置",Screenshot:"截图","Play Speed":"播放速度","Aspect Ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch Video":"切换","Switch Subtitle":"切换字幕",Fullscreen:"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"网页全屏","Exit Web Fullscreen":"退出网页全屏","Mini Player":"迷你播放器","PIP Mode":"画中画模式","Exit PIP Mode":"退出画中画模式","PIP Not Supported":"不支持画中画模式","Fullscreen Not Supported":"不支持全屏模式","Subtitle Offset":"字幕偏移","Auto playback at":"已为您定位至"},gt={"Video Info":"統計訊息",Close:"關閉","Video Load Failed":"載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音","Video Flip":"畫面翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide Subtitle":"隱藏字幕","Show Subtitle":"顯示字幕","Show Setting":"顯示设置","Hide Setting":"隱藏设置",Screenshot:"截圖","Play Speed":"播放速度","Aspect Ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch Video":"切換","Switch Subtitle":"切換字幕",Fullscreen:"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"網頁全屏","Exit Web Fullscreen":"退出網頁全屏","Mini Player":"迷你播放器","PIP Mode":"畫中畫模式","Exit PIP Mode":"退出畫中畫模式","PIP Not Supported":"不支持畫中畫模式","Fullscreen Not Supported":"不支持全屏模式","Subtitle Offset":"字幕偏移","Auto playback at":"已為您定位至"},bt=function(){function e(r){t(this,e),this.art=r,this.languages={"zh-cn":mt,"zh-tw":gt},this.init()}return r(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=X(this.languages,t),this.init()}}]),e}();var wt={exports:{}};!function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},r=t.exports,n=function(){for(var t,r=[["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,o=r.length,i={};nd){var h=d*s/l;k(r,"width","".concat(100*h,"%")),k(r,"height","100%"),k(r,"padding","0 ".concat((u-u*h)/2,"px"))}else{var v=l/d/s;k(r,"width","100%"),k(r,"height","".concat(100*v,"%")),k(r,"padding","".concat((p-p*v)/2,"px 0"))}n.dataset.aspectRatio=e}i.show="".concat(o.get("Aspect Ratio"),": ").concat("default"===e?o.get("Default"):e),t.emit("aspectRatio",e)}}),U(t,"aspectRatioReset",{set:function(e){if(e){var r=t.aspectRatio;t.aspectRatio=r}}})}(r),function(t){var e=t.option,r=t.notice,n=t.template.$video,o=document.createElement("canvas");U(t,"getDataURL",{value:function(){return new Promise((function(t,e){try{o.width=n.videoWidth,o.height=n.videoHeight,o.getContext("2d").drawImage(n,0,0),t(o.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),U(t,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{o.width=n.videoWidth,o.height=n.videoHeight,o.getContext("2d").drawImage(n,0,0),o.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),U(t,"screenshot",{value:function(){return t.getDataURL().then((function(r){return V(r,"".concat(e.title||"artplayer","_").concat(tt(n.currentTime),".png")),t.emit("screenshot",r),r}))}})}(r),Ot(r),function(t){var e=t.notice,r=t.template.$player;U(t,"fullscreenWeb",{get:function(){return x(r,"art-fullscreen-web")},set:function(n){n?(b(r,"art-fullscreen-web"),t.aspectRatioReset=!0,t.autoSize=!1,t.emit("resize"),t.emit("fullscreenWeb",!0),e.show=""):(w(r,"art-fullscreen-web"),t.aspectRatioReset=!0,t.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"),e.show="")}})}(r),kt(r),function(t){var e=t.template.$video;U(t,"loaded",{get:function(){return t.loadedTime/e.duration}}),U(t,"loadedTime",{get:function(){return e.buffered.length?e.buffered.end(e.buffered.length-1):0}})}(r),function(t){U(t,"played",{get:function(){return t.currentTime/t.duration}})}(r),function(t){var e=t.template.$video;U(t,"playing",{get:function(){return!!(e.currentTime>0&&!e.paused&&!e.ended&&e.readyState>2)}})}(r),function(t){var e=t.template,r=e.$container,n=e.$player,o=e.$video;U(t,"autoSize",{get:function(){return x(r,"art-auto-size")},set:function(e){if(e){var i=o.videoWidth,a=o.videoHeight,c=r.getBoundingClientRect(),l=c.width,s=c.height,u=i/a,p=l/s;if(b(r,"art-auto-size"),p>u)k(n,"width","".concat(s*u/l*100,"%")),k(n,"height","100%");else{var f=l/u/s*100;k(n,"width","100%"),k(n,"height","".concat(f,"%"))}t.emit("autoSize",{width:t.width,height:t.height})}else w(r,"art-auto-size"),k(n,"width",null),k(n,"height",null),t.emit("autoSize")}})}(r),function(t){U(t,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}});for(var e=["bottom","height","left","right","top","width"],r=function(r){var n=e[r];U(t,n,{get:function(){return t.rect[n]}})},n=0;n=1?(e=[n,o],t.emit("loop",e)):(e=[],t.emit("loop"))}else e=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){e.length&&(t.currentTimee[1])&&(t.seek=e[0])}))}(r),function(t){var e=t.option,r=t.template.$poster;U(t,"poster",{get:function(){return e.poster},set:function(t){e.poster=t,k(r,"backgroundImage","url(".concat(t,")"))}})}(r),function(t){var e=t.option,r=t.template,n=r.$container,o=r.$video,i=n.style.height;U(t,"autoHeight",{get:function(){return x(n,"art-auto-height")},set:function(r){if(r){var a=n.clientWidth,c=o.videoHeight*(a/o.videoWidth);k(n,"height",c+"px"),b(n,"art-auto-height"),t.autoSize=e.autoSize,t.emit("autoHeight",c)}else k(n,"height",i),w(n,"art-auto-height"),t.autoSize=e.autoSize,t.emit("autoHeight")}})}(r),function(t){var e=t.option,r=t.template.$player;U(t,"theme",{get:function(){return getComputedStyle(r).getPropertyValue("--theme")},set:function(t){e.theme=t,r.style.setProperty("--theme",t)}})}(r),function(t){U(t,"title",{get:function(){return t.option.title},set:function(e){t.option.title=e}})}(r),function(t){var e=["mini","pip","fullscreen","fullscreenWeb"];!function(e){for(var r=function(r){var n=e[r];t.on(n,(function(){t[n]&&e.filter((function(t){return t!==n})).forEach((function(e){t[e]&&(t[e]=!1)}))}))},n=0;n=Number(o.dataset.index)}));return a?a.insertAdjacentElement("beforebegin",o):O(this.$parent,o),r.html&&O(o,r.html),r.style&&j(o,r.style),r.tooltip&&T(o,r.tooltip),r.click&&this.art.events.proxy(o,"click",(function(t){t.preventDefault(),r.click.call(e.art,e,t)})),r.selector&&["left","right"].includes(r.position)&&this.selector(r,o),r.mounted&&r.mounted.call(this.art,o),1===o.childNodes.length&&3===o.childNodes[0].nodeType&&b(o,"art-control-onlyText"),U(this,n,{value:o}),o}}},{key:"selector",value:function(t,e){var r=this,n=this.art.events,o=n.hover,i=n.proxy;b(e,"art-control-selector");var a=document.createElement("div");b(a,"art-selector-value"),O(a,t.html),e.innerText="",O(e,a);var c=t.selector.map((function(t,e){return'
').concat(t.html,"
")})).join(""),l=document.createElement("div");b(l,"art-selector-list"),O(l,c),O(e,l);var s=function(){var t=P(e,"width")/2-P(l,"width")/2;l.style.left="".concat(t,"px")};o(e,s),i(l,"click",(function(e){var n=(e.composedPath()||[]).find((function(t){return x(t,"art-selector-item")}));if(n){S(n,"art-current");var o=Number(n.dataset.index),i=t.selector[o]||{};if(a.innerText=n.innerText,t.onSelect){var c=t.onSelect.call(r.art,i,n,e);"string"!=typeof c&&"number"!=typeof c||(a.innerHTML=c)}s(),r.art.emit("selector",i,n)}}))}}]),e}();function Tt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function Rt(t){for(var e=1;e
',mounted:function(t){var i=!1,a=m(".art-progress-loaded",t),c=m(".art-progress-played",t),l=m(".art-progress-highlight",t),s=m(".art-progress-indicator",t),u=m(".art-progress-tip",t);k(c,"backgroundColor","var(--theme)");var p=e.constructor.INDICATOR_SIZE;function f(t,e){"loaded"===t&&k(a,"width","".concat(100*e,"%")),"played"===t&&(k(c,"width","".concat(100*e,"%")),k(s,"left","calc(".concat(100*e,"% - ").concat(p/2,"px)")))}r.indicator?(p=e.constructor.INDICATOR_SIZE_ICON,O(s,r.indicator)):j(s,{backgroundColor:"var(--theme)"}),d&&(p=e.constructor.INDICATOR_SIZE_MOBILE,r.indicator&&(p=e.constructor.INDICATOR_SIZE_MOBILE_ICON)),j(s,{left:"-".concat(p/2,"px"),width:"".concat(p,"px"),height:"".concat(p,"px")});for(var h=0;h'))}f("loaded",e.loaded),e.on("setBar",(function(t,e){f(t,e)})),e.on("video:progress",(function(){f("loaded",e.loaded)})),e.on("video:timeupdate",(function(){f("played",e.played)})),e.on("video:ended",(function(){f("played",1)})),d||(o(t,"click",(function(t){if(t.target!==s){var r=_t(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(t,"mousemove",(function(r){k(u,"display","block"),C(r,l)?function(r){var n=_t(e,r).width,o=r.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;n<=i/2?k(u,"left",0):n>t.clientWidth-i/2?k(u,"left","".concat(t.clientWidth-i,"px")):k(u,"left","".concat(n-i/2,"px"))}(r):function(r){var n=_t(e,r),o=n.width,i=n.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?k(u,"left",0):o>t.clientWidth-a/2?k(u,"left","".concat(t.clientWidth-a,"px")):k(u,"left","".concat(o-a/2,"px"))}(r)})),o(t,"mouseout",(function(){k(u,"display","none")})),o(s,"mousedown",(function(){i=!0})),o(document,"mousemove",(function(t){if(i){var r=_t(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(document,"mouseup",(function(){i&&(i=!1)})))}})}}function Bt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function Ft(t){for(var e=1;eo.clientWidth-f/2?k(t,"left","".concat(o.clientWidth-f,"px")):k(t,"left","".concat(a-f/2,"px"))}(n))})),c(o,"mouseout",(function(){k(t,"display","none")}))}})}}function Qt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function Jt(t){for(var e=1;e=a.CONTROL_HIDE_TIME&&(r.show=!1,b(l,"art-hide-cursor"),w(l,"art-hover"))})),e.once("video:loadedmetadata",(function(){r.add(Nt({name:"progress",disable:i.isLive,position:"top",index:10})),r.add(Xt({name:"thumbnails",disable:!i.thumbnails.url||i.isLive||d,position:"top",index:20})),r.add(function(t){return function(e){return re(re({},t),{},{mounted:function(t){var r=O(t,''),n=O(t,'');e.on("loop",(function(o){o?(k(t,"display","block"),k(r,"left","calc(".concat(o[0]/e.duration*100,"% - ").concat(r.clientWidth,"px)")),k(n,"left","".concat(o[1]/e.duration*100,"%"))):k(t,"display","none")}))}})}}({name:"loop",disable:!1,position:"top",index:30})),r.add(function(t){return function(e){return Mt(Mt({},t),{},{mounted:function(t){var r=e.events.proxy,n=e.icons,o=e.i18n,i=O(t,n.play),a=O(t,n.pause);function c(){k(i,"display","flex"),k(a,"display","none")}function l(){k(i,"display","none"),k(a,"display","flex")}T(i,o.get("Play")),T(a,o.get("Pause")),r(i,"click",(function(){e.play()})),r(a,"click",(function(){e.pause()})),e.playing?l():c(),e.on("video:playing",(function(){l()})),e.on("video:pause",(function(){c()}))}})}}({name:"playAndPause",disable:!1,position:"left",index:10})),r.add(function(t){return function(e){return Wt(Wt({},t),{},{mounted:function(t){var r=e.events.proxy,n=e.icons,o=e.i18n,i=!1,a=e.constructor.VOLUME_PANEL_WIDTH,c=e.constructor.VOLUME_HANDLE_WIDTH,l=O(t,n.volume),s=O(t,n.volumeClose),u=O(t,'
'),p=O(u,'
');function f(t){var e=u.getBoundingClientRect().left;return K(t.pageX-e-c/2,0,a-c/2)/(a-c)}function h(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(e.muted||0===t)k(l,"display","none"),k(s,"display","flex"),k(p,"left","0");else{var r=(a-c)*t;k(l,"display","flex"),k(s,"display","none"),k(p,"left","".concat(r,"px"))}}T(l,o.get("Mute")),k(s,"display","none"),d&&k(u,"display","none"),h(e.volume),e.on("video:volumechange",(function(){h(e.volume)})),r(l,"click",(function(){e.muted=!0})),r(s,"click",(function(){e.muted=!1})),r(u,"click",(function(t){e.muted=!1,e.volume=f(t)})),r(p,"mousedown",(function(){i=!0})),r(t,"mousemove",(function(t){i&&(e.muted=!1,e.volume=f(t))})),r(document,"mouseup",(function(){i&&(i=!1)}))}})}}({name:"volume",disable:!1,position:"left",index:20})),r.add(function(t){return function(e){return Vt(Vt({},t),{},{mounted:function(t){function r(){var r="".concat(tt(e.currentTime)," / ").concat(tt(e.duration));r!==t.innerText&&(t.innerText=r)}r();for(var n=["video:loadedmetadata","video:timeupdate","video:progress"],o=0;o0.50.75').concat(r.get("Normal"),'1.251.52.0'),click:function(t,r){var n=r.target.dataset.value;n&&(e.playbackRate=Number(n),t.show=!1)},mounted:function(t){e.on("playbackRate",(function(e){var r=g("span",t).find((function(t){return Number(t.dataset.value)===e}));r&&S(r,"art-current")}))}})}}({disable:!r.playbackRate,name:"playbackRate",index:10})),this.add(function(t){return function(e){var r=e.i18n;return le(le({},t),{},{html:"".concat(r.get("Aspect Ratio"),':').concat(r.get("Default"),'4:316:9'),click:function(t,r){var n=r.target.dataset.value;n&&(e.aspectRatio=n,t.show=!1)},mounted:function(t){e.on("aspectRatio",(function(e){var r=g("span",t).find((function(t){return t.dataset.value===e}));r&&S(r,"art-current")}))}})}}({disable:!r.aspectRatio,name:"aspectRatio",index:20})),this.add(function(t){return function(e){var r=e.i18n;return ue(ue({},t),{},{html:"".concat(r.get("Video Flip"),':').concat(r.get("Normal"),'').concat(r.get("Horizontal"),'').concat(r.get("Vertical"),""),click:function(t,r){var n=r.target.dataset.value;n&&(e.flip=n,t.show=!1)},mounted:function(t){e.on("flip",(function(e){var r=g("span",t).find((function(t){return t.dataset.value===e}));r&&S(r,"art-current")}))}})}}({disable:!r.flip,name:"flip",index:30})),this.add(function(t){return function(e){return fe(fe({},t),{},{html:e.i18n.get("Video Info"),click:function(t){e.info.show=!0,t.show=!1}})}}({disable:!1,name:"info",index:40})),this.add(function(t){return he(he({},t),{},{html:'ArtPlayer 4.3.10'})}({disable:!1,name:"version",index:50})),this.add(function(t){return function(e){return ye(ye({},t),{},{html:e.i18n.get("Close"),click:function(t){t.show=!1}})}}({disable:!1,name:"close",index:60}));for(var c=0;cs+l&&(h=l-d),n+f>u+c&&(v=c-f),j(i,{top:"".concat(v,"px"),left:"".concat(h,"px")})})),a(o,"click",(function(e){C(e,i)||(t.show=!1)})),this.art.on("blur",(function(){t.show=!1}))}}]),o}(St);function be(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=l(t);if(e){var o=l(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return c(this,r)}}var we=function(e){i(o,e);var n=be(o);function o(e){var r;return t(this,o),(r=n.call(this,e)).name="info",e.once("video:loadedmetadata",(function(){d||r.init()})),r}return r(o,[{key:"init",value:function(){var t=this,e=this.art,r=e.constructor,n=e.events.proxy,o=e.template,i=o.$infoPanel,a=o.$infoClose,c=o.$video;n(a,"click",(function(){t.show=!1}));var l=null,s=g("[data-video]",i)||[];this.art.on("destroy",(function(){clearTimeout(l)})),function t(){for(var e=0;e".concat(et(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=this.art,n=r.i18n,o=r.notice,i=r.option,a=Oe(Oe(Oe({},i.subtitle),e),{},{url:t});return this.init(a).then((function(t){return e.name&&(o.show="".concat(n.get("Switch Subtitle"),": ").concat(e.name)),t}))}},{key:"init",value:function(t){var e=this;if(u(t,dt.subtitle),t.url){var r=this.art,n=r.notice,o=r.events.proxy,i=r.template,a=i.$subtitle,c=i.$video;if(!i.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",c.appendChild(l),this.art.template.$track=l,o(this.textTrack,"cuechange",this.update.bind(this))}return this.style(Oe({"text-shadow":F()},t.style)),L(window.fetch,"fetch not support"),fetch(t.url).then((function(t){return t.arrayBuffer()})).then((function(r){L(window.TextDecoder,"TextDecoder not support");var n=new TextDecoder(t.encoding).decode(r);switch(e.art.emit("subtitleLoad",t.url),t.type||H(t.url)){case"srt":return N(_(n));case"ass":return N(B(n));case"vtt":return N(n);default:return t.url}})).then((function(t){return a.innerHTML="",e.url===t||(URL.revokeObjectURL(e.url),e.art.template.$track.src=t,e.art.emit("subtitleSwitch",t)),t})).catch((function(t){throw n.show=t,t}))}}}]),o}(St);var Pe=function(){function e(r){var n=this;t(this,e),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),r.whitelist.state&&r.once("video:loadedmetadata",(function(){!function(t,e){var r=t.constructor,n=t.template,o=n.$player,i=n.$video;e.proxy(document,["click","contextmenu"],(function(e){C(e,o)?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))}));var a=0;e.proxy(i,"click",(function(){var e=Date.now();e-a<=r.DB_CLICE_TIME?(t.emit("dblclick"),d?t.toggle():t.fullscreen=!t.fullscreen):(t.emit("click"),d||t.toggle()),a=e}))}(r,n),function(t,e){var r=t.template.$player;e.hover(r,(function(){b(r,"art-hover"),t.emit("hover",!0)}),(function(){w(r,"art-hover"),t.emit("hover")}))}(r,n),function(t,e){var r=t.template.$player;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)}))}(r,n),function(t,e){var r=t.notice,n=t.option,o=J((function(){t.normalSize&&(t.autoSize=n.autoSize),t.aspectRatioReset=!0,r.show="",t.emit("resize")}),t.constructor.RESIZE_TIME);e.proxy(window,["orientationchange","resize"],(function(){o()})),screen&&screen.orientation&&screen.orientation.onchange&&e.proxy(screen.orientation,"change",(function(){o()}))}(r,n),function(t,e){if(d&&!t.option.isLive){var r=t.notice,n=t.plugins,o=t.template,i=o.$video,a=o.$bottom,c=o.$controls,l=!1,s=0,u=0,p=0,f=function(e){if(1===e.touches.length){l=!0;var r=e.touches[0],n=r.clientX,o=r.clientY;s=n,u=o,p=t.currentTime}},h=function(e){if(1===e.touches.length&&l&&t.duration){var o=n.autoOrientation&&n.autoOrientation.state,i=e.touches[0],a=i.clientX,c=i.clientY,f=K((a-s)/t.width,-1,1),d=K((c-u)/t.height,-1,1),h=o?d:f,v=K(p+t.duration*h,0,t.duration);t.seek=v,t.emit("setBar","played",K(v/t.duration,0,1)),r.show="".concat(tt(v)," / ").concat(tt(t.duration))}};e.proxy(a,"touchstart",(function(t){C(t,c)||f(t)})),e.proxy(a,"touchmove",h),e.proxy(i,"touchstart",f),e.proxy(i,"touchmove",h),e.proxy(document,"touchend",(function(){l&&(s=0,u=0,p=0,l=!1)}))}}(r,n),function(t,e){var r=t.option,n=t.constructor,o=t.template.$container,i=J((function(){t.emit("view",R(o,n.SCROLL_GAP))}),n.SCROLL_TIME);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(e){r.autoMini&&(t.mini=!e)}))}(r,n)}))}return r(e,[{key:"proxy",value:function(t,e,r){var n=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return n.proxy(t,e,r,o)}));t.addEventListener(e,r,o);var i=function(){return t.removeEventListener(e,r,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,r){e&&this.proxy(t,"mouseenter",e),r&&this.proxy(t,"mouseleave",r)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(r,n){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return n(new A("Unable to get Image"));(o=new Image).src=t}if(o.complete)return r(o);e.proxy(o,"load",(function(){return r(o)})),e.proxy(o,"error",(function(){return n(new A("Failed to load Image: ".concat(o.src)))}))}))}},{key:"destroy",value:function(){for(var t=0;t',state:'',play:'',pause:'',check:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:'',arrowLeft:'',arrowRight:'',playbackRate:'',aspectRatio:'',config:'',lock:'',unlock:''},r.option.icons);Object.keys(o).forEach((function(t){U(n,t,{get:function(){var e=document.createElement("i");return b(e,"art-icon"),b(e,"art-icon-".concat(t)),O(e,o[t]),e}})}))}));function Ae(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=l(t);if(e){var o=l(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return c(this,r)}}function Le(t,e,r){for(var n=0;n'),c=document.createElement("div");b(c,"art-setting-item-left-icon"),O(c,n.arrowLeft),O(a,c),O(a,t._parentItem.html);var l=o(i,"click",(function(){e.init(t._parentList)}));return this.events.push(l),i}},{key:"creatItem",value:function(t){var e=this,r=this.art,n=r.icons,o=r.events.proxy,i=t.selector&&t.selector.length,a=document.createElement("div");b(a,"art-setting-item"),t.default&&b(a,"art-current");var c=O(a,'
'),l=O(a,'
'),s=document.createElement("div");b(s,"art-setting-item-left-icon"),O(s,i?t.icon||n.config:n.check),O(c,s),t._$icon=s,U(t,"icon",{get:function(){return s.innerHTML},set:function(t){"string"!=typeof t&&"number"!=typeof t||(s.innerHTML=t)}});var u=document.createElement("div");if(b(u,"art-setting-item-left-text"),O(u,t.html||""),O(c,u),t._$html=u,U(t,"html",{get:function(){return u.innerHTML},set:function(t){"string"!=typeof t&&"number"!=typeof t||(u.innerHTML=t)}}),i){var p=document.createElement("div");b(p,"art-setting-item-right-tooltip"),O(p,t.tooltip||""),O(l,p),t._$tooltip=p,U(t,"tooltip",{get:function(){return p.innerHTML},set:function(t){"string"!=typeof t&&"number"!=typeof t||(p.innerHTML=t)}});var f=document.createElement("div");b(f,"art-setting-item-right-icon"),O(f,n.arrowRight),O(l,f)}var d=o(a,"click",(function(r){if(i)e.init(t.selector,t.width);else if(S(a,"art-current"),t._parentList&&e.init(t._parentList),t._parentItem&&t._parentItem.onSelect){var n=t._parentItem.onSelect.call(e.art,t,a,r);t._parentItem._$tooltip&&("string"!=typeof n&&"number"!=typeof n||(t._parentItem._$tooltip.innerHTML=n))}}));return this.events.push(d),a}},{key:"init",value:function(t,e){if(this.cache.has(t)){var r=this.cache.get(t);S(r,"art-current"),k(this.$parent,"width","".concat(r.dataset.width,"px"))}else{var n=document.createElement("div");b(n,"art-setting-panel"),t[0]&&t[0]._parentItem&&O(n,this.creatHeader(t[0]));for(var o=0;oc&&su)&&setTimeout((function(){k(o,"width","".concat(u,"px")),k(o,"height","".concat(s,"px")),k(o,"transform-origin","0 0"),k(o,"transform","rotate(90deg) translate(0, -".concat(s,"px)")),b(o,"art-auto-orientation")}),r.MOBILE_AUTO_ORIENTATION_TIME)}else x(o,"art-auto-orientation")&&(k(o,"width",null),k(o,"height",null),k(o,"transform",null),k(o,"transform-origin",null),w(o,"art-auto-orientation"),t.aspectRatioReset=!0,t.autoSize=e.autoSize,t.notice.show="")})),{name:"autoOrientation",get state(){return x(o,"art-auto-orientation")}}}function He(t){var e=t.i18n,r=t.storage,n=t.constructor,o=t.template.$poster;return t.on("video:timeupdate",(function(){var e=r.get("times")||{},o=Object.keys(e);o.length>n.AUTO_PLAYBACK_MAX&&delete e[o[0]],e[t.option.url]=t.currentTime,r.set("times",e)})),t.on("ready",(function(){var n=(r.get("times")||{})[t.option.url];n&&(t.seek=n,k(o,"display","none"),t.notice.show="".concat(e.get("Auto playback at")," ").concat(tt(n)))})),{name:"autoPlayback",get times(){return r.get("times")||{}},clear:function(){return r.del("times")}}}function Ve(t){var e=t.events.proxy,r=t.template,n=r.$player,o=r.$video,i=!1,a=null,c=function(){clearTimeout(a),i&&(i=!1,t.playbackRate=1,w(n,"art-fast-forward"))};return e(o,"touchstart",(function(){t.playing&&(a=setTimeout((function(){i=!0,t.playbackRate=3,b(n,"art-fast-forward")}),1e3))})),e(document,"touchmove",c),e(document,"touchend",c),{name:"fastForward",get state(){return x(n,"art-fast-forward")}}}function qe(t){var e=t.layers,r=t.icons,n=t.template.$player;return e.add({name:"lock",mounted:function(e){var n=O(e,r.lock),o=O(e,r.unlock);k(n,"display","none"),t.on("lock",(function(t){t?(k(n,"display","inline-flex"),k(o,"display","none")):(k(n,"display","none"),k(o,"display","inline-flex"))}))},click:function(){x(n,"art-lock")?(w(n,"art-lock"),t.emit("lock",!1)):(b(n,"art-lock"),t.emit("lock",!0))}}),{name:"lock",get state(){return x(n,"art-lock")}}}var We=function(){function e(r){t(this,e),this.art=r,this.id=0;var n=r.option;n.miniProgressBar&&!n.isLive&&this.add(Be),n.lock&&d&&this.add(qe),n.autoPlayback&&this.add(He),n.autoOrientation&&d&&this.add(Fe),n.fastForward&&d&&!n.isLive&&this.add(Ve);for(var o=0;o0&&void 0!==arguments[0]?arguments[0]:{};this.isEnd||(this.art.switchUrl(e.url),this.art.once("video:timeupdate",(function(){t.art.emit("ads:start",e)})),this.art.once("video:ended",(function(){var e=t.next;e?(t.index+=1,t.play(e)):t.end()})))}},{key:"end",value:function(){this.isEnd||(this.isEnd=!0,this.playing=!1,this.art.option.url=this.urlCache,this.art.switchUrl(this.urlCache),this.art.emit("ads:end"))}}]),e}(),Ze=r((function e(r){t(this,e);for(var n=r.option,o=r.events.proxy,i=r.template.$video,a=0;a0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),Xe.splice(Xe.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return Xe}},{key:"version",get:function(){return"4.3.10"}},{key:"env",get:function(){return"production"}},{key:"build",get:function(){return"1651042800504"}},{key:"config",get:function(){return ht}},{key:"utils",get:function(){return rt}},{key:"scheme",get:function(){return dt}},{key:"Emitter",get:function(){return p}},{key:"validator",get:function(){return u}},{key:"kindOf",get:function(){return u.kindOf}},{key:"html",get:function(){return yt.html}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",type:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMini:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,useSSR:!1,playsInline:!0,lock:!1,fastForward:!1,autoPlayback:!1,autoOrientation:!1,ads:[],layers:[],contextmenu:[],controls:[],settings:[],quality:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,column:10},subtitle:{url:"",type:"",style:{},encoding:"utf-8"},moreVideoAttr:{controls:!1,preload:h?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),a}(p);return Qe.NOTICE_TIME=2e3,Qe.SETTING_WIDTH=250,Qe.SETTING_ITEM_WIDTH=200,Qe.INDICATOR_SIZE=14,Qe.INDICATOR_SIZE_ICON=16,Qe.INDICATOR_SIZE_MOBILE=18,Qe.INDICATOR_SIZE_MOBILE_ICON=20,Qe.VOLUME_PANEL_WIDTH=60,Qe.VOLUME_HANDLE_WIDTH=12,Qe.RESIZE_TIME=500,Qe.SCROLL_TIME=200,Qe.SCROLL_GAP=50,Qe.AUTO_PLAYBACK_MAX=10,Qe.RECONNECT_TIME_MAX=5,Qe.RECONNECT_SLEEP_TIME=1e3,Qe.CONTROL_HIDE_TIME=3e3,Qe.DB_CLICE_TIME=300,Qe.MOBILE_AUTO_PLAYBACKRATE=3,Qe.MOBILE_AUTO_PLAYBACKRATE_TIME=1e3,Qe.MOBILE_AUTO_ORIENTATION_TIME=100,Qe.INFO_LOOP_TIME=1e3,console.log("%c ArtPlayer %c 4.3.10 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),Qe})); diff --git a/packages/artplayer/dist/artplayer.js b/packages/artplayer/dist/artplayer.js index dcbb73240..52d693038 100644 --- a/packages/artplayer/dist/artplayer.js +++ b/packages/artplayer/dist/artplayer.js @@ -1,8 +1,8 @@ /*! - * artplayer.js v4.3.9 + * artplayer.js v4.3.10 * Github: https://github.com/zhw2590582/ArtPlayer#readme * (c) 2017-2022 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="undefined"!=typeof globalThis?globalThis:t||self).Artplayer=e()}(this,(function(){"use strict";function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var n=0;n1?n-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelector(t)}function g(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function b(t,e){return t.classList.add(e)}function w(t,e){return t.classList.remove(e)}function x(t,e){return t.classList.contains(e)}function O(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function k(t,e,n){return t.style[e]=n,t}function j(t,e){return Object.keys(e).forEach((function(n){k(t,n,e[n])})),t}function P(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function E(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function S(t,e){E(t).forEach((function(t){return w(t,e)})),b(t,e)}function T(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";d||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",n))}function R(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=t.getBoundingClientRect(),r=window.innerHeight||document.documentElement.clientHeight,o=window.innerWidth||document.documentElement.clientWidth,i=n.top-e<=r&&n.top+n.height+e>=0,a=n.left-e<=o+e&&n.left+n.width+e>=0;return i&&a}function C(t,e){return t.composedPath&&t.composedPath().indexOf(e)>-1}function I(t,e){return e.parentNode.replaceChild(t,e),t}function $(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function A(t,e,n){return A=$()?Reflect.construct:function(t,e,n){var r=[null];r.push.apply(r,e);var i=new(Function.bind.apply(t,r));return n&&o(i,n.prototype),i},A.apply(null,arguments)}function D(t){var e="function"==typeof Map?new Map:void 0;return D=function(t){if(null===t||(n=t,-1===Function.toString.call(n).indexOf("[native code]")))return t;var n;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,r)}function r(){return A(t,arguments,l(this).constructor)}return r.prototype=Object.create(t.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),o(r,t)},D(t)}function M(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=l(t);if(e){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}var L=function(e){i(a,e);var o=M(a);function a(e,n){var i;return t(this,a),i=o.call(this,e),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(r(i),n||i.constructor),i.name="ArtPlayerError",i}return n(a)}(D(Error));function z(t,e){if(!t)throw new L(e);return t}function _(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function N(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function B(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t.split(/[:.]/).map((function(t,e,n){if(e===n.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function F(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#000",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return[[e,0],[0,e],[-e,0],[0,-e],[e,e],[-e,-e],[e,-e],[-e,e]].map((function(e){return"".concat(t," ").concat(e[0],"px ").concat(e[1],"px ").concat(n,"px")})).join(",")}function H(t){return t.includes("?")?H(t.split("?")[0]):t.includes("#")?H(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function W(t,e){var n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}function V(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function J(t,e){var n,r,o=!1;return function i(){for(var a=arguments.length,c=new Array(a),l=0;l0?[e,n,r]:[n,r]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function et(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var nt=Object.freeze({__proto__:null,query:m,queryAll:g,addClass:b,removeClass:w,hasClass:x,append:O,remove:function(t){return t.parentNode.removeChild(t)},setStyle:k,setStyles:j,getStyle:P,sublings:E,inverseClass:S,tooltip:T,isInViewport:R,includeFromEvent:C,replaceElement:I,ArtPlayerError:L,errorHandle:z,srtToVtt:_,vttToBlob:N,assToVtt:B,outline:F,getExt:H,download:W,def:U,has:Z,get:G,mergeDeep:X,sleep:Q,debounce:function(t,e,n){var r;function o(){for(var o=arguments.length,i=new Array(o),a=0;a-1;case"function":return t(f);case"regexp":return t.test(f);default:return!1}}))}}]),e}(),yt=function(){function e(n){var r=this;t(this,e),this.art=n;var o=n.option,i=n.constructor,a=n.whitelist;o.container instanceof Element?this.$container=o.container:(this.$container=m(o.container),z(this.$container,"No container element found by ".concat(o.container)));var c=this.$container.tagName.toLowerCase();z("div"===c,"Unsupported container element type, only support 'div' but got '".concat(c,"'")),z(i.instances.every((function(t){return t.template.$container!==r.$container})),"Cannot mount multiple instances on the same dom element"),this.query=this.query.bind(this),this.$container.dataset.artId=n.id,this.$original=this.$container.cloneNode(!0),a.state?this.desktop():this.mobile()}return n(e,[{key:"query",value:function(t){return m(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option;t.useSSR||(this.$container.innerHTML=e.html),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$poster=this.query(".art-poster"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),t.backdrop&&(b(this.$setting,"art-backdrop-filter"),b(this.$contextmenu,"art-backdrop-filter"),b(this.$info,"art-backdrop-filter")),d&&b(this.$player,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?I(this.$original,this.$container):b(this.$player,"art-destroy")}}],[{key:"html",get:function(){return'
Player version:
4.3.9
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'}}]),e}(),mt={"Video Info":"统计信息",Close:"关闭","Video Load Failed":"加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音","Video Flip":"画面翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide Subtitle":"隐藏字幕","Show Subtitle":"显示字幕","Show Setting":"显示设置","Hide Setting":"隐藏设置",Screenshot:"截图","Play Speed":"播放速度","Aspect Ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch Video":"切换","Switch Subtitle":"切换字幕",Fullscreen:"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"网页全屏","Exit Web Fullscreen":"退出网页全屏","Mini Player":"迷你播放器","PIP Mode":"画中画模式","Exit PIP Mode":"退出画中画模式","PIP Not Supported":"不支持画中画模式","Fullscreen Not Supported":"不支持全屏模式","Subtitle Offset":"字幕偏移","Auto playback at":"已为您定位至"},gt={"Video Info":"統計訊息",Close:"關閉","Video Load Failed":"載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音","Video Flip":"畫面翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide Subtitle":"隱藏字幕","Show Subtitle":"顯示字幕","Show Setting":"顯示设置","Hide Setting":"隱藏设置",Screenshot:"截圖","Play Speed":"播放速度","Aspect Ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch Video":"切換","Switch Subtitle":"切換字幕",Fullscreen:"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"網頁全屏","Exit Web Fullscreen":"退出網頁全屏","Mini Player":"迷你播放器","PIP Mode":"畫中畫模式","Exit PIP Mode":"退出畫中畫模式","PIP Not Supported":"不支持畫中畫模式","Fullscreen Not Supported":"不支持全屏模式","Subtitle Offset":"字幕偏移","Auto playback at":"已為您定位至"},bt=function(){function e(n){t(this,e),this.art=n,this.languages={"zh-cn":mt,"zh-tw":gt},this.init()}return n(e,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=X(this.languages,t),this.init()}}]),e}();var wt={exports:{}};!function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},n=t.exports,r=function(){for(var t,n=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],r=0,o=n.length,i={};rd){var h=d*s/l;k(n,"width","".concat(100*h,"%")),k(n,"height","100%"),k(n,"padding","0 ".concat((u-u*h)/2,"px"))}else{var v=l/d/s;k(n,"width","100%"),k(n,"height","".concat(100*v,"%")),k(n,"padding","".concat((p-p*v)/2,"px 0"))}r.dataset.aspectRatio=e}i.show="".concat(o.get("Aspect Ratio"),": ").concat("default"===e?o.get("Default"):e),t.emit("aspectRatio",e)}}),U(t,"aspectRatioReset",{set:function(e){if(e){var n=t.aspectRatio;t.aspectRatio=n}}})}(n),function(t){var e=t.option,n=t.notice,r=t.template.$video,o=document.createElement("canvas");U(t,"getDataURL",{value:function(){return new Promise((function(t,e){try{o.width=r.videoWidth,o.height=r.videoHeight,o.getContext("2d").drawImage(r,0,0),t(o.toDataURL("image/png"))}catch(t){n.show=t,e(t)}}))}}),U(t,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{o.width=r.videoWidth,o.height=r.videoHeight,o.getContext("2d").drawImage(r,0,0),o.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){n.show=t,e(t)}}))}}),U(t,"screenshot",{value:function(){return t.getDataURL().then((function(n){return W(n,"".concat(e.title||"artplayer","_").concat(tt(r.currentTime),".png")),t.emit("screenshot",n),n}))}})}(n),Ot(n),function(t){var e=t.notice,n=t.template.$player;U(t,"fullscreenWeb",{get:function(){return x(n,"art-fullscreen-web")},set:function(r){r?(b(n,"art-fullscreen-web"),t.aspectRatioReset=!0,t.autoSize=!1,t.emit("resize"),t.emit("fullscreenWeb",!0),e.show=""):(w(n,"art-fullscreen-web"),t.aspectRatioReset=!0,t.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"),e.show="")}})}(n),kt(n),function(t){var e=t.template.$video;U(t,"loaded",{get:function(){return t.loadedTime/e.duration}}),U(t,"loadedTime",{get:function(){return e.buffered.length?e.buffered.end(e.buffered.length-1):0}})}(n),function(t){U(t,"played",{get:function(){return t.currentTime/t.duration}})}(n),function(t){var e=t.template.$video;U(t,"playing",{get:function(){return!!(e.currentTime>0&&!e.paused&&!e.ended&&e.readyState>2)}})}(n),function(t){var e=t.template,n=e.$container,r=e.$player,o=e.$video;U(t,"autoSize",{get:function(){return x(n,"art-auto-size")},set:function(e){if(e){var i=o.videoWidth,a=o.videoHeight,c=n.getBoundingClientRect(),l=c.width,s=c.height,u=i/a,p=l/s;if(b(n,"art-auto-size"),p>u)k(r,"width","".concat(s*u/l*100,"%")),k(r,"height","100%");else{var f=l/u/s*100;k(r,"width","100%"),k(r,"height","".concat(f,"%"))}t.emit("autoSize",{width:t.width,height:t.height})}else w(n,"art-auto-size"),k(r,"width",null),k(r,"height",null),t.emit("autoSize")}})}(n),function(t){U(t,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}});for(var e=["bottom","height","left","right","top","width"],n=function(n){var r=e[n];U(t,r,{get:function(){return t.rect[r]}})},r=0;r=1?(e=[r,o],t.emit("loop",e)):(e=[],t.emit("loop"))}else e=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){e.length&&(t.currentTimee[1])&&(t.seek=e[0])}))}(n),function(t){var e=t.option,n=t.template.$poster;U(t,"poster",{get:function(){return e.poster},set:function(t){e.poster=t,k(n,"backgroundImage","url(".concat(t,")"))}})}(n),function(t){var e=t.option,n=t.template,r=n.$container,o=n.$video,i=r.style.height;U(t,"autoHeight",{get:function(){return x(r,"art-auto-height")},set:function(n){if(n){var a=r.clientWidth,c=o.videoHeight*(a/o.videoWidth);k(r,"height",c+"px"),b(r,"art-auto-height"),t.autoSize=e.autoSize,t.emit("autoHeight",c)}else k(r,"height",i),w(r,"art-auto-height"),t.autoSize=e.autoSize,t.emit("autoHeight")}})}(n),function(t){var e=t.option,n=t.template.$player;U(t,"theme",{get:function(){return getComputedStyle(n).getPropertyValue("--theme")},set:function(t){e.theme=t,n.style.setProperty("--theme",t)}})}(n),function(t){U(t,"title",{get:function(){return t.option.title},set:function(e){t.option.title=e}})}(n),function(t){var e=["mini","pip","fullscreen","fullscreenWeb"];!function(e){for(var n=function(n){var r=e[n];t.on(r,(function(){t[r]&&e.filter((function(t){return t!==r})).forEach((function(e){t[e]&&(t[e]=!1)}))}))},r=0;r=Number(o.dataset.index)}));return a?a.insertAdjacentElement("beforebegin",o):O(this.$parent,o),n.html&&O(o,n.html),n.style&&j(o,n.style),n.tooltip&&T(o,n.tooltip),n.click&&this.art.events.proxy(o,"click",(function(t){t.preventDefault(),n.click.call(e.art,e,t)})),n.selector&&["left","right"].includes(n.position)&&this.selector(n,o),n.mounted&&n.mounted.call(this.art,o),1===o.childNodes.length&&3===o.childNodes[0].nodeType&&b(o,"art-control-onlyText"),U(this,r,{value:o}),o}}},{key:"selector",value:function(t,e){var n=this,r=this.art.events,o=r.hover,i=r.proxy;b(e,"art-control-selector");var a=document.createElement("div");b(a,"art-selector-value"),O(a,t.html),e.innerText="",O(e,a);var c=t.selector.map((function(t,e){return'
').concat(t.html,"
")})).join(""),l=document.createElement("div");b(l,"art-selector-list"),O(l,c),O(e,l);var s=function(){var t=P(e,"width")/2-P(l,"width")/2;l.style.left="".concat(t,"px")};o(e,s),i(l,"click",(function(e){var r=(e.composedPath()||[]).find((function(t){return x(t,"art-selector-item")}));if(r){S(r,"art-current");var o=Number(r.dataset.index),i=t.selector[o]||{};if(a.innerText=r.innerText,t.onSelect){var c=t.onSelect.call(n.art,i,r,e);"string"!=typeof c&&"number"!=typeof c||(a.innerHTML=c)}s(),n.art.emit("selector",i,r)}}))}}]),e}();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 Rt(t){for(var e=1;e
',mounted:function(t){var i=!1,a=m(".art-progress-loaded",t),c=m(".art-progress-played",t),l=m(".art-progress-highlight",t),s=m(".art-progress-indicator",t),u=m(".art-progress-tip",t);k(c,"backgroundColor","var(--theme)");var p=e.constructor.INDICATOR_SIZE;function f(t,e){"loaded"===t&&k(a,"width","".concat(100*e,"%")),"played"===t&&(k(c,"width","".concat(100*e,"%")),k(s,"left","calc(".concat(100*e,"% - ").concat(p/2,"px)")))}n.indicator?(p=e.constructor.INDICATOR_SIZE_ICON,O(s,n.indicator)):j(s,{backgroundColor:"var(--theme)"}),d&&(p=e.constructor.INDICATOR_SIZE_MOBILE,n.indicator&&(p=e.constructor.INDICATOR_SIZE_MOBILE_ICON)),j(s,{left:"-".concat(p/2,"px"),width:"".concat(p,"px"),height:"".concat(p,"px")});for(var h=0;h'))}f("loaded",e.loaded),e.on("video:progress",(function(){f("loaded",e.loaded)})),e.on("video:timeupdate",(function(){f("played",e.played)})),e.on("video:ended",(function(){f("played",1)})),o(t,"mousemove",(function(n){k(u,"display","block"),C(n,l)?function(n){var r=_t(e,n).width,o=n.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;r<=i/2?k(u,"left",0):r>t.clientWidth-i/2?k(u,"left","".concat(t.clientWidth-i,"px")):k(u,"left","".concat(r-i/2,"px"))}(n):function(n){var r=_t(e,n),o=r.width,i=r.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?k(u,"left",0):o>t.clientWidth-a/2?k(u,"left","".concat(t.clientWidth-a,"px")):k(u,"left","".concat(o-a/2,"px"))}(n)})),o(t,"mouseout",(function(){k(u,"display","none")})),o(t,"click",(function(t){if(t.target!==s){var n=_t(e,t),r=n.second;f("played",n.percentage),e.seek=r}})),o(s,"mousedown",(function(){i=!0})),o(document,"mousemove",(function(t){if(i){var n=_t(e,t),r=n.second;f("played",n.percentage),e.seek=r}})),o(document,"mouseup",(function(){i&&(i=!1)})),function(t,e,n){if(d&&!t.option.isLive){var r=t.plugins,o=t.template.$progress,i=t.events.proxy,a=!1;i(e,"touchstart",(function(t){1===t.touches.length&&(a=!0)})),i(document,"touchmove",(function(e){if(1===e.touches.length&&a){var i=r.autoOrientation&&r.autoOrientation.state,c=o.getBoundingClientRect(),l=c.left,s=c.top,u=e.touches[0],p=u.clientX,f=u.clientY,d=K(p-l,0,o.clientWidth),h=K(f-s,0,o.clientWidth),v=i?h:d,y=d/o.clientWidth*t.duration,m=h/o.clientWidth*t.duration,g=i?m:y,b=K(v/o.clientWidth,0,1);n("played",b),t.seek=g}})),i(document,"touchend",(function(){a&&(a=!1)}))}}(e,s,f)}})}}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 Ft(t){for(var e=1;eo.clientWidth-f/2?k(t,"left","".concat(o.clientWidth-f,"px")):k(t,"left","".concat(a-f/2,"px"))}(r))})),c(o,"mouseout",(function(){k(t,"display","none")}))}})}}function Qt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jt(t){for(var e=1;e=a.CONTROL_HIDE_TIME&&(n.show=!1,b(l,"art-hide-cursor"),w(l,"art-hover"))})),e.once("video:loadedmetadata",(function(){n.add(Nt({name:"progress",disable:i.isLive,position:"top",index:10})),n.add(Xt({name:"thumbnails",disable:!i.thumbnails.url||i.isLive||d,position:"top",index:20})),n.add(function(t){return function(e){return ne(ne({},t),{},{mounted:function(t){var n=O(t,''),r=O(t,'');e.on("loop",(function(o){o?(k(t,"display","block"),k(n,"left","calc(".concat(o[0]/e.duration*100,"% - ").concat(n.clientWidth,"px)")),k(r,"left","".concat(o[1]/e.duration*100,"%"))):k(t,"display","none")}))}})}}({name:"loop",disable:!1,position:"top",index:30})),n.add(function(t){return function(e){return Mt(Mt({},t),{},{mounted:function(t){var n=e.events.proxy,r=e.icons,o=e.i18n,i=O(t,r.play),a=O(t,r.pause);function c(){k(i,"display","flex"),k(a,"display","none")}function l(){k(i,"display","none"),k(a,"display","flex")}T(i,o.get("Play")),T(a,o.get("Pause")),n(i,"click",(function(){e.play()})),n(a,"click",(function(){e.pause()})),e.playing?l():c(),e.on("video:playing",(function(){l()})),e.on("video:pause",(function(){c()}))}})}}({name:"playAndPause",disable:!1,position:"left",index:10})),n.add(function(t){return function(e){return qt(qt({},t),{},{mounted:function(t){var n=e.events.proxy,r=e.icons,o=e.i18n,i=!1,a=e.constructor.VOLUME_PANEL_WIDTH,c=e.constructor.VOLUME_HANDLE_WIDTH,l=O(t,r.volume),s=O(t,r.volumeClose),u=O(t,'
'),p=O(u,'
');function f(t){var e=u.getBoundingClientRect().left;return K(t.pageX-e-c/2,0,a-c/2)/(a-c)}function h(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(e.muted||0===t)k(l,"display","none"),k(s,"display","flex"),k(p,"left","0");else{var n=(a-c)*t;k(l,"display","flex"),k(s,"display","none"),k(p,"left","".concat(n,"px"))}}T(l,o.get("Mute")),k(s,"display","none"),d&&k(u,"display","none"),h(e.volume),e.on("video:volumechange",(function(){h(e.volume)})),n(l,"click",(function(){e.muted=!0})),n(s,"click",(function(){e.muted=!1})),n(u,"click",(function(t){e.muted=!1,e.volume=f(t)})),n(p,"mousedown",(function(){i=!0})),n(t,"mousemove",(function(t){i&&(e.muted=!1,e.volume=f(t))})),n(document,"mouseup",(function(){i&&(i=!1)}))}})}}({name:"volume",disable:!1,position:"left",index:20})),n.add(function(t){return function(e){return Wt(Wt({},t),{},{mounted:function(t){function n(){var n="".concat(tt(e.currentTime)," / ").concat(tt(e.duration));n!==t.innerText&&(t.innerText=n)}n();for(var r=["video:loadedmetadata","video:timeupdate","video:progress"],o=0;o0.50.75').concat(n.get("Normal"),'1.251.52.0'),click:function(t,n){var r=n.target.dataset.value;r&&(e.playbackRate=Number(r),t.show=!1)},mounted:function(t){e.on("playbackRate",(function(e){var n=g("span",t).find((function(t){return Number(t.dataset.value)===e}));n&&S(n,"art-current")}))}})}}({disable:!n.playbackRate,name:"playbackRate",index:10})),this.add(function(t){return function(e){var n=e.i18n;return le(le({},t),{},{html:"".concat(n.get("Aspect Ratio"),':').concat(n.get("Default"),'4:316:9'),click:function(t,n){var r=n.target.dataset.value;r&&(e.aspectRatio=r,t.show=!1)},mounted:function(t){e.on("aspectRatio",(function(e){var n=g("span",t).find((function(t){return t.dataset.value===e}));n&&S(n,"art-current")}))}})}}({disable:!n.aspectRatio,name:"aspectRatio",index:20})),this.add(function(t){return function(e){var n=e.i18n;return ue(ue({},t),{},{html:"".concat(n.get("Video Flip"),':').concat(n.get("Normal"),'').concat(n.get("Horizontal"),'').concat(n.get("Vertical"),""),click:function(t,n){var r=n.target.dataset.value;r&&(e.flip=r,t.show=!1)},mounted:function(t){e.on("flip",(function(e){var n=g("span",t).find((function(t){return t.dataset.value===e}));n&&S(n,"art-current")}))}})}}({disable:!n.flip,name:"flip",index:30})),this.add(function(t){return function(e){return fe(fe({},t),{},{html:e.i18n.get("Video Info"),click:function(t){e.info.show=!0,t.show=!1}})}}({disable:!1,name:"info",index:40})),this.add(function(t){return he(he({},t),{},{html:'ArtPlayer 4.3.9'})}({disable:!1,name:"version",index:50})),this.add(function(t){return function(e){return ye(ye({},t),{},{html:e.i18n.get("Close"),click:function(t){t.show=!1}})}}({disable:!1,name:"close",index:60}));for(var c=0;cs+l&&(h=l-d),r+f>u+c&&(v=c-f),j(i,{top:"".concat(v,"px"),left:"".concat(h,"px")})})),a(o,"click",(function(e){C(e,i)||(t.show=!1)})),this.art.on("blur",(function(){t.show=!1}))}}]),o}(St);function be(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=l(t);if(e){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}var we=function(e){i(o,e);var r=be(o);function o(e){var n;return t(this,o),(n=r.call(this,e)).name="info",e.once("video:loadedmetadata",(function(){d||n.init()})),n}return n(o,[{key:"init",value:function(){var t=this,e=this.art,n=e.constructor,r=e.events.proxy,o=e.template,i=o.$infoPanel,a=o.$infoClose,c=o.$video;r(a,"click",(function(){t.show=!1}));var l=null,s=g("[data-video]",i)||[];this.art.on("destroy",(function(){clearTimeout(l)})),function t(){for(var e=0;e".concat(et(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.art,r=n.i18n,o=n.notice,i=n.option,a=Oe(Oe(Oe({},i.subtitle),e),{},{url:t});return this.init(a).then((function(t){return e.name&&(o.show="".concat(r.get("Switch Subtitle"),": ").concat(e.name)),t}))}},{key:"init",value:function(t){var e=this;if(u(t,dt.subtitle),t.url){var n=this.art,r=n.notice,o=n.events.proxy,i=n.template,a=i.$subtitle,c=i.$video;if(!i.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",c.appendChild(l),this.art.template.$track=l,o(this.textTrack,"cuechange",this.update.bind(this))}return this.style(Oe({"text-shadow":F()},t.style)),z(window.fetch,"fetch not support"),fetch(t.url).then((function(t){return t.arrayBuffer()})).then((function(n){z(window.TextDecoder,"TextDecoder not support");var r=new TextDecoder(t.encoding).decode(n);switch(e.art.emit("subtitleLoad",t.url),t.type||H(t.url)){case"srt":return N(_(r));case"ass":return N(B(r));case"vtt":return N(r);default:return t.url}})).then((function(t){return a.innerHTML="",e.url===t||(URL.revokeObjectURL(e.url),e.art.template.$track.src=t,e.art.emit("subtitleSwitch",t)),t})).catch((function(t){throw r.show=t,t}))}}}]),o}(St);var Pe=function(){function e(n){var r=this;t(this,e),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),n.whitelist.state&&n.once("video:loadedmetadata",(function(){!function(t,e){var n=t.constructor,r=t.template,o=r.$player,i=r.$video;e.proxy(document,["click","contextmenu"],(function(e){C(e,o)?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))}));var a=0;e.proxy(i,"click",(function(){var e=Date.now();e-a<=n.DB_CLICE_TIME?(t.emit("dblclick"),d?t.toggle():t.fullscreen=!t.fullscreen):(t.emit("click"),d||t.toggle()),a=e}))}(n,r),function(t,e){var n=t.template.$player;e.hover(n,(function(){b(n,"art-hover"),t.emit("hover",!0)}),(function(){w(n,"art-hover"),t.emit("hover")}))}(n,r),function(t,e){var n=t.template.$player;e.proxy(n,"mousemove",(function(e){t.emit("mousemove",e)}))}(n,r),function(t,e){var n=t.notice,r=t.option,o=J((function(){t.normalSize&&(t.autoSize=r.autoSize),t.aspectRatioReset=!0,n.show="",t.emit("resize")}),t.constructor.RESIZE_TIME);e.proxy(window,["orientationchange","resize"],(function(){o()})),screen&&screen.orientation&&screen.orientation.onchange&&e.proxy(screen.orientation,"change",(function(){o()}))}(n,r),function(t,e){if(d&&!t.option.isLive){var n=t.notice,r=t.plugins,o=t.constructor,i=t.template.$video,a=!1,c=0,l=0,s=0,u=null;e.proxy(i,"touchstart",(function(e){if(1===e.touches.length){a=!0;var n=e.touches[0],r=n.clientX,i=n.clientY;c=r,l=i,clearTimeout(u),u=setTimeout((function(){t.playbackRate=o.MOBILE_AUTO_PLAYBACKRATE}),o.MOBILE_AUTO_PLAYBACKRATE_TIME)}})),e.proxy(i,"touchmove",(function(e){if(1===e.touches.length&&a){var o=r.autoOrientation&&r.autoOrientation.state,i=e.touches[0],u=i.clientX,p=i.clientY,f=K((u-c)/t.width,-1,1),d=K((p-l)/t.height,-1,1);t.duration&&(s=K(o?t.currentTime+t.duration*d:t.currentTime+t.duration*f,0,t.duration),n.show="".concat(tt(s)," / ").concat(tt(t.duration)))}})),e.proxy(document,"touchend",(function(){a&&(s&&(t.seek=s),3===t.playbackRate&&(t.playbackRate=1),c=0,l=0,s=0,a=!1,clearTimeout(u),u=null)}))}}(n,r),function(t,e){var n=t.option,r=t.constructor,o=t.template.$container,i=J((function(){t.emit("view",R(o,r.SCROLL_GAP))}),r.SCROLL_TIME);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(e){n.autoMini&&(t.mini=!e)}))}(n,r)}))}return n(e,[{key:"proxy",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return r.proxy(t,e,n,o)}));t.addEventListener(e,n,o);var i=function(){return t.removeEventListener(e,n,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(n,r){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return r(new L("Unable to get Image"));(o=new Image).src=t}if(o.complete)return n(o);e.proxy(o,"load",(function(){return n(o)})),e.proxy(o,"error",(function(){return r(new L("Failed to load Image: ".concat(o.src)))}))}))}},{key:"destroy",value:function(){for(var t=0;t',state:'',play:'',pause:'',check:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:'',arrowLeft:'',arrowRight:'',playbackRate:'',aspectRatio:'',config:'',lock:'',unlock:''},n.option.icons);Object.keys(o).forEach((function(t){U(r,t,{get:function(){var e=document.createElement("i");return b(e,"art-icon"),b(e,"art-icon-".concat(t)),O(e,o[t]),e}})}))}));function Le(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=l(t);if(e){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function ze(t,e,n){for(var r=0;r'),c=document.createElement("div");b(c,"art-setting-item-left-icon"),O(c,r.arrowLeft),O(a,c),O(a,t._parentItem.html);var l=o(i,"click",(function(){e.init(t._parentList)}));return this.events.push(l),i}},{key:"creatItem",value:function(t){var e=this,n=this.art,r=n.icons,o=n.events.proxy,i=t.selector&&t.selector.length,a=document.createElement("div");b(a,"art-setting-item"),t.default&&b(a,"art-current");var c=O(a,'
'),l=O(a,'
'),s=document.createElement("div");b(s,"art-setting-item-left-icon"),O(s,i?t.icon||r.config:r.check),O(c,s),t._$icon=s,U(t,"icon",{get:function(){return s.innerHTML},set:function(t){"string"!=typeof t&&"number"!=typeof t||(s.innerHTML=t)}});var u=document.createElement("div");if(b(u,"art-setting-item-left-text"),O(u,t.html||""),O(c,u),t._$html=u,U(t,"html",{get:function(){return u.innerHTML},set:function(t){"string"!=typeof t&&"number"!=typeof t||(u.innerHTML=t)}}),i){var p=document.createElement("div");b(p,"art-setting-item-right-tooltip"),O(p,t.tooltip||""),O(l,p),t._$tooltip=p,U(t,"tooltip",{get:function(){return p.innerHTML},set:function(t){"string"!=typeof t&&"number"!=typeof t||(p.innerHTML=t)}});var f=document.createElement("div");b(f,"art-setting-item-right-icon"),O(f,r.arrowRight),O(l,f)}var d=o(a,"click",(function(n){if(i)e.init(t.selector,t.width);else if(S(a,"art-current"),t._parentList&&e.init(t._parentList),t._parentItem&&t._parentItem.onSelect){var r=t._parentItem.onSelect.call(e.art,t,a,n);t._parentItem._$tooltip&&("string"!=typeof r&&"number"!=typeof r||(t._parentItem._$tooltip.innerHTML=r))}}));return this.events.push(d),a}},{key:"init",value:function(t,e){if(this.cache.has(t)){var n=this.cache.get(t);S(n,"art-current"),k(this.$parent,"width","".concat(n.dataset.width,"px"))}else{var r=document.createElement("div");b(r,"art-setting-panel"),t[0]&&t[0]._parentItem&&O(r,this.creatHeader(t[0]));for(var o=0;oc&&su)&&setTimeout((function(){k(o,"width","".concat(u,"px")),k(o,"height","".concat(s,"px")),k(o,"transform-origin","0 0"),k(o,"transform","rotate(90deg) translate(0, -".concat(s,"px)")),b(o,"art-auto-orientation")}),n.MOBILE_AUTO_ORIENTATION_TIME)}else x(o,"art-auto-orientation")&&(k(o,"width",null),k(o,"height",null),k(o,"transform",null),k(o,"transform-origin",null),w(o,"art-auto-orientation"),t.aspectRatioReset=!0,t.autoSize=e.autoSize,t.notice.show="")})),{name:"autoOrientation",get state(){return x(o,"art-auto-orientation")}}}function He(t){var e=t.i18n,n=t.storage,r=t.constructor,o=t.template.$poster;return t.on("video:timeupdate",(function(){var e=n.get("times")||{},o=Object.keys(e);o.length>r.AUTO_PLAYBACK_MAX&&delete e[o[0]],e[t.option.url]=t.currentTime,n.set("times",e)})),t.on("ready",(function(){var r=(n.get("times")||{})[t.option.url];r&&(t.seek=r,k(o,"display","none"),t.notice.show="".concat(e.get("Auto playback at")," ").concat(tt(r)))})),{name:"autoPlayback",get times(){return n.get("times")||{}},clear:function(){return n.del("times")}}}function We(t){var e=t.layers,n=t.icons,r=t.template.$player;return e.add({name:"lock",mounted:function(e){var r=O(e,n.lock),o=O(e,n.unlock);k(r,"display","none"),t.on("lock",(function(t){t?(k(r,"display","inline-flex"),k(o,"display","none")):(k(r,"display","none"),k(o,"display","inline-flex"))}))},click:function(){x(r,"art-lock")?(w(r,"art-lock"),t.emit("lock",!1)):(b(r,"art-lock"),t.emit("lock",!0))}}),{name:"lock",get state(){return x(r,"art-lock")}}}var Ve=function(){function e(n){t(this,e),this.art=n,this.id=0;var r=n.option;!r.isLive&&r.miniProgressBar&&this.add(Be),r.lock&&d&&this.add(We),r.autoPlayback&&this.add(He),r.autoOrientation&&d&&this.add(Fe);for(var o=0;o0&&void 0!==arguments[0]?arguments[0]:{};this.isEnd||(this.art.switchUrl(e.url),this.art.once("video:timeupdate",(function(){t.art.emit("ads:start",e)})),this.art.once("video:ended",(function(){var e=t.next;e?(t.index+=1,t.play(e)):t.end()})))}},{key:"end",value:function(){this.isEnd||(this.isEnd=!0,this.playing=!1,this.art.option.url=this.urlCache,this.art.switchUrl(this.urlCache),this.art.emit("ads:end"))}}]),e}(),Ue=n((function e(n){t(this,e);for(var r=n.option,o=n.events.proxy,i=n.template.$video,a=0;a0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),Ge.splice(Ge.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return Ge}},{key:"version",get:function(){return"4.3.9"}},{key:"env",get:function(){return"production"}},{key:"build",get:function(){return"1651029214759"}},{key:"config",get:function(){return ht}},{key:"utils",get:function(){return nt}},{key:"scheme",get:function(){return dt}},{key:"Emitter",get:function(){return p}},{key:"validator",get:function(){return u}},{key:"kindOf",get:function(){return u.kindOf}},{key:"html",get:function(){return yt.html}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",type:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMini:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,useSSR:!1,playsInline:!0,lock:!0,autoPlayback:!1,autoOrientation:!1,ads:[],layers:[],contextmenu:[],controls:[],settings:[],quality:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,column:10},subtitle:{url:"",type:"",style:{},encoding:"utf-8"},moreVideoAttr:{controls:!1,preload:h?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),a}(p);return Xe.NOTICE_TIME=2e3,Xe.SETTING_WIDTH=250,Xe.SETTING_ITEM_WIDTH=200,Xe.INDICATOR_SIZE=14,Xe.INDICATOR_SIZE_ICON=16,Xe.INDICATOR_SIZE_MOBILE=18,Xe.INDICATOR_SIZE_MOBILE_ICON=20,Xe.VOLUME_PANEL_WIDTH=60,Xe.VOLUME_HANDLE_WIDTH=12,Xe.RESIZE_TIME=500,Xe.SCROLL_TIME=200,Xe.SCROLL_GAP=50,Xe.AUTO_PLAYBACK_MAX=10,Xe.RECONNECT_TIME_MAX=5,Xe.RECONNECT_SLEEP_TIME=1e3,Xe.CONTROL_HIDE_TIME=3e3,Xe.DB_CLICE_TIME=300,Xe.MOBILE_AUTO_PLAYBACKRATE=3,Xe.MOBILE_AUTO_PLAYBACKRATE_TIME=1e3,Xe.MOBILE_AUTO_ORIENTATION_TIME=100,Xe.INFO_LOOP_TIME=1e3,console.log("%c ArtPlayer %c 4.3.9 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),Xe})); +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Artplayer=e()}(this,(function(){"use strict";function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var r=0;r1?r-1:0),o=1;o1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelector(t)}function g(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return Array.from(e.querySelectorAll(t))}function b(t,e){return t.classList.add(e)}function w(t,e){return t.classList.remove(e)}function x(t,e){return t.classList.contains(e)}function O(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function k(t,e,r){return t.style[e]=r,t}function j(t,e){return Object.keys(e).forEach((function(r){k(t,r,e[r])})),t}function P(t,e){var r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=window.getComputedStyle(t,null).getPropertyValue(e);return r?parseFloat(n):n}function E(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function S(t,e){E(t).forEach((function(t){return w(t,e)})),b(t,e)}function T(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"up";d||(t.setAttribute("aria-label",e),t.setAttribute("data-balloon-pos",r))}function R(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=t.getBoundingClientRect(),n=window.innerHeight||document.documentElement.clientHeight,o=window.innerWidth||document.documentElement.clientWidth,i=r.top-e<=n&&r.top+r.height+e>=0,a=r.left-e<=o+e&&r.left+r.width+e>=0;return i&&a}function C(t,e){return t.composedPath&&t.composedPath().indexOf(e)>-1}function I(t,e){return e.parentNode.replaceChild(t,e),t}function $(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function D(t,e,r){return D=$()?Reflect.construct:function(t,e,r){var n=[null];n.push.apply(n,e);var i=new(Function.bind.apply(t,n));return r&&o(i,r.prototype),i},D.apply(null,arguments)}function z(t){var e="function"==typeof Map?new Map:void 0;return z=function(t){if(null===t||(r=t,-1===Function.toString.call(r).indexOf("[native code]")))return t;var r;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return D(t,arguments,l(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),o(n,t)},z(t)}function M(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=l(t);if(e){var o=l(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return c(this,r)}}var A=function(e){i(a,e);var o=M(a);function a(e,r){var i;return t(this,a),i=o.call(this,e),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(n(i),r||i.constructor),i.name="ArtPlayerError",i}return r(a)}(z(Error));function L(t,e){if(!t)throw new A(e);return t}function _(t){return"WEBVTT \r\n\r\n".concat(t.replace(/{[\s\S]*?}/g,"").replace(/\{\\([ibu])\}/g,"").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function N(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function B(t){var e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function r(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return t.split(/[:.]/).map((function(t,e,r){if(e===r.length-1){if(1===t.length)return".".concat(t,"00");if(2===t.length)return".".concat(t,"0")}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===r.length-1?".".concat(t):":".concat(t)})).join("")}return"WEBVTT\n\n".concat(t.split(/\r?\n/).map((function(t){var n=t.match(e);return n?{start:r(n[1].trim()),end:r(n[2].trim()),text:n[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((function(t){return t.trim()})).join("\n")}:null})).filter((function(t){return t})).map((function(t,e){return t?"".concat(e+1,"\n").concat(t.start," --\x3e ").concat(t.end,"\n").concat(t.text):""})).filter((function(t){return t.trim()})).join("\n\n"))}function F(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"#000",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return[[e,0],[0,e],[-e,0],[0,-e],[e,e],[-e,-e],[e,-e],[-e,e]].map((function(e){return"".concat(t," ").concat(e[0],"px ").concat(e[1],"px ").concat(r,"px")})).join(",")}function H(t){return t.includes("?")?H(t.split("?")[0]):t.includes("#")?H(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function V(t,e){var r=document.createElement("a");r.style.display="none",r.href=t,r.download=e,document.body.appendChild(r),r.click(),document.body.removeChild(r)}function q(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r0&&void 0!==arguments[0]?arguments[0]:0;return new Promise((function(e){return setTimeout(e,t)}))}function J(t,e){var r,n,o=!1;return function i(){for(var a=arguments.length,c=new Array(a),l=0;l0?[e,r,n]:[r,n]).map((function(t){return t<10?"0".concat(t):String(t)})).join(":")}function et(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var rt=Object.freeze({__proto__:null,query:m,queryAll:g,addClass:b,removeClass:w,hasClass:x,append:O,remove:function(t){return t.parentNode.removeChild(t)},setStyle:k,setStyles:j,getStyle:P,sublings:E,inverseClass:S,tooltip:T,isInViewport:R,includeFromEvent:C,replaceElement:I,ArtPlayerError:A,errorHandle:L,srtToVtt:_,vttToBlob:N,assToVtt:B,outline:F,getExt:H,download:V,def:U,has:G,get:Y,mergeDeep:X,sleep:Q,debounce:function(t,e,r){var n;function o(){for(var o=arguments.length,i=new Array(o),a=0;a-1;case"function":return t(f);case"regexp":return t.test(f);default:return!1}}))}}]),e}(),yt=function(){function e(r){var n=this;t(this,e),this.art=r;var o=r.option,i=r.constructor,a=r.whitelist;o.container instanceof Element?this.$container=o.container:(this.$container=m(o.container),L(this.$container,"No container element found by ".concat(o.container)));var c=this.$container.tagName.toLowerCase();L("div"===c,"Unsupported container element type, only support 'div' but got '".concat(c,"'")),L(i.instances.every((function(t){return t.template.$container!==n.$container})),"Cannot mount multiple instances on the same dom element"),this.query=this.query.bind(this),this.$container.dataset.artId=r.id,this.$original=this.$container.cloneNode(!0),a.state?this.desktop():this.mobile()}return r(e,[{key:"query",value:function(t){return m(t,this.$container)}},{key:"desktop",value:function(){var t=this.art.option;t.useSSR||(this.$container.innerHTML=e.html),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$poster=this.query(".art-poster"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),t.backdrop&&(b(this.$setting,"art-backdrop-filter"),b(this.$contextmenu,"art-backdrop-filter"),b(this.$info,"art-backdrop-filter")),d&&b(this.$player,"art-mobile")}},{key:"mobile",value:function(){this.$container.innerHTML='
',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}},{key:"destroy",value:function(t){t?I(this.$original,this.$container):b(this.$player,"art-destroy")}}],[{key:"html",get:function(){return'
Player version:
4.3.10
Video url:
Video volume:
Video time:
Video duration:
Video resolution:
x
[x]
xD7
'}}]),e}(),mt={"Video Info":"统计信息",Close:"关闭","Video Load Failed":"加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音","Video Flip":"画面翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide Subtitle":"隐藏字幕","Show Subtitle":"显示字幕","Show Setting":"显示设置","Hide Setting":"隐藏设置",Screenshot:"截图","Play Speed":"播放速度","Aspect Ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch Video":"切换","Switch Subtitle":"切换字幕",Fullscreen:"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"网页全屏","Exit Web Fullscreen":"退出网页全屏","Mini Player":"迷你播放器","PIP Mode":"画中画模式","Exit PIP Mode":"退出画中画模式","PIP Not Supported":"不支持画中画模式","Fullscreen Not Supported":"不支持全屏模式","Subtitle Offset":"字幕偏移","Auto playback at":"已为您定位至"},gt={"Video Info":"統計訊息",Close:"關閉","Video Load Failed":"載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音","Video Flip":"畫面翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide Subtitle":"隱藏字幕","Show Subtitle":"顯示字幕","Show Setting":"顯示设置","Hide Setting":"隱藏设置",Screenshot:"截圖","Play Speed":"播放速度","Aspect Ratio":"畫面比例",Default:"默認",Normal:"正常",Open:"打開","Switch Video":"切換","Switch Subtitle":"切換字幕",Fullscreen:"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"網頁全屏","Exit Web Fullscreen":"退出網頁全屏","Mini Player":"迷你播放器","PIP Mode":"畫中畫模式","Exit PIP Mode":"退出畫中畫模式","PIP Not Supported":"不支持畫中畫模式","Fullscreen Not Supported":"不支持全屏模式","Subtitle Offset":"字幕偏移","Auto playback at":"已為您定位至"},bt=function(){function e(r){t(this,e),this.art=r,this.languages={"zh-cn":mt,"zh-tw":gt},this.init()}return r(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=X(this.languages,t),this.init()}}]),e}();var wt={exports:{}};!function(t){!function(){var e="undefined"!=typeof window&&void 0!==window.document?window.document:{},r=t.exports,n=function(){for(var t,r=[["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,o=r.length,i={};nd){var h=d*s/l;k(r,"width","".concat(100*h,"%")),k(r,"height","100%"),k(r,"padding","0 ".concat((u-u*h)/2,"px"))}else{var v=l/d/s;k(r,"width","100%"),k(r,"height","".concat(100*v,"%")),k(r,"padding","".concat((p-p*v)/2,"px 0"))}n.dataset.aspectRatio=e}i.show="".concat(o.get("Aspect Ratio"),": ").concat("default"===e?o.get("Default"):e),t.emit("aspectRatio",e)}}),U(t,"aspectRatioReset",{set:function(e){if(e){var r=t.aspectRatio;t.aspectRatio=r}}})}(r),function(t){var e=t.option,r=t.notice,n=t.template.$video,o=document.createElement("canvas");U(t,"getDataURL",{value:function(){return new Promise((function(t,e){try{o.width=n.videoWidth,o.height=n.videoHeight,o.getContext("2d").drawImage(n,0,0),t(o.toDataURL("image/png"))}catch(t){r.show=t,e(t)}}))}}),U(t,"getBlobUrl",{value:function(){return new Promise((function(t,e){try{o.width=n.videoWidth,o.height=n.videoHeight,o.getContext("2d").drawImage(n,0,0),o.toBlob((function(e){t(URL.createObjectURL(e))}))}catch(t){r.show=t,e(t)}}))}}),U(t,"screenshot",{value:function(){return t.getDataURL().then((function(r){return V(r,"".concat(e.title||"artplayer","_").concat(tt(n.currentTime),".png")),t.emit("screenshot",r),r}))}})}(r),Ot(r),function(t){var e=t.notice,r=t.template.$player;U(t,"fullscreenWeb",{get:function(){return x(r,"art-fullscreen-web")},set:function(n){n?(b(r,"art-fullscreen-web"),t.aspectRatioReset=!0,t.autoSize=!1,t.emit("resize"),t.emit("fullscreenWeb",!0),e.show=""):(w(r,"art-fullscreen-web"),t.aspectRatioReset=!0,t.autoSize=t.option.autoSize,t.emit("resize"),t.emit("fullscreenWeb"),e.show="")}})}(r),kt(r),function(t){var e=t.template.$video;U(t,"loaded",{get:function(){return t.loadedTime/e.duration}}),U(t,"loadedTime",{get:function(){return e.buffered.length?e.buffered.end(e.buffered.length-1):0}})}(r),function(t){U(t,"played",{get:function(){return t.currentTime/t.duration}})}(r),function(t){var e=t.template.$video;U(t,"playing",{get:function(){return!!(e.currentTime>0&&!e.paused&&!e.ended&&e.readyState>2)}})}(r),function(t){var e=t.template,r=e.$container,n=e.$player,o=e.$video;U(t,"autoSize",{get:function(){return x(r,"art-auto-size")},set:function(e){if(e){var i=o.videoWidth,a=o.videoHeight,c=r.getBoundingClientRect(),l=c.width,s=c.height,u=i/a,p=l/s;if(b(r,"art-auto-size"),p>u)k(n,"width","".concat(s*u/l*100,"%")),k(n,"height","100%");else{var f=l/u/s*100;k(n,"width","100%"),k(n,"height","".concat(f,"%"))}t.emit("autoSize",{width:t.width,height:t.height})}else w(r,"art-auto-size"),k(n,"width",null),k(n,"height",null),t.emit("autoSize")}})}(r),function(t){U(t,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}});for(var e=["bottom","height","left","right","top","width"],r=function(r){var n=e[r];U(t,n,{get:function(){return t.rect[n]}})},n=0;n=1?(e=[n,o],t.emit("loop",e)):(e=[],t.emit("loop"))}else e=[],t.emit("loop")}}),t.on("video:timeupdate",(function(){e.length&&(t.currentTimee[1])&&(t.seek=e[0])}))}(r),function(t){var e=t.option,r=t.template.$poster;U(t,"poster",{get:function(){return e.poster},set:function(t){e.poster=t,k(r,"backgroundImage","url(".concat(t,")"))}})}(r),function(t){var e=t.option,r=t.template,n=r.$container,o=r.$video,i=n.style.height;U(t,"autoHeight",{get:function(){return x(n,"art-auto-height")},set:function(r){if(r){var a=n.clientWidth,c=o.videoHeight*(a/o.videoWidth);k(n,"height",c+"px"),b(n,"art-auto-height"),t.autoSize=e.autoSize,t.emit("autoHeight",c)}else k(n,"height",i),w(n,"art-auto-height"),t.autoSize=e.autoSize,t.emit("autoHeight")}})}(r),function(t){var e=t.option,r=t.template.$player;U(t,"theme",{get:function(){return getComputedStyle(r).getPropertyValue("--theme")},set:function(t){e.theme=t,r.style.setProperty("--theme",t)}})}(r),function(t){U(t,"title",{get:function(){return t.option.title},set:function(e){t.option.title=e}})}(r),function(t){var e=["mini","pip","fullscreen","fullscreenWeb"];!function(e){for(var r=function(r){var n=e[r];t.on(n,(function(){t[n]&&e.filter((function(t){return t!==n})).forEach((function(e){t[e]&&(t[e]=!1)}))}))},n=0;n=Number(o.dataset.index)}));return a?a.insertAdjacentElement("beforebegin",o):O(this.$parent,o),r.html&&O(o,r.html),r.style&&j(o,r.style),r.tooltip&&T(o,r.tooltip),r.click&&this.art.events.proxy(o,"click",(function(t){t.preventDefault(),r.click.call(e.art,e,t)})),r.selector&&["left","right"].includes(r.position)&&this.selector(r,o),r.mounted&&r.mounted.call(this.art,o),1===o.childNodes.length&&3===o.childNodes[0].nodeType&&b(o,"art-control-onlyText"),U(this,n,{value:o}),o}}},{key:"selector",value:function(t,e){var r=this,n=this.art.events,o=n.hover,i=n.proxy;b(e,"art-control-selector");var a=document.createElement("div");b(a,"art-selector-value"),O(a,t.html),e.innerText="",O(e,a);var c=t.selector.map((function(t,e){return'
').concat(t.html,"
")})).join(""),l=document.createElement("div");b(l,"art-selector-list"),O(l,c),O(e,l);var s=function(){var t=P(e,"width")/2-P(l,"width")/2;l.style.left="".concat(t,"px")};o(e,s),i(l,"click",(function(e){var n=(e.composedPath()||[]).find((function(t){return x(t,"art-selector-item")}));if(n){S(n,"art-current");var o=Number(n.dataset.index),i=t.selector[o]||{};if(a.innerText=n.innerText,t.onSelect){var c=t.onSelect.call(r.art,i,n,e);"string"!=typeof c&&"number"!=typeof c||(a.innerHTML=c)}s(),r.art.emit("selector",i,n)}}))}}]),e}();function Tt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function Rt(t){for(var e=1;e
',mounted:function(t){var i=!1,a=m(".art-progress-loaded",t),c=m(".art-progress-played",t),l=m(".art-progress-highlight",t),s=m(".art-progress-indicator",t),u=m(".art-progress-tip",t);k(c,"backgroundColor","var(--theme)");var p=e.constructor.INDICATOR_SIZE;function f(t,e){"loaded"===t&&k(a,"width","".concat(100*e,"%")),"played"===t&&(k(c,"width","".concat(100*e,"%")),k(s,"left","calc(".concat(100*e,"% - ").concat(p/2,"px)")))}r.indicator?(p=e.constructor.INDICATOR_SIZE_ICON,O(s,r.indicator)):j(s,{backgroundColor:"var(--theme)"}),d&&(p=e.constructor.INDICATOR_SIZE_MOBILE,r.indicator&&(p=e.constructor.INDICATOR_SIZE_MOBILE_ICON)),j(s,{left:"-".concat(p/2,"px"),width:"".concat(p,"px"),height:"".concat(p,"px")});for(var h=0;h'))}f("loaded",e.loaded),e.on("setBar",(function(t,e){f(t,e)})),e.on("video:progress",(function(){f("loaded",e.loaded)})),e.on("video:timeupdate",(function(){f("played",e.played)})),e.on("video:ended",(function(){f("played",1)})),d||(o(t,"click",(function(t){if(t.target!==s){var r=_t(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(t,"mousemove",(function(r){k(u,"display","block"),C(r,l)?function(r){var n=_t(e,r).width,o=r.target.dataset.text;u.innerHTML=o;var i=u.clientWidth;n<=i/2?k(u,"left",0):n>t.clientWidth-i/2?k(u,"left","".concat(t.clientWidth-i,"px")):k(u,"left","".concat(n-i/2,"px"))}(r):function(r){var n=_t(e,r),o=n.width,i=n.time;u.innerHTML=i;var a=u.clientWidth;o<=a/2?k(u,"left",0):o>t.clientWidth-a/2?k(u,"left","".concat(t.clientWidth-a,"px")):k(u,"left","".concat(o-a/2,"px"))}(r)})),o(t,"mouseout",(function(){k(u,"display","none")})),o(s,"mousedown",(function(){i=!0})),o(document,"mousemove",(function(t){if(i){var r=_t(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(document,"mouseup",(function(){i&&(i=!1)})))}})}}function Bt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function Ft(t){for(var e=1;eo.clientWidth-f/2?k(t,"left","".concat(o.clientWidth-f,"px")):k(t,"left","".concat(a-f/2,"px"))}(n))})),c(o,"mouseout",(function(){k(t,"display","none")}))}})}}function Qt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function Jt(t){for(var e=1;e=a.CONTROL_HIDE_TIME&&(r.show=!1,b(l,"art-hide-cursor"),w(l,"art-hover"))})),e.once("video:loadedmetadata",(function(){r.add(Nt({name:"progress",disable:i.isLive,position:"top",index:10})),r.add(Xt({name:"thumbnails",disable:!i.thumbnails.url||i.isLive||d,position:"top",index:20})),r.add(function(t){return function(e){return re(re({},t),{},{mounted:function(t){var r=O(t,''),n=O(t,'');e.on("loop",(function(o){o?(k(t,"display","block"),k(r,"left","calc(".concat(o[0]/e.duration*100,"% - ").concat(r.clientWidth,"px)")),k(n,"left","".concat(o[1]/e.duration*100,"%"))):k(t,"display","none")}))}})}}({name:"loop",disable:!1,position:"top",index:30})),r.add(function(t){return function(e){return Mt(Mt({},t),{},{mounted:function(t){var r=e.events.proxy,n=e.icons,o=e.i18n,i=O(t,n.play),a=O(t,n.pause);function c(){k(i,"display","flex"),k(a,"display","none")}function l(){k(i,"display","none"),k(a,"display","flex")}T(i,o.get("Play")),T(a,o.get("Pause")),r(i,"click",(function(){e.play()})),r(a,"click",(function(){e.pause()})),e.playing?l():c(),e.on("video:playing",(function(){l()})),e.on("video:pause",(function(){c()}))}})}}({name:"playAndPause",disable:!1,position:"left",index:10})),r.add(function(t){return function(e){return Wt(Wt({},t),{},{mounted:function(t){var r=e.events.proxy,n=e.icons,o=e.i18n,i=!1,a=e.constructor.VOLUME_PANEL_WIDTH,c=e.constructor.VOLUME_HANDLE_WIDTH,l=O(t,n.volume),s=O(t,n.volumeClose),u=O(t,'
'),p=O(u,'
');function f(t){var e=u.getBoundingClientRect().left;return K(t.pageX-e-c/2,0,a-c/2)/(a-c)}function h(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(e.muted||0===t)k(l,"display","none"),k(s,"display","flex"),k(p,"left","0");else{var r=(a-c)*t;k(l,"display","flex"),k(s,"display","none"),k(p,"left","".concat(r,"px"))}}T(l,o.get("Mute")),k(s,"display","none"),d&&k(u,"display","none"),h(e.volume),e.on("video:volumechange",(function(){h(e.volume)})),r(l,"click",(function(){e.muted=!0})),r(s,"click",(function(){e.muted=!1})),r(u,"click",(function(t){e.muted=!1,e.volume=f(t)})),r(p,"mousedown",(function(){i=!0})),r(t,"mousemove",(function(t){i&&(e.muted=!1,e.volume=f(t))})),r(document,"mouseup",(function(){i&&(i=!1)}))}})}}({name:"volume",disable:!1,position:"left",index:20})),r.add(function(t){return function(e){return Vt(Vt({},t),{},{mounted:function(t){function r(){var r="".concat(tt(e.currentTime)," / ").concat(tt(e.duration));r!==t.innerText&&(t.innerText=r)}r();for(var n=["video:loadedmetadata","video:timeupdate","video:progress"],o=0;o0.50.75').concat(r.get("Normal"),'1.251.52.0'),click:function(t,r){var n=r.target.dataset.value;n&&(e.playbackRate=Number(n),t.show=!1)},mounted:function(t){e.on("playbackRate",(function(e){var r=g("span",t).find((function(t){return Number(t.dataset.value)===e}));r&&S(r,"art-current")}))}})}}({disable:!r.playbackRate,name:"playbackRate",index:10})),this.add(function(t){return function(e){var r=e.i18n;return le(le({},t),{},{html:"".concat(r.get("Aspect Ratio"),':').concat(r.get("Default"),'4:316:9'),click:function(t,r){var n=r.target.dataset.value;n&&(e.aspectRatio=n,t.show=!1)},mounted:function(t){e.on("aspectRatio",(function(e){var r=g("span",t).find((function(t){return t.dataset.value===e}));r&&S(r,"art-current")}))}})}}({disable:!r.aspectRatio,name:"aspectRatio",index:20})),this.add(function(t){return function(e){var r=e.i18n;return ue(ue({},t),{},{html:"".concat(r.get("Video Flip"),':').concat(r.get("Normal"),'').concat(r.get("Horizontal"),'').concat(r.get("Vertical"),""),click:function(t,r){var n=r.target.dataset.value;n&&(e.flip=n,t.show=!1)},mounted:function(t){e.on("flip",(function(e){var r=g("span",t).find((function(t){return t.dataset.value===e}));r&&S(r,"art-current")}))}})}}({disable:!r.flip,name:"flip",index:30})),this.add(function(t){return function(e){return fe(fe({},t),{},{html:e.i18n.get("Video Info"),click:function(t){e.info.show=!0,t.show=!1}})}}({disable:!1,name:"info",index:40})),this.add(function(t){return he(he({},t),{},{html:'ArtPlayer 4.3.10'})}({disable:!1,name:"version",index:50})),this.add(function(t){return function(e){return ye(ye({},t),{},{html:e.i18n.get("Close"),click:function(t){t.show=!1}})}}({disable:!1,name:"close",index:60}));for(var c=0;cs+l&&(h=l-d),n+f>u+c&&(v=c-f),j(i,{top:"".concat(v,"px"),left:"".concat(h,"px")})})),a(o,"click",(function(e){C(e,i)||(t.show=!1)})),this.art.on("blur",(function(){t.show=!1}))}}]),o}(St);function be(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=l(t);if(e){var o=l(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return c(this,r)}}var we=function(e){i(o,e);var n=be(o);function o(e){var r;return t(this,o),(r=n.call(this,e)).name="info",e.once("video:loadedmetadata",(function(){d||r.init()})),r}return r(o,[{key:"init",value:function(){var t=this,e=this.art,r=e.constructor,n=e.events.proxy,o=e.template,i=o.$infoPanel,a=o.$infoClose,c=o.$video;n(a,"click",(function(){t.show=!1}));var l=null,s=g("[data-video]",i)||[];this.art.on("destroy",(function(){clearTimeout(l)})),function t(){for(var e=0;e".concat(et(t),"

")})).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}},{key:"switch",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=this.art,n=r.i18n,o=r.notice,i=r.option,a=Oe(Oe(Oe({},i.subtitle),e),{},{url:t});return this.init(a).then((function(t){return e.name&&(o.show="".concat(n.get("Switch Subtitle"),": ").concat(e.name)),t}))}},{key:"init",value:function(t){var e=this;if(u(t,dt.subtitle),t.url){var r=this.art,n=r.notice,o=r.events.proxy,i=r.template,a=i.$subtitle,c=i.$video;if(!i.$track){var l=document.createElement("track");l.default=!0,l.kind="metadata",c.appendChild(l),this.art.template.$track=l,o(this.textTrack,"cuechange",this.update.bind(this))}return this.style(Oe({"text-shadow":F()},t.style)),L(window.fetch,"fetch not support"),fetch(t.url).then((function(t){return t.arrayBuffer()})).then((function(r){L(window.TextDecoder,"TextDecoder not support");var n=new TextDecoder(t.encoding).decode(r);switch(e.art.emit("subtitleLoad",t.url),t.type||H(t.url)){case"srt":return N(_(n));case"ass":return N(B(n));case"vtt":return N(n);default:return t.url}})).then((function(t){return a.innerHTML="",e.url===t||(URL.revokeObjectURL(e.url),e.art.template.$track.src=t,e.art.emit("subtitleSwitch",t)),t})).catch((function(t){throw n.show=t,t}))}}}]),o}(St);var Pe=function(){function e(r){var n=this;t(this,e),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),r.whitelist.state&&r.once("video:loadedmetadata",(function(){!function(t,e){var r=t.constructor,n=t.template,o=n.$player,i=n.$video;e.proxy(document,["click","contextmenu"],(function(e){C(e,o)?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))}));var a=0;e.proxy(i,"click",(function(){var e=Date.now();e-a<=r.DB_CLICE_TIME?(t.emit("dblclick"),d?t.toggle():t.fullscreen=!t.fullscreen):(t.emit("click"),d||t.toggle()),a=e}))}(r,n),function(t,e){var r=t.template.$player;e.hover(r,(function(){b(r,"art-hover"),t.emit("hover",!0)}),(function(){w(r,"art-hover"),t.emit("hover")}))}(r,n),function(t,e){var r=t.template.$player;e.proxy(r,"mousemove",(function(e){t.emit("mousemove",e)}))}(r,n),function(t,e){var r=t.notice,n=t.option,o=J((function(){t.normalSize&&(t.autoSize=n.autoSize),t.aspectRatioReset=!0,r.show="",t.emit("resize")}),t.constructor.RESIZE_TIME);e.proxy(window,["orientationchange","resize"],(function(){o()})),screen&&screen.orientation&&screen.orientation.onchange&&e.proxy(screen.orientation,"change",(function(){o()}))}(r,n),function(t,e){if(d&&!t.option.isLive){var r=t.notice,n=t.plugins,o=t.template,i=o.$video,a=o.$bottom,c=o.$controls,l=!1,s=0,u=0,p=0,f=function(e){if(1===e.touches.length){l=!0;var r=e.touches[0],n=r.clientX,o=r.clientY;s=n,u=o,p=t.currentTime}},h=function(e){if(1===e.touches.length&&l&&t.duration){var o=n.autoOrientation&&n.autoOrientation.state,i=e.touches[0],a=i.clientX,c=i.clientY,f=K((a-s)/t.width,-1,1),d=K((c-u)/t.height,-1,1),h=o?d:f,v=K(p+t.duration*h,0,t.duration);t.seek=v,t.emit("setBar","played",K(v/t.duration,0,1)),r.show="".concat(tt(v)," / ").concat(tt(t.duration))}};e.proxy(a,"touchstart",(function(t){C(t,c)||f(t)})),e.proxy(a,"touchmove",h),e.proxy(i,"touchstart",f),e.proxy(i,"touchmove",h),e.proxy(document,"touchend",(function(){l&&(s=0,u=0,p=0,l=!1)}))}}(r,n),function(t,e){var r=t.option,n=t.constructor,o=t.template.$container,i=J((function(){t.emit("view",R(o,n.SCROLL_GAP))}),n.SCROLL_TIME);e.proxy(window,"scroll",(function(){i()})),t.on("view",(function(e){r.autoMini&&(t.mini=!e)}))}(r,n)}))}return r(e,[{key:"proxy",value:function(t,e,r){var n=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(Array.isArray(e))return e.map((function(e){return n.proxy(t,e,r,o)}));t.addEventListener(e,r,o);var i=function(){return t.removeEventListener(e,r,o)};return this.destroyEvents.push(i),i}},{key:"hover",value:function(t,e,r){e&&this.proxy(t,"mouseenter",e),r&&this.proxy(t,"mouseleave",r)}},{key:"loadImg",value:function(t){var e=this;return new Promise((function(r,n){var o;if(t instanceof HTMLImageElement)o=t;else{if("string"!=typeof t)return n(new A("Unable to get Image"));(o=new Image).src=t}if(o.complete)return r(o);e.proxy(o,"load",(function(){return r(o)})),e.proxy(o,"error",(function(){return n(new A("Failed to load Image: ".concat(o.src)))}))}))}},{key:"destroy",value:function(){for(var t=0;t',state:'',play:'',pause:'',check:'',volume:'',volumeClose:'',subtitle:'',screenshot:'\t',setting:'',fullscreen:'\t\t\t\t',fullscreenWeb:'\t',pip:'',arrowLeft:'',arrowRight:'',playbackRate:'',aspectRatio:'',config:'',lock:'',unlock:''},r.option.icons);Object.keys(o).forEach((function(t){U(n,t,{get:function(){var e=document.createElement("i");return b(e,"art-icon"),b(e,"art-icon-".concat(t)),O(e,o[t]),e}})}))}));function Ae(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=l(t);if(e){var o=l(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return c(this,r)}}function Le(t,e,r){for(var n=0;n'),c=document.createElement("div");b(c,"art-setting-item-left-icon"),O(c,n.arrowLeft),O(a,c),O(a,t._parentItem.html);var l=o(i,"click",(function(){e.init(t._parentList)}));return this.events.push(l),i}},{key:"creatItem",value:function(t){var e=this,r=this.art,n=r.icons,o=r.events.proxy,i=t.selector&&t.selector.length,a=document.createElement("div");b(a,"art-setting-item"),t.default&&b(a,"art-current");var c=O(a,'
'),l=O(a,'
'),s=document.createElement("div");b(s,"art-setting-item-left-icon"),O(s,i?t.icon||n.config:n.check),O(c,s),t._$icon=s,U(t,"icon",{get:function(){return s.innerHTML},set:function(t){"string"!=typeof t&&"number"!=typeof t||(s.innerHTML=t)}});var u=document.createElement("div");if(b(u,"art-setting-item-left-text"),O(u,t.html||""),O(c,u),t._$html=u,U(t,"html",{get:function(){return u.innerHTML},set:function(t){"string"!=typeof t&&"number"!=typeof t||(u.innerHTML=t)}}),i){var p=document.createElement("div");b(p,"art-setting-item-right-tooltip"),O(p,t.tooltip||""),O(l,p),t._$tooltip=p,U(t,"tooltip",{get:function(){return p.innerHTML},set:function(t){"string"!=typeof t&&"number"!=typeof t||(p.innerHTML=t)}});var f=document.createElement("div");b(f,"art-setting-item-right-icon"),O(f,n.arrowRight),O(l,f)}var d=o(a,"click",(function(r){if(i)e.init(t.selector,t.width);else if(S(a,"art-current"),t._parentList&&e.init(t._parentList),t._parentItem&&t._parentItem.onSelect){var n=t._parentItem.onSelect.call(e.art,t,a,r);t._parentItem._$tooltip&&("string"!=typeof n&&"number"!=typeof n||(t._parentItem._$tooltip.innerHTML=n))}}));return this.events.push(d),a}},{key:"init",value:function(t,e){if(this.cache.has(t)){var r=this.cache.get(t);S(r,"art-current"),k(this.$parent,"width","".concat(r.dataset.width,"px"))}else{var n=document.createElement("div");b(n,"art-setting-panel"),t[0]&&t[0]._parentItem&&O(n,this.creatHeader(t[0]));for(var o=0;oc&&su)&&setTimeout((function(){k(o,"width","".concat(u,"px")),k(o,"height","".concat(s,"px")),k(o,"transform-origin","0 0"),k(o,"transform","rotate(90deg) translate(0, -".concat(s,"px)")),b(o,"art-auto-orientation")}),r.MOBILE_AUTO_ORIENTATION_TIME)}else x(o,"art-auto-orientation")&&(k(o,"width",null),k(o,"height",null),k(o,"transform",null),k(o,"transform-origin",null),w(o,"art-auto-orientation"),t.aspectRatioReset=!0,t.autoSize=e.autoSize,t.notice.show="")})),{name:"autoOrientation",get state(){return x(o,"art-auto-orientation")}}}function He(t){var e=t.i18n,r=t.storage,n=t.constructor,o=t.template.$poster;return t.on("video:timeupdate",(function(){var e=r.get("times")||{},o=Object.keys(e);o.length>n.AUTO_PLAYBACK_MAX&&delete e[o[0]],e[t.option.url]=t.currentTime,r.set("times",e)})),t.on("ready",(function(){var n=(r.get("times")||{})[t.option.url];n&&(t.seek=n,k(o,"display","none"),t.notice.show="".concat(e.get("Auto playback at")," ").concat(tt(n)))})),{name:"autoPlayback",get times(){return r.get("times")||{}},clear:function(){return r.del("times")}}}function Ve(t){var e=t.events.proxy,r=t.template,n=r.$player,o=r.$video,i=!1,a=null,c=function(){clearTimeout(a),i&&(i=!1,t.playbackRate=1,w(n,"art-fast-forward"))};return e(o,"touchstart",(function(){t.playing&&(a=setTimeout((function(){i=!0,t.playbackRate=3,b(n,"art-fast-forward")}),1e3))})),e(document,"touchmove",c),e(document,"touchend",c),{name:"fastForward",get state(){return x(n,"art-fast-forward")}}}function qe(t){var e=t.layers,r=t.icons,n=t.template.$player;return e.add({name:"lock",mounted:function(e){var n=O(e,r.lock),o=O(e,r.unlock);k(n,"display","none"),t.on("lock",(function(t){t?(k(n,"display","inline-flex"),k(o,"display","none")):(k(n,"display","none"),k(o,"display","inline-flex"))}))},click:function(){x(n,"art-lock")?(w(n,"art-lock"),t.emit("lock",!1)):(b(n,"art-lock"),t.emit("lock",!0))}}),{name:"lock",get state(){return x(n,"art-lock")}}}var We=function(){function e(r){t(this,e),this.art=r,this.id=0;var n=r.option;n.miniProgressBar&&!n.isLive&&this.add(Be),n.lock&&d&&this.add(qe),n.autoPlayback&&this.add(He),n.autoOrientation&&d&&this.add(Fe),n.fastForward&&d&&!n.isLive&&this.add(Ve);for(var o=0;o0&&void 0!==arguments[0]?arguments[0]:{};this.isEnd||(this.art.switchUrl(e.url),this.art.once("video:timeupdate",(function(){t.art.emit("ads:start",e)})),this.art.once("video:ended",(function(){var e=t.next;e?(t.index+=1,t.play(e)):t.end()})))}},{key:"end",value:function(){this.isEnd||(this.isEnd=!0,this.playing=!1,this.art.option.url=this.urlCache,this.art.switchUrl(this.urlCache),this.art.emit("ads:end"))}}]),e}(),Ze=r((function e(r){t(this,e);for(var n=r.option,o=r.events.proxy,i=r.template.$video,a=0;a0&&void 0!==arguments[0])||arguments[0];this.events.destroy(),this.template.destroy(t),Xe.splice(Xe.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return Xe}},{key:"version",get:function(){return"4.3.10"}},{key:"env",get:function(){return"production"}},{key:"build",get:function(){return"1651042800504"}},{key:"config",get:function(){return ht}},{key:"utils",get:function(){return rt}},{key:"scheme",get:function(){return dt}},{key:"Emitter",get:function(){return p}},{key:"validator",get:function(){return u}},{key:"kindOf",get:function(){return u.kindOf}},{key:"html",get:function(){return yt.html}},{key:"option",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",type:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMini:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,useSSR:!1,playsInline:!0,lock:!1,fastForward:!1,autoPlayback:!1,autoOrientation:!1,ads:[],layers:[],contextmenu:[],controls:[],settings:[],quality:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,column:10},subtitle:{url:"",type:"",style:{},encoding:"utf-8"},moreVideoAttr:{controls:!1,preload:h?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),a}(p);return Qe.NOTICE_TIME=2e3,Qe.SETTING_WIDTH=250,Qe.SETTING_ITEM_WIDTH=200,Qe.INDICATOR_SIZE=14,Qe.INDICATOR_SIZE_ICON=16,Qe.INDICATOR_SIZE_MOBILE=18,Qe.INDICATOR_SIZE_MOBILE_ICON=20,Qe.VOLUME_PANEL_WIDTH=60,Qe.VOLUME_HANDLE_WIDTH=12,Qe.RESIZE_TIME=500,Qe.SCROLL_TIME=200,Qe.SCROLL_GAP=50,Qe.AUTO_PLAYBACK_MAX=10,Qe.RECONNECT_TIME_MAX=5,Qe.RECONNECT_SLEEP_TIME=1e3,Qe.CONTROL_HIDE_TIME=3e3,Qe.DB_CLICE_TIME=300,Qe.MOBILE_AUTO_PLAYBACKRATE=3,Qe.MOBILE_AUTO_PLAYBACKRATE_TIME=1e3,Qe.MOBILE_AUTO_ORIENTATION_TIME=100,Qe.INFO_LOOP_TIME=1e3,console.log("%c ArtPlayer %c 4.3.10 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),Qe}));