From 92393357c7a3c441861316cd8f3d95f77134f312 Mon Sep 17 00:00:00 2001 From: Harvey Date: Thu, 21 Apr 2022 17:25:10 +0800 Subject: [PATCH] 4.3.6 --- dist/artplayer.js | 4 ++-- packages/artplayer/dist/artplayer.js | 4 ++-- packages/artplayer/package.json | 2 +- packages/artplayer/src/events/gestureInit.js | 4 ++-- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/dist/artplayer.js b/dist/artplayer.js index 54f221322..298c3b53d 100644 --- a/dist/artplayer.js +++ b/dist/artplayer.js @@ -1,8 +1,8 @@ /*! - * artplayer.js v4.3.5 + * artplayer.js v4.3.6 * 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 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 S(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function R(t,e){S(t).forEach((function(t){return w(t,e)})),b(t,e)}function E(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 $(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 z(t,e){return e.parentNode.replaceChild(t,e),t}function T(){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=T()?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 A(t){var e="function"==typeof Map?new Map:void 0;return A=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)},A(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 L=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)}(A(Error));function F(t,e){if(!t)throw new L(e);return t}function I(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 B(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function q(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 V(t){return t.includes("?")?V(t.split("?")[0]):t.includes("#")?V(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function H(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 W(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 tt(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var et=Object.freeze({__proto__:null,query:y,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:S,inverseClass:R,tooltip:E,isInViewport:$,includeFromEvent:C,replaceElement:z,ArtPlayerError:L,errorHandle:F,srtToVtt:I,vttToBlob:B,assToVtt:q,getExt:V,download:H,def:_,has:X,get:Y,mergeDeep:Q,sleep:Z,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}(),vt=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=y(o.container),F(this.$container,"No container element found by ".concat(o.container)));var c=this.$container.tagName.toLowerCase();F("div"===c,"Unsupported container element type, only support 'div' but got '".concat(c,"'")),F(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 y(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?z(this.$original,this.$container):b(this.$player,"art-destroy")}}],[{key:"html",get:function(){return'
Player version:
4.3.5
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":"字幕偏移"},yt={"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":"字幕偏移"},gt=function(){function e(r){t(this,e),this.art=r,this.languages={"zh-cn":mt,"zh-tw":yt},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=Q(this.languages,t),this.init()}}]),e}();var bt={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)}}),_(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");_(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)}}))}}),_(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)}}))}}),_(t,"screenshot",{value:function(){return t.getDataURL().then((function(r){return H(r,"".concat(e.title||"artplayer","_").concat(K(n.currentTime),".png")),t.emit("screenshot",r),r}))}})}(r),xt(r),function(t){var e=t.notice,r=t.template.$player;_(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),Ot(r),function(t){var e=t.template.$video;_(t,"loaded",{get:function(){return t.loadedTime/e.duration}}),_(t,"loadedTime",{get:function(){return e.buffered.length?e.buffered.end(e.buffered.length-1):0}})}(r),function(t){_(t,"played",{get:function(){return t.currentTime/t.duration}})}(r),function(t){var e=t.template.$video;_(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;_(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){_(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];_(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;_(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;_(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;_(t,"theme",{get:function(){return getComputedStyle(r).getPropertyValue("--theme")},set:function(t){e.theme=t,r.style.setProperty("--theme",t)}})}(r),function(t){_(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&&E(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"),_(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){R(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 Rt(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 Et(t){for(var e=1;e
',mounted:function(t){var i=!1,a=y(".art-progress-loaded",t),c=y(".art-progress-played",t),l=y(".art-progress-highlight",t),s=y(".art-progress-indicator",t),u=y(".art-progress-tip",t);k(c,"backgroundColor","var(--theme)");var p=14;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=16,O(s,r.indicator)):j(s,{backgroundColor:"var(--theme)"}),j(s,{left:"-".concat(p/2,"px"),width:"".concat(p,"px"),height:"".concat(p,"px")});for(var d=0;d'))}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(r){k(u,"display","block"),C(r,l)?function(r){var n=Ft(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=Ft(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(t,"click",(function(t){if(t.target!==s){var r=Ft(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(s,"mousedown",(function(){i=!0})),o(document,"mousemove",(function(t){if(i){var r=Ft(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(document,"mouseup",(function(){i&&(i=!1)})),o(s,"touchstart",(function(t){1===t.touches.length&&(i=!0)})),o(document,"touchmove",(function(t){if(1===t.touches.length&&i){var r=Ft(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(document,"touchend",(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 qt(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 Zt(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=3e3&&(r.show=!1,b(a,"art-hide-cursor"),w(a,"art-hover"))})),e.once("video:loadedmetadata",(function(){r.add(It({name:"progress",disable:i.isLive,position:"top",index:10})),r.add(Qt({name:"thumbnails",disable:!i.thumbnails.url||i.isLive,position:"top",index:20})),r.add(function(t){return function(e){return ee(ee({},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 At(At({},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")}E(i,o.get("Play")),E(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 Nt(Nt({},t),{},{mounted:function(t){var r=e.events.proxy,n=e.icons,o=e.i18n,i=!1,a=O(t,n.volume),c=O(t,n.volumeClose),l=O(t,'
'),s=O(l,'
');function u(t){var e=l.getBoundingClientRect().left;return G(t.pageX-e-6,0,54)/48}function p(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(e.muted||0===t)k(a,"display","none"),k(c,"display","flex"),k(s,"left","0");else{var r=48*t;k(a,"display","flex"),k(c,"display","none"),k(s,"left","".concat(r,"px"))}}E(a,o.get("Mute")),k(c,"display","none"),d&&k(l,"display","none"),p(e.volume),e.on("video:volumechange",(function(){p(e.volume)})),r(a,"click",(function(){e.muted=!0})),r(c,"click",(function(){e.muted=!1})),r(l,"click",(function(t){e.muted=!1,e.volume=u(t)})),r(s,"mousedown",(function(){i=!0})),r(t,"mousemove",(function(t){i&&(e.muted=!1,e.volume=u(t))})),r(document,"mouseup",(function(){i&&(i=!1)}))}})}}({name:"volume",disable:!1,position:"left",index:20})),r.add(function(t){return function(e){return Ht(Ht({},t),{},{mounted:function(t){function r(){var r="".concat(K(e.currentTime)," / ").concat(K(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&&R(r,"art-current")}))}})}}({disable:!r.playbackRate,name:"playbackRate",index:10})),this.add(function(t){return function(e){var r=e.i18n;return ce(ce({},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&&R(r,"art-current")}))}})}}({disable:!r.aspectRatio,name:"aspectRatio",index:20})),this.add(function(t){return function(e){var r=e.i18n;return se(se({},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&&R(r,"art-current")}))}})}}({disable:!r.flip,name:"flip",index:30})),this.add(function(t){return function(e){return pe(pe({},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 de(de({},t),{},{html:'ArtPlayer 4.3.5'})}({disable:!1,name:"version",index:50})),this.add(function(t){return function(e){return ve(ve({},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 ge(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 be=function(e){i(o,e);var n=ge(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.events.proxy,n=e.template,o=n.$infoPanel,i=n.$infoClose,a=n.$video;r(i,"click",(function(){t.show=!1}));var c=null,l=g("[data-video]",o)||[];this.art.on("destroy",(function(){clearTimeout(c)})),function t(){for(var e=0;e".concat(tt(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=xe(xe(xe({},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,ft.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(t.style),F(window.fetch,"fetch not support"),fetch(t.url).then((function(t){return t.arrayBuffer()})).then((function(r){F(window.TextDecoder,"TextDecoder not support");var n=new TextDecoder(t.encoding).decode(r);switch(e.art.emit("subtitleLoad",t.url),t.type||V(t.url)){case"srt":return B(I(n));case"ass":return B(q(n));case"vtt":return B(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 je=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.template,n=r.$player,o=r.$video;e.proxy(document,["click","contextmenu"],(function(e){C(e,n)?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))}));var i=0;e.proxy(o,"click",(function(){var e=Date.now();e-i<=300?(t.emit("dblclick"),d?t.toggle():t.fullscreen=!t.fullscreen):(t.emit("click"),d||t.toggle()),i=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")}),500);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&&t.duration){var r=t.notice,n=t.template.$video,o=!1,i=0,a=0,c=null;e.proxy(n,"touchstart",(function(e){1===e.touches.length&&(o=!0,i=e.touches[0].clientX,clearTimeout(c),c=setTimeout((function(){t.playbackRate=3}),1e3))})),e.proxy(n,"touchmove",(function(e){if(1===e.touches.length&&o){var c=G((e.touches[0].clientX-i)/n.clientWidth,-1,1);a=G(t.currentTime+t.duration*c,0,t.duration),r.show="".concat(K(a)," / ").concat(K(t.duration))}})),e.proxy(document,"touchend",(function(){o&&(a&&(t.seek=a),3===t.playbackRate&&(t.playbackRate=1),i=0,a=0,o=!1,clearTimeout(c),c=null)}))}}(r,n),function(t,e){var r=t.option,n=t.template.$container,o=J((function(){t.emit("view",$(n,50))}),200);e.proxy(window,"scroll",(function(){o()})),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 L("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 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:''},r.option.icons);Object.keys(o).forEach((function(t){_(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 Me(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");return b(c,"art-setting-item-left-icon"),O(c,n.arrowLeft),O(a,c),O(a,t._parentItem.html),o(i,"click",(function(){e.init(t._parentList)})),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"),void 0!==t.value&&(a.dataset.value=t.value);var c=O(a,'
'),l=O(a,'
'),s=document.createElement("div");if(b(s,"art-setting-item-left-icon"),O(s,i?t.icon||n.config:n.check),O(c,s),O(c,t.html),i){var u=document.createElement("div");b(u,"art-setting-item-right-tooltip"),O(l,u),t._$tooltip=u,t.tooltip&&(u.innerHTML=t.tooltip);var p=document.createElement("div");b(p,"art-setting-item-right-icon"),O(p,n.arrowRight),O(l,p)}return o(a,"click",(function(r){if(i)e.init(t.selector,t.width);else if(R(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))}})),a}},{key:"add",value:function(t){"function"==typeof t?this.option.push(t(this.art)):this.option.push(t),this.option=Le(this.option),this.init(this.option)}},{key:"init",value:function(t,e){if(this.cache.has(t)){var r=this.cache.get(t);R(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;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}(),He=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),_e.splice(_e.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return _e}},{key:"version",get:function(){return"4.3.5"}},{key:"env",get:function(){return"production"}},{key:"build",get:function(){return"1650532472660"}},{key:"config",get:function(){return dt}},{key:"utils",get:function(){return et}},{key:"scheme",get:function(){return ft}},{key:"Emitter",get:function(){return p}},{key:"validator",get:function(){return u}},{key:"kindOf",get:function(){return u.kindOf}},{key:"html",get:function(){return vt.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,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 console.log("%c ArtPlayer %c 4.3.5 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),Ue})); +!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 S(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function R(t,e){S(t).forEach((function(t){return w(t,e)})),b(t,e)}function E(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 $(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 z(t,e){return e.parentNode.replaceChild(t,e),t}function T(){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=T()?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 A(t){var e="function"==typeof Map?new Map:void 0;return A=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)},A(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 L=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)}(A(Error));function F(t,e){if(!t)throw new L(e);return t}function I(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 B(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function q(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 V(t){return t.includes("?")?V(t.split("?")[0]):t.includes("#")?V(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function H(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 W(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 tt(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var et=Object.freeze({__proto__:null,query:y,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:S,inverseClass:R,tooltip:E,isInViewport:$,includeFromEvent:C,replaceElement:z,ArtPlayerError:L,errorHandle:F,srtToVtt:I,vttToBlob:B,assToVtt:q,getExt:V,download:H,def:_,has:X,get:Y,mergeDeep:Q,sleep:Z,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}(),vt=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=y(o.container),F(this.$container,"No container element found by ".concat(o.container)));var c=this.$container.tagName.toLowerCase();F("div"===c,"Unsupported container element type, only support 'div' but got '".concat(c,"'")),F(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 y(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?z(this.$original,this.$container):b(this.$player,"art-destroy")}}],[{key:"html",get:function(){return'
Player version:
4.3.6
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":"字幕偏移"},yt={"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":"字幕偏移"},gt=function(){function e(r){t(this,e),this.art=r,this.languages={"zh-cn":mt,"zh-tw":yt},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=Q(this.languages,t),this.init()}}]),e}();var bt={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)}}),_(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");_(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)}}))}}),_(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)}}))}}),_(t,"screenshot",{value:function(){return t.getDataURL().then((function(r){return H(r,"".concat(e.title||"artplayer","_").concat(K(n.currentTime),".png")),t.emit("screenshot",r),r}))}})}(r),xt(r),function(t){var e=t.notice,r=t.template.$player;_(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),Ot(r),function(t){var e=t.template.$video;_(t,"loaded",{get:function(){return t.loadedTime/e.duration}}),_(t,"loadedTime",{get:function(){return e.buffered.length?e.buffered.end(e.buffered.length-1):0}})}(r),function(t){_(t,"played",{get:function(){return t.currentTime/t.duration}})}(r),function(t){var e=t.template.$video;_(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;_(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){_(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];_(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;_(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;_(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;_(t,"theme",{get:function(){return getComputedStyle(r).getPropertyValue("--theme")},set:function(t){e.theme=t,r.style.setProperty("--theme",t)}})}(r),function(t){_(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&&E(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"),_(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){R(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 Rt(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 Et(t){for(var e=1;e
',mounted:function(t){var i=!1,a=y(".art-progress-loaded",t),c=y(".art-progress-played",t),l=y(".art-progress-highlight",t),s=y(".art-progress-indicator",t),u=y(".art-progress-tip",t);k(c,"backgroundColor","var(--theme)");var p=14;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=16,O(s,r.indicator)):j(s,{backgroundColor:"var(--theme)"}),j(s,{left:"-".concat(p/2,"px"),width:"".concat(p,"px"),height:"".concat(p,"px")});for(var d=0;d'))}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(r){k(u,"display","block"),C(r,l)?function(r){var n=Ft(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=Ft(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(t,"click",(function(t){if(t.target!==s){var r=Ft(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(s,"mousedown",(function(){i=!0})),o(document,"mousemove",(function(t){if(i){var r=Ft(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(document,"mouseup",(function(){i&&(i=!1)})),o(s,"touchstart",(function(t){1===t.touches.length&&(i=!0)})),o(document,"touchmove",(function(t){if(1===t.touches.length&&i){var r=Ft(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(document,"touchend",(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 qt(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 Zt(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=3e3&&(r.show=!1,b(a,"art-hide-cursor"),w(a,"art-hover"))})),e.once("video:loadedmetadata",(function(){r.add(It({name:"progress",disable:i.isLive,position:"top",index:10})),r.add(Qt({name:"thumbnails",disable:!i.thumbnails.url||i.isLive,position:"top",index:20})),r.add(function(t){return function(e){return ee(ee({},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 At(At({},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")}E(i,o.get("Play")),E(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 Nt(Nt({},t),{},{mounted:function(t){var r=e.events.proxy,n=e.icons,o=e.i18n,i=!1,a=O(t,n.volume),c=O(t,n.volumeClose),l=O(t,'
'),s=O(l,'
');function u(t){var e=l.getBoundingClientRect().left;return G(t.pageX-e-6,0,54)/48}function p(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(e.muted||0===t)k(a,"display","none"),k(c,"display","flex"),k(s,"left","0");else{var r=48*t;k(a,"display","flex"),k(c,"display","none"),k(s,"left","".concat(r,"px"))}}E(a,o.get("Mute")),k(c,"display","none"),d&&k(l,"display","none"),p(e.volume),e.on("video:volumechange",(function(){p(e.volume)})),r(a,"click",(function(){e.muted=!0})),r(c,"click",(function(){e.muted=!1})),r(l,"click",(function(t){e.muted=!1,e.volume=u(t)})),r(s,"mousedown",(function(){i=!0})),r(t,"mousemove",(function(t){i&&(e.muted=!1,e.volume=u(t))})),r(document,"mouseup",(function(){i&&(i=!1)}))}})}}({name:"volume",disable:!1,position:"left",index:20})),r.add(function(t){return function(e){return Ht(Ht({},t),{},{mounted:function(t){function r(){var r="".concat(K(e.currentTime)," / ").concat(K(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&&R(r,"art-current")}))}})}}({disable:!r.playbackRate,name:"playbackRate",index:10})),this.add(function(t){return function(e){var r=e.i18n;return ce(ce({},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&&R(r,"art-current")}))}})}}({disable:!r.aspectRatio,name:"aspectRatio",index:20})),this.add(function(t){return function(e){var r=e.i18n;return se(se({},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&&R(r,"art-current")}))}})}}({disable:!r.flip,name:"flip",index:30})),this.add(function(t){return function(e){return pe(pe({},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 de(de({},t),{},{html:'ArtPlayer 4.3.6'})}({disable:!1,name:"version",index:50})),this.add(function(t){return function(e){return ve(ve({},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 ge(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 be=function(e){i(o,e);var n=ge(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.events.proxy,n=e.template,o=n.$infoPanel,i=n.$infoClose,a=n.$video;r(i,"click",(function(){t.show=!1}));var c=null,l=g("[data-video]",o)||[];this.art.on("destroy",(function(){clearTimeout(c)})),function t(){for(var e=0;e".concat(tt(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=xe(xe(xe({},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,ft.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(t.style),F(window.fetch,"fetch not support"),fetch(t.url).then((function(t){return t.arrayBuffer()})).then((function(r){F(window.TextDecoder,"TextDecoder not support");var n=new TextDecoder(t.encoding).decode(r);switch(e.art.emit("subtitleLoad",t.url),t.type||V(t.url)){case"srt":return B(I(n));case"ass":return B(q(n));case"vtt":return B(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 je=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.template,n=r.$player,o=r.$video;e.proxy(document,["click","contextmenu"],(function(e){C(e,n)?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))}));var i=0;e.proxy(o,"click",(function(){var e=Date.now();e-i<=300?(t.emit("dblclick"),d?t.toggle():t.fullscreen=!t.fullscreen):(t.emit("click"),d||t.toggle()),i=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")}),500);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.template.$video,o=!1,i=0,a=0,c=null;e.proxy(n,"touchstart",(function(e){1===e.touches.length&&(o=!0,i=e.touches[0].clientX,clearTimeout(c),c=setTimeout((function(){t.playbackRate=3}),1e3))})),e.proxy(n,"touchmove",(function(e){if(1===e.touches.length&&o&&t.duration){var c=G((e.touches[0].clientX-i)/n.clientWidth,-1,1);a=G(t.currentTime+t.duration*c,0,t.duration),r.show="".concat(K(a)," / ").concat(K(t.duration))}})),e.proxy(document,"touchend",(function(){o&&(a&&(t.seek=a),3===t.playbackRate&&(t.playbackRate=1),i=0,a=0,o=!1,clearTimeout(c),c=null)}))}}(r,n),function(t,e){var r=t.option,n=t.template.$container,o=J((function(){t.emit("view",$(n,50))}),200);e.proxy(window,"scroll",(function(){o()})),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 L("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 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:''},r.option.icons);Object.keys(o).forEach((function(t){_(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 Me(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");return b(c,"art-setting-item-left-icon"),O(c,n.arrowLeft),O(a,c),O(a,t._parentItem.html),o(i,"click",(function(){e.init(t._parentList)})),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"),void 0!==t.value&&(a.dataset.value=t.value);var c=O(a,'
'),l=O(a,'
'),s=document.createElement("div");if(b(s,"art-setting-item-left-icon"),O(s,i?t.icon||n.config:n.check),O(c,s),O(c,t.html),i){var u=document.createElement("div");b(u,"art-setting-item-right-tooltip"),O(l,u),t._$tooltip=u,t.tooltip&&(u.innerHTML=t.tooltip);var p=document.createElement("div");b(p,"art-setting-item-right-icon"),O(p,n.arrowRight),O(l,p)}return o(a,"click",(function(r){if(i)e.init(t.selector,t.width);else if(R(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))}})),a}},{key:"add",value:function(t){"function"==typeof t?this.option.push(t(this.art)):this.option.push(t),this.option=Le(this.option),this.init(this.option)}},{key:"init",value:function(t,e){if(this.cache.has(t)){var r=this.cache.get(t);R(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;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}(),He=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),_e.splice(_e.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return _e}},{key:"version",get:function(){return"4.3.6"}},{key:"env",get:function(){return"production"}},{key:"build",get:function(){return"1650533039430"}},{key:"config",get:function(){return dt}},{key:"utils",get:function(){return et}},{key:"scheme",get:function(){return ft}},{key:"Emitter",get:function(){return p}},{key:"validator",get:function(){return u}},{key:"kindOf",get:function(){return u.kindOf}},{key:"html",get:function(){return vt.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,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 console.log("%c ArtPlayer %c 4.3.6 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),Ue})); diff --git a/packages/artplayer/dist/artplayer.js b/packages/artplayer/dist/artplayer.js index 54f221322..298c3b53d 100644 --- a/packages/artplayer/dist/artplayer.js +++ b/packages/artplayer/dist/artplayer.js @@ -1,8 +1,8 @@ /*! - * artplayer.js v4.3.5 + * artplayer.js v4.3.6 * 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 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 S(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function R(t,e){S(t).forEach((function(t){return w(t,e)})),b(t,e)}function E(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 $(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 z(t,e){return e.parentNode.replaceChild(t,e),t}function T(){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=T()?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 A(t){var e="function"==typeof Map?new Map:void 0;return A=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)},A(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 L=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)}(A(Error));function F(t,e){if(!t)throw new L(e);return t}function I(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 B(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function q(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 V(t){return t.includes("?")?V(t.split("?")[0]):t.includes("#")?V(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function H(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 W(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 tt(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var et=Object.freeze({__proto__:null,query:y,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:S,inverseClass:R,tooltip:E,isInViewport:$,includeFromEvent:C,replaceElement:z,ArtPlayerError:L,errorHandle:F,srtToVtt:I,vttToBlob:B,assToVtt:q,getExt:V,download:H,def:_,has:X,get:Y,mergeDeep:Q,sleep:Z,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}(),vt=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=y(o.container),F(this.$container,"No container element found by ".concat(o.container)));var c=this.$container.tagName.toLowerCase();F("div"===c,"Unsupported container element type, only support 'div' but got '".concat(c,"'")),F(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 y(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?z(this.$original,this.$container):b(this.$player,"art-destroy")}}],[{key:"html",get:function(){return'
Player version:
4.3.5
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":"字幕偏移"},yt={"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":"字幕偏移"},gt=function(){function e(r){t(this,e),this.art=r,this.languages={"zh-cn":mt,"zh-tw":yt},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=Q(this.languages,t),this.init()}}]),e}();var bt={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)}}),_(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");_(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)}}))}}),_(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)}}))}}),_(t,"screenshot",{value:function(){return t.getDataURL().then((function(r){return H(r,"".concat(e.title||"artplayer","_").concat(K(n.currentTime),".png")),t.emit("screenshot",r),r}))}})}(r),xt(r),function(t){var e=t.notice,r=t.template.$player;_(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),Ot(r),function(t){var e=t.template.$video;_(t,"loaded",{get:function(){return t.loadedTime/e.duration}}),_(t,"loadedTime",{get:function(){return e.buffered.length?e.buffered.end(e.buffered.length-1):0}})}(r),function(t){_(t,"played",{get:function(){return t.currentTime/t.duration}})}(r),function(t){var e=t.template.$video;_(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;_(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){_(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];_(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;_(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;_(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;_(t,"theme",{get:function(){return getComputedStyle(r).getPropertyValue("--theme")},set:function(t){e.theme=t,r.style.setProperty("--theme",t)}})}(r),function(t){_(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&&E(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"),_(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){R(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 Rt(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 Et(t){for(var e=1;e
',mounted:function(t){var i=!1,a=y(".art-progress-loaded",t),c=y(".art-progress-played",t),l=y(".art-progress-highlight",t),s=y(".art-progress-indicator",t),u=y(".art-progress-tip",t);k(c,"backgroundColor","var(--theme)");var p=14;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=16,O(s,r.indicator)):j(s,{backgroundColor:"var(--theme)"}),j(s,{left:"-".concat(p/2,"px"),width:"".concat(p,"px"),height:"".concat(p,"px")});for(var d=0;d'))}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(r){k(u,"display","block"),C(r,l)?function(r){var n=Ft(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=Ft(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(t,"click",(function(t){if(t.target!==s){var r=Ft(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(s,"mousedown",(function(){i=!0})),o(document,"mousemove",(function(t){if(i){var r=Ft(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(document,"mouseup",(function(){i&&(i=!1)})),o(s,"touchstart",(function(t){1===t.touches.length&&(i=!0)})),o(document,"touchmove",(function(t){if(1===t.touches.length&&i){var r=Ft(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(document,"touchend",(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 qt(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 Zt(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=3e3&&(r.show=!1,b(a,"art-hide-cursor"),w(a,"art-hover"))})),e.once("video:loadedmetadata",(function(){r.add(It({name:"progress",disable:i.isLive,position:"top",index:10})),r.add(Qt({name:"thumbnails",disable:!i.thumbnails.url||i.isLive,position:"top",index:20})),r.add(function(t){return function(e){return ee(ee({},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 At(At({},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")}E(i,o.get("Play")),E(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 Nt(Nt({},t),{},{mounted:function(t){var r=e.events.proxy,n=e.icons,o=e.i18n,i=!1,a=O(t,n.volume),c=O(t,n.volumeClose),l=O(t,'
'),s=O(l,'
');function u(t){var e=l.getBoundingClientRect().left;return G(t.pageX-e-6,0,54)/48}function p(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(e.muted||0===t)k(a,"display","none"),k(c,"display","flex"),k(s,"left","0");else{var r=48*t;k(a,"display","flex"),k(c,"display","none"),k(s,"left","".concat(r,"px"))}}E(a,o.get("Mute")),k(c,"display","none"),d&&k(l,"display","none"),p(e.volume),e.on("video:volumechange",(function(){p(e.volume)})),r(a,"click",(function(){e.muted=!0})),r(c,"click",(function(){e.muted=!1})),r(l,"click",(function(t){e.muted=!1,e.volume=u(t)})),r(s,"mousedown",(function(){i=!0})),r(t,"mousemove",(function(t){i&&(e.muted=!1,e.volume=u(t))})),r(document,"mouseup",(function(){i&&(i=!1)}))}})}}({name:"volume",disable:!1,position:"left",index:20})),r.add(function(t){return function(e){return Ht(Ht({},t),{},{mounted:function(t){function r(){var r="".concat(K(e.currentTime)," / ").concat(K(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&&R(r,"art-current")}))}})}}({disable:!r.playbackRate,name:"playbackRate",index:10})),this.add(function(t){return function(e){var r=e.i18n;return ce(ce({},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&&R(r,"art-current")}))}})}}({disable:!r.aspectRatio,name:"aspectRatio",index:20})),this.add(function(t){return function(e){var r=e.i18n;return se(se({},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&&R(r,"art-current")}))}})}}({disable:!r.flip,name:"flip",index:30})),this.add(function(t){return function(e){return pe(pe({},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 de(de({},t),{},{html:'ArtPlayer 4.3.5'})}({disable:!1,name:"version",index:50})),this.add(function(t){return function(e){return ve(ve({},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 ge(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 be=function(e){i(o,e);var n=ge(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.events.proxy,n=e.template,o=n.$infoPanel,i=n.$infoClose,a=n.$video;r(i,"click",(function(){t.show=!1}));var c=null,l=g("[data-video]",o)||[];this.art.on("destroy",(function(){clearTimeout(c)})),function t(){for(var e=0;e".concat(tt(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=xe(xe(xe({},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,ft.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(t.style),F(window.fetch,"fetch not support"),fetch(t.url).then((function(t){return t.arrayBuffer()})).then((function(r){F(window.TextDecoder,"TextDecoder not support");var n=new TextDecoder(t.encoding).decode(r);switch(e.art.emit("subtitleLoad",t.url),t.type||V(t.url)){case"srt":return B(I(n));case"ass":return B(q(n));case"vtt":return B(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 je=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.template,n=r.$player,o=r.$video;e.proxy(document,["click","contextmenu"],(function(e){C(e,n)?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))}));var i=0;e.proxy(o,"click",(function(){var e=Date.now();e-i<=300?(t.emit("dblclick"),d?t.toggle():t.fullscreen=!t.fullscreen):(t.emit("click"),d||t.toggle()),i=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")}),500);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&&t.duration){var r=t.notice,n=t.template.$video,o=!1,i=0,a=0,c=null;e.proxy(n,"touchstart",(function(e){1===e.touches.length&&(o=!0,i=e.touches[0].clientX,clearTimeout(c),c=setTimeout((function(){t.playbackRate=3}),1e3))})),e.proxy(n,"touchmove",(function(e){if(1===e.touches.length&&o){var c=G((e.touches[0].clientX-i)/n.clientWidth,-1,1);a=G(t.currentTime+t.duration*c,0,t.duration),r.show="".concat(K(a)," / ").concat(K(t.duration))}})),e.proxy(document,"touchend",(function(){o&&(a&&(t.seek=a),3===t.playbackRate&&(t.playbackRate=1),i=0,a=0,o=!1,clearTimeout(c),c=null)}))}}(r,n),function(t,e){var r=t.option,n=t.template.$container,o=J((function(){t.emit("view",$(n,50))}),200);e.proxy(window,"scroll",(function(){o()})),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 L("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 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:''},r.option.icons);Object.keys(o).forEach((function(t){_(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 Me(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");return b(c,"art-setting-item-left-icon"),O(c,n.arrowLeft),O(a,c),O(a,t._parentItem.html),o(i,"click",(function(){e.init(t._parentList)})),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"),void 0!==t.value&&(a.dataset.value=t.value);var c=O(a,'
'),l=O(a,'
'),s=document.createElement("div");if(b(s,"art-setting-item-left-icon"),O(s,i?t.icon||n.config:n.check),O(c,s),O(c,t.html),i){var u=document.createElement("div");b(u,"art-setting-item-right-tooltip"),O(l,u),t._$tooltip=u,t.tooltip&&(u.innerHTML=t.tooltip);var p=document.createElement("div");b(p,"art-setting-item-right-icon"),O(p,n.arrowRight),O(l,p)}return o(a,"click",(function(r){if(i)e.init(t.selector,t.width);else if(R(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))}})),a}},{key:"add",value:function(t){"function"==typeof t?this.option.push(t(this.art)):this.option.push(t),this.option=Le(this.option),this.init(this.option)}},{key:"init",value:function(t,e){if(this.cache.has(t)){var r=this.cache.get(t);R(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;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}(),He=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),_e.splice(_e.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return _e}},{key:"version",get:function(){return"4.3.5"}},{key:"env",get:function(){return"production"}},{key:"build",get:function(){return"1650532472660"}},{key:"config",get:function(){return dt}},{key:"utils",get:function(){return et}},{key:"scheme",get:function(){return ft}},{key:"Emitter",get:function(){return p}},{key:"validator",get:function(){return u}},{key:"kindOf",get:function(){return u.kindOf}},{key:"html",get:function(){return vt.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,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 console.log("%c ArtPlayer %c 4.3.5 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),Ue})); +!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 S(t){return Array.from(t.parentElement.children).filter((function(e){return e!==t}))}function R(t,e){S(t).forEach((function(t){return w(t,e)})),b(t,e)}function E(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 $(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 z(t,e){return e.parentNode.replaceChild(t,e),t}function T(){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=T()?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 A(t){var e="function"==typeof Map?new Map:void 0;return A=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)},A(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 L=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)}(A(Error));function F(t,e){if(!t)throw new L(e);return t}function I(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 B(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function q(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 V(t){return t.includes("?")?V(t.split("?")[0]):t.includes("#")?V(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function H(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 W(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 tt(t){return t.replace(/[&<>'"]/g,(function(t){return{"&":"&","<":"<",">":">","'":"'",'"':"""}[t]||t}))}var et=Object.freeze({__proto__:null,query:y,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:S,inverseClass:R,tooltip:E,isInViewport:$,includeFromEvent:C,replaceElement:z,ArtPlayerError:L,errorHandle:F,srtToVtt:I,vttToBlob:B,assToVtt:q,getExt:V,download:H,def:_,has:X,get:Y,mergeDeep:Q,sleep:Z,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}(),vt=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=y(o.container),F(this.$container,"No container element found by ".concat(o.container)));var c=this.$container.tagName.toLowerCase();F("div"===c,"Unsupported container element type, only support 'div' but got '".concat(c,"'")),F(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 y(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?z(this.$original,this.$container):b(this.$player,"art-destroy")}}],[{key:"html",get:function(){return'
Player version:
4.3.6
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":"字幕偏移"},yt={"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":"字幕偏移"},gt=function(){function e(r){t(this,e),this.art=r,this.languages={"zh-cn":mt,"zh-tw":yt},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=Q(this.languages,t),this.init()}}]),e}();var bt={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)}}),_(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");_(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)}}))}}),_(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)}}))}}),_(t,"screenshot",{value:function(){return t.getDataURL().then((function(r){return H(r,"".concat(e.title||"artplayer","_").concat(K(n.currentTime),".png")),t.emit("screenshot",r),r}))}})}(r),xt(r),function(t){var e=t.notice,r=t.template.$player;_(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),Ot(r),function(t){var e=t.template.$video;_(t,"loaded",{get:function(){return t.loadedTime/e.duration}}),_(t,"loadedTime",{get:function(){return e.buffered.length?e.buffered.end(e.buffered.length-1):0}})}(r),function(t){_(t,"played",{get:function(){return t.currentTime/t.duration}})}(r),function(t){var e=t.template.$video;_(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;_(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){_(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];_(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;_(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;_(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;_(t,"theme",{get:function(){return getComputedStyle(r).getPropertyValue("--theme")},set:function(t){e.theme=t,r.style.setProperty("--theme",t)}})}(r),function(t){_(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&&E(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"),_(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){R(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 Rt(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 Et(t){for(var e=1;e
',mounted:function(t){var i=!1,a=y(".art-progress-loaded",t),c=y(".art-progress-played",t),l=y(".art-progress-highlight",t),s=y(".art-progress-indicator",t),u=y(".art-progress-tip",t);k(c,"backgroundColor","var(--theme)");var p=14;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=16,O(s,r.indicator)):j(s,{backgroundColor:"var(--theme)"}),j(s,{left:"-".concat(p/2,"px"),width:"".concat(p,"px"),height:"".concat(p,"px")});for(var d=0;d'))}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(r){k(u,"display","block"),C(r,l)?function(r){var n=Ft(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=Ft(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(t,"click",(function(t){if(t.target!==s){var r=Ft(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(s,"mousedown",(function(){i=!0})),o(document,"mousemove",(function(t){if(i){var r=Ft(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(document,"mouseup",(function(){i&&(i=!1)})),o(s,"touchstart",(function(t){1===t.touches.length&&(i=!0)})),o(document,"touchmove",(function(t){if(1===t.touches.length&&i){var r=Ft(e,t),n=r.second;f("played",r.percentage),e.seek=n}})),o(document,"touchend",(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 qt(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 Zt(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=3e3&&(r.show=!1,b(a,"art-hide-cursor"),w(a,"art-hover"))})),e.once("video:loadedmetadata",(function(){r.add(It({name:"progress",disable:i.isLive,position:"top",index:10})),r.add(Qt({name:"thumbnails",disable:!i.thumbnails.url||i.isLive,position:"top",index:20})),r.add(function(t){return function(e){return ee(ee({},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 At(At({},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")}E(i,o.get("Play")),E(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 Nt(Nt({},t),{},{mounted:function(t){var r=e.events.proxy,n=e.icons,o=e.i18n,i=!1,a=O(t,n.volume),c=O(t,n.volumeClose),l=O(t,'
'),s=O(l,'
');function u(t){var e=l.getBoundingClientRect().left;return G(t.pageX-e-6,0,54)/48}function p(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:.7;if(e.muted||0===t)k(a,"display","none"),k(c,"display","flex"),k(s,"left","0");else{var r=48*t;k(a,"display","flex"),k(c,"display","none"),k(s,"left","".concat(r,"px"))}}E(a,o.get("Mute")),k(c,"display","none"),d&&k(l,"display","none"),p(e.volume),e.on("video:volumechange",(function(){p(e.volume)})),r(a,"click",(function(){e.muted=!0})),r(c,"click",(function(){e.muted=!1})),r(l,"click",(function(t){e.muted=!1,e.volume=u(t)})),r(s,"mousedown",(function(){i=!0})),r(t,"mousemove",(function(t){i&&(e.muted=!1,e.volume=u(t))})),r(document,"mouseup",(function(){i&&(i=!1)}))}})}}({name:"volume",disable:!1,position:"left",index:20})),r.add(function(t){return function(e){return Ht(Ht({},t),{},{mounted:function(t){function r(){var r="".concat(K(e.currentTime)," / ").concat(K(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&&R(r,"art-current")}))}})}}({disable:!r.playbackRate,name:"playbackRate",index:10})),this.add(function(t){return function(e){var r=e.i18n;return ce(ce({},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&&R(r,"art-current")}))}})}}({disable:!r.aspectRatio,name:"aspectRatio",index:20})),this.add(function(t){return function(e){var r=e.i18n;return se(se({},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&&R(r,"art-current")}))}})}}({disable:!r.flip,name:"flip",index:30})),this.add(function(t){return function(e){return pe(pe({},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 de(de({},t),{},{html:'ArtPlayer 4.3.6'})}({disable:!1,name:"version",index:50})),this.add(function(t){return function(e){return ve(ve({},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 ge(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 be=function(e){i(o,e);var n=ge(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.events.proxy,n=e.template,o=n.$infoPanel,i=n.$infoClose,a=n.$video;r(i,"click",(function(){t.show=!1}));var c=null,l=g("[data-video]",o)||[];this.art.on("destroy",(function(){clearTimeout(c)})),function t(){for(var e=0;e".concat(tt(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=xe(xe(xe({},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,ft.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(t.style),F(window.fetch,"fetch not support"),fetch(t.url).then((function(t){return t.arrayBuffer()})).then((function(r){F(window.TextDecoder,"TextDecoder not support");var n=new TextDecoder(t.encoding).decode(r);switch(e.art.emit("subtitleLoad",t.url),t.type||V(t.url)){case"srt":return B(I(n));case"ass":return B(q(n));case"vtt":return B(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 je=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.template,n=r.$player,o=r.$video;e.proxy(document,["click","contextmenu"],(function(e){C(e,n)?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))}));var i=0;e.proxy(o,"click",(function(){var e=Date.now();e-i<=300?(t.emit("dblclick"),d?t.toggle():t.fullscreen=!t.fullscreen):(t.emit("click"),d||t.toggle()),i=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")}),500);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.template.$video,o=!1,i=0,a=0,c=null;e.proxy(n,"touchstart",(function(e){1===e.touches.length&&(o=!0,i=e.touches[0].clientX,clearTimeout(c),c=setTimeout((function(){t.playbackRate=3}),1e3))})),e.proxy(n,"touchmove",(function(e){if(1===e.touches.length&&o&&t.duration){var c=G((e.touches[0].clientX-i)/n.clientWidth,-1,1);a=G(t.currentTime+t.duration*c,0,t.duration),r.show="".concat(K(a)," / ").concat(K(t.duration))}})),e.proxy(document,"touchend",(function(){o&&(a&&(t.seek=a),3===t.playbackRate&&(t.playbackRate=1),i=0,a=0,o=!1,clearTimeout(c),c=null)}))}}(r,n),function(t,e){var r=t.option,n=t.template.$container,o=J((function(){t.emit("view",$(n,50))}),200);e.proxy(window,"scroll",(function(){o()})),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 L("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 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:''},r.option.icons);Object.keys(o).forEach((function(t){_(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 Me(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");return b(c,"art-setting-item-left-icon"),O(c,n.arrowLeft),O(a,c),O(a,t._parentItem.html),o(i,"click",(function(){e.init(t._parentList)})),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"),void 0!==t.value&&(a.dataset.value=t.value);var c=O(a,'
'),l=O(a,'
'),s=document.createElement("div");if(b(s,"art-setting-item-left-icon"),O(s,i?t.icon||n.config:n.check),O(c,s),O(c,t.html),i){var u=document.createElement("div");b(u,"art-setting-item-right-tooltip"),O(l,u),t._$tooltip=u,t.tooltip&&(u.innerHTML=t.tooltip);var p=document.createElement("div");b(p,"art-setting-item-right-icon"),O(p,n.arrowRight),O(l,p)}return o(a,"click",(function(r){if(i)e.init(t.selector,t.width);else if(R(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))}})),a}},{key:"add",value:function(t){"function"==typeof t?this.option.push(t(this.art)):this.option.push(t),this.option=Le(this.option),this.init(this.option)}},{key:"init",value:function(t,e){if(this.cache.has(t)){var r=this.cache.get(t);R(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;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}(),He=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),_e.splice(_e.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"instances",get:function(){return _e}},{key:"version",get:function(){return"4.3.6"}},{key:"env",get:function(){return"production"}},{key:"build",get:function(){return"1650533039430"}},{key:"config",get:function(){return dt}},{key:"utils",get:function(){return et}},{key:"scheme",get:function(){return ft}},{key:"Emitter",get:function(){return p}},{key:"validator",get:function(){return u}},{key:"kindOf",get:function(){return u.kindOf}},{key:"html",get:function(){return vt.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,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 console.log("%c ArtPlayer %c 4.3.6 %c https://artplayer.org","color: #fff; background: #5f5f5f","color: #fff; background: #4bc729",""),Ue})); diff --git a/packages/artplayer/package.json b/packages/artplayer/package.json index f01deaeaa..d3bea5b1f 100644 --- a/packages/artplayer/package.json +++ b/packages/artplayer/package.json @@ -1,6 +1,6 @@ { "name": "artplayer", - "version": "4.3.5", + "version": "4.3.6", "expose": "Artplayer", "description": "ArtPlayer.js is a modern and full featured HTML5 video player", "main": "dist/artplayer.js", diff --git a/packages/artplayer/src/events/gestureInit.js b/packages/artplayer/src/events/gestureInit.js index 6146b68eb..3432957da 100644 --- a/packages/artplayer/src/events/gestureInit.js +++ b/packages/artplayer/src/events/gestureInit.js @@ -1,7 +1,7 @@ import { clamp, secondToTime, isMobile } from '../utils'; export default function gestureInit(art, events) { - if (isMobile && !art.option.isLive && art.duration) { + if (isMobile && !art.option.isLive) { const { notice, template: { $video }, @@ -25,7 +25,7 @@ export default function gestureInit(art, events) { }); events.proxy($video, 'touchmove', (event) => { - if (event.touches.length === 1 && isDroging) { + if (event.touches.length === 1 && isDroging && art.duration) { const widthDiff = event.touches[0].clientX - startX; const proportion = clamp(widthDiff / $video.clientWidth, -1, 1); currentTime = clamp(art.currentTime + art.duration * proportion, 0, art.duration);