diff --git a/package.json b/package.json
index 6f3b28cbe..2cfe81a2c 100644
--- a/package.json
+++ b/package.json
@@ -33,13 +33,14 @@
"@parcel/reporter-cli": "^2.5.0",
"@parcel/transformer-inline-string": "^2.5.0",
"@parcel/transformer-less": "^2.5.0",
- "cpy": "^9.0.1",
"eslint": "^8.14.0",
"glob": "^8.0.1",
"inquirer": "^8.2.3",
"lerna": "^4.0.0",
"mocha": "^9.2.2",
"mocha-chrome": "^2.2.0",
+ "node-html-parser": "^5.3.3",
+ "prettier": "^2.6.2",
"servor": "^4.0.2",
"workbox-build": "^6.5.3"
}
diff --git a/packages/artplayer/dist/artplayer.js b/packages/artplayer/dist/artplayer.js
index 0f70250ac..ba4c4d32f 100644
--- a/packages/artplayer/dist/artplayer.js
+++ b/packages/artplayer/dist/artplayer.js
@@ -1,4091 +1 @@
-var $cTKjd$optionvalidator = require("option-validator");
-var $cTKjd$screenfull = require("screenfull");
-
-function $parcel$interopDefault(a) {
- return a && a.__esModule ? a.default : a;
-}
-function $parcel$defineInteropFlag(a) {
- Object.defineProperty(a, '__esModule', {value: true, configurable: true});
-}
-function $parcel$export(e, n, v, s) {
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-function $parcel$exportWildcard(dest, source) {
- Object.keys(source).forEach(function(key) {
- if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
- return;
- }
-
- Object.defineProperty(dest, key, {
- enumerable: true,
- get: function get() {
- return source[key];
- }
- });
- });
-
- return dest;
-}
-
-$parcel$defineInteropFlag(module.exports);
-
-$parcel$export(module.exports, "default", () => $cdf9fe9adb2d02f9$export$2e2bcd8739ae039);
-var $fc322dd812272489$exports = {};
-$fc322dd812272489$exports = ".art-video-player {\n z-index: 20;\n width: 100%;\n height: 100%;\n zoom: 1;\n color: #eee;\n text-align: left;\n direction: ltr;\n user-select: none;\n -webkit-tap-highlight-color: #0000;\n touch-action: manipulation;\n -ms-high-contrast-adjust: none;\n background-color: #000;\n outline: none;\n margin: 0 auto;\n font-family: Roboto, Arial, Helvetica, sans-serif;\n font-size: 14px;\n line-height: 1.3;\n display: flex;\n position: relative;\n}\n\n.art-video-player * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.art-video-player ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n\n.art-video-player ::-webkit-scrollbar-thumb {\n background-color: #666;\n}\n\n.art-video-player ::-webkit-scrollbar-thumb:hover {\n background-color: #ccc;\n}\n\n.art-video-player .art-icon {\n justify-content: center;\n align-items: center;\n line-height: 1.5;\n display: inline-flex;\n}\n\n.art-video-player .art-icon svg {\n fill: #fff;\n}\n\n.art-video-player img {\n max-width: 100%;\n vertical-align: top;\n}\n\n@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {\n .art-video-player .art-backdrop-filter {\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n backdrop-filter: saturate(180%) blur(20px);\n background-color: #000000b3 !important;\n }\n}\n\n.art-video-player .art-video {\n z-index: 10;\n width: 100%;\n height: 100%;\n cursor: pointer;\n background-color: #000;\n position: absolute;\n inset: 0;\n}\n\n.art-video-player .art-poster {\n z-index: 11;\n width: 100%;\n height: 100%;\n user-select: none;\n pointer-events: none;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n position: absolute;\n inset: 0;\n}\n\n.art-video-player .art-subtitle {\n z-index: 20;\n width: 100%;\n text-align: center;\n color: #fff;\n pointer-events: none;\n text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000, 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000;\n padding: 0 20px;\n font-size: 20px;\n display: none;\n position: absolute;\n bottom: 10px;\n}\n\n.art-video-player .art-subtitle p {\n word-break: break-all;\n height: fit-content;\n margin: 5px 0 0;\n line-height: 1.2;\n}\n\n.art-video-player.art-subtitle-show .art-subtitle {\n display: block;\n}\n\n.art-video-player.art-control-show .art-subtitle {\n bottom: 50px;\n}\n\n.art-video-player .art-danmuku {\n z-index: 30;\n width: 100%;\n height: 100%;\n pointer-events: none;\n position: absolute;\n inset: 0;\n overflow: hidden;\n}\n\n.art-video-player .art-layers {\n z-index: 40;\n width: 100%;\n height: 100%;\n pointer-events: none;\n display: none;\n position: absolute;\n inset: 0;\n overflow: hidden;\n}\n\n.art-video-player .art-layers .art-layer {\n pointer-events: auto;\n}\n\n.art-video-player.art-layer-show .art-layers {\n display: block;\n}\n\n.art-video-player .art-mask {\n z-index: 50;\n width: 100%;\n height: 100%;\n pointer-events: none;\n justify-content: center;\n align-items: center;\n display: none;\n position: absolute;\n inset: 0;\n overflow: hidden;\n}\n\n.art-video-player .art-mask .art-state {\n width: 60px;\n height: 60px;\n opacity: .85;\n cursor: pointer;\n pointer-events: all;\n justify-content: center;\n align-items: center;\n display: flex;\n position: absolute;\n bottom: 65px;\n right: 30px;\n}\n\n.art-video-player.art-mask-show .art-mask {\n display: flex;\n}\n\n.art-video-player.art-mobile .art-state {\n position: static;\n}\n\n.art-video-player .art-loading {\n z-index: 70;\n width: 100%;\n height: 100%;\n pointer-events: none;\n justify-content: center;\n align-items: center;\n display: none;\n position: absolute;\n inset: 0;\n}\n\n.art-video-player.art-loading-show .art-loading {\n display: flex;\n}\n\n.art-video-player .art-bottom {\n z-index: 60;\n height: 100px;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) bottom repeat-x;\n flex-direction: column;\n justify-content: space-between;\n padding: 50px 10px 0;\n transition: all .2s ease-in-out;\n display: flex;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.art-video-player .art-bottom .art-progress {\n z-index: 0;\n pointer-events: auto;\n flex: 1;\n position: relative;\n}\n\n.art-video-player .art-bottom .art-progress .art-control-progress {\n height: 4px;\n cursor: pointer;\n flex-direction: row;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner {\n height: 50%;\n width: 100%;\n background: #fff3;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded {\n z-index: 10;\n height: 100%;\n width: 0;\n background: #fff6;\n position: absolute;\n inset: 0;\n}\n\n.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played {\n z-index: 20;\n height: 100%;\n width: 0;\n position: absolute;\n inset: 0;\n}\n\n.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight {\n z-index: 30;\n height: 100%;\n pointer-events: none;\n position: absolute;\n inset: 0;\n}\n\n.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span {\n width: 7px;\n height: 100%;\n pointer-events: auto;\n background: #fff;\n display: inline-block;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator {\n visibility: hidden;\n z-index: 40;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n transition: transform .1s ease-in-out;\n position: absolute;\n transform: scale(.1);\n}\n\n.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator .art-icon {\n width: 100%;\n height: 100%;\n pointer-events: none;\n user-select: none;\n}\n\n.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip {\n z-index: 50;\n height: 20px;\n color: #fff;\n text-align: center;\n white-space: nowrap;\n background: #000000b3;\n border-radius: 3px;\n padding: 0 5px;\n font-size: 12px;\n font-weight: bold;\n line-height: 20px;\n display: none;\n position: absolute;\n top: -25px;\n left: 0;\n}\n\n.art-video-player .art-bottom .art-progress .art-control-thumbnails {\n pointer-events: none;\n background-color: #000000b3;\n display: none;\n position: absolute;\n bottom: 8px;\n left: 0;\n}\n\n.art-video-player .art-bottom .art-progress .art-control-loop {\n width: 100%;\n height: 100%;\n pointer-events: none;\n display: none;\n position: absolute;\n inset: 0;\n}\n\n.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point {\n width: 2px;\n height: 8px;\n background: #ffffffbf;\n position: absolute;\n top: -2px;\n left: 0;\n}\n\n.art-video-player .art-bottom .art-controls {\n z-index: 1;\n pointer-events: auto;\n height: 45px;\n justify-content: space-between;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.art-video-player .art-bottom .art-controls .art-controls-left, .art-video-player .art-bottom .art-controls .art-controls-right {\n display: flex;\n}\n\n.art-video-player .art-bottom .art-controls .art-control {\n opacity: .9;\n min-height: 36px;\n min-width: 36px;\n text-align: center;\n cursor: pointer;\n white-space: nowrap;\n align-items: center;\n font-size: 12px;\n line-height: 1;\n display: flex;\n}\n\n.art-video-player .art-bottom .art-controls .art-control .art-icon {\n float: left;\n height: 36px;\n width: 36px;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.art-video-player .art-bottom .art-controls .art-control:hover {\n opacity: 1;\n}\n\n.art-video-player .art-bottom .art-controls .art-control-onlyText {\n padding: 0 10px;\n}\n\n.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel {\n float: left;\n width: 0;\n height: 100%;\n transition: margin .2s cubic-bezier(.4, 0, 1, 1), width .2s cubic-bezier(.4, 0, 1, 1);\n position: relative;\n overflow: hidden;\n}\n\n.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle {\n width: 12px;\n height: 12px;\n background: #fff;\n border-radius: 12px;\n margin-top: -6px;\n position: absolute;\n top: 50%;\n left: 0;\n}\n\n.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before {\n background: #fff;\n left: -54px;\n}\n\n.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after {\n background: #fff3;\n left: 6px;\n}\n\n.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before, .art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after {\n content: \"\";\n height: 3px;\n width: 60px;\n margin-top: -2px;\n display: block;\n position: absolute;\n top: 50%;\n}\n\n.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel {\n width: 60px;\n}\n\n.art-video-player .art-bottom .art-controls .art-control-quality {\n z-index: 30;\n position: relative;\n}\n\n.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys {\n width: 100px;\n text-align: center;\n color: #fff;\n background: #000c;\n border-radius: 3px;\n padding: 5px 0;\n display: none;\n position: absolute;\n bottom: 35px;\n}\n\n.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item {\n height: 30px;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-shadow: 0 0 2px #00000080;\n line-height: 30px;\n overflow: hidden;\n}\n\n.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover {\n background-color: #ffffff1a;\n}\n\n.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys {\n display: block;\n}\n\n.art-video-player .art-bottom:hover .art-progress .art-control-progress .art-control-progress-inner {\n height: 100%;\n}\n\n.art-video-player .art-bottom:hover .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator {\n visibility: visible;\n transform: scale(1);\n}\n\n.art-video-player.art-control-show .art-bottom, .art-video-player.art-hover .art-bottom {\n opacity: 1;\n visibility: visible;\n}\n\n.art-video-player.art-error .art-progress-indicator, .art-video-player.art-destroy .art-progress-indicator, .art-video-player.art-error .art-progress-tip, .art-video-player.art-destroy .art-progress-tip {\n display: none !important;\n}\n\n.art-video-player.art-mobile .art-bottom {\n padding: 50px 7px 0;\n}\n\n.art-video-player.art-mobile .art-bottom .art-controls {\n height: 40px;\n}\n\n.art-video-player.art-mobile .art-bottom .art-progress-indicator {\n visibility: visible !important;\n transform: scale(1) !important;\n}\n\n.art-video-player .art-notice {\n z-index: 80;\n width: 100%;\n pointer-events: none;\n padding: 10px;\n font-size: 14px;\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.art-video-player .art-notice .art-notice-inner {\n color: #fff;\n background-color: #0009;\n border-radius: 3px;\n padding: 5px 10px;\n display: inline-block;\n}\n\n.art-video-player.art-notice-show .art-notice {\n display: flex;\n}\n\n.art-video-player .art-contextmenus {\n z-index: 120;\n min-width: 200px;\n background-color: #000000e6;\n border-radius: 3px;\n flex-direction: column;\n padding: 5px 0;\n display: none;\n position: absolute;\n top: 10px;\n left: 10px;\n}\n\n.art-video-player .art-contextmenus .art-contextmenu {\n cursor: pointer;\n color: #fff;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-shadow: 0 0 2px #00000080;\n border-bottom: 1px solid #ffffff1a;\n padding: 10px 15px;\n font-size: 12px;\n display: block;\n overflow: hidden;\n}\n\n.art-video-player .art-contextmenus .art-contextmenu a {\n color: #fff;\n text-decoration: none;\n}\n\n.art-video-player .art-contextmenus .art-contextmenu span {\n padding: 0 7px;\n display: inline-block;\n}\n\n.art-video-player .art-contextmenus .art-contextmenu span:hover, .art-video-player .art-contextmenus .art-contextmenu span.art-current {\n color: #00c9ff;\n}\n\n.art-video-player .art-contextmenus .art-contextmenu:hover {\n background-color: #ffffff1a;\n}\n\n.art-video-player .art-contextmenus .art-contextmenu:last-child {\n border-bottom: none;\n}\n\n.art-video-player.art-contextmenu-show .art-contextmenus {\n display: flex;\n}\n\n.art-video-player .art-settings {\n z-index: 90;\n max-height: 300px;\n background-color: #000000e6;\n border-radius: 3px;\n font-size: 13px;\n transition: all .2s;\n display: none;\n position: absolute;\n bottom: 50px;\n right: 10px;\n overflow: auto;\n}\n\n.art-video-player .art-settings .art-setting-panel {\n display: none;\n}\n\n.art-video-player .art-settings .art-setting-panel.art-current {\n display: block;\n}\n\n.art-video-player .art-settings .art-setting-panel .art-setting-item {\n height: 35px;\n cursor: pointer;\n color: #fffc;\n justify-content: space-between;\n align-items: center;\n padding: 0 5px;\n line-height: 1;\n display: flex;\n overflow: hidden;\n}\n\n.art-video-player .art-settings .art-setting-panel .art-setting-item:hover, .art-video-player .art-settings .art-setting-panel .art-setting-item.art-current {\n color: #fff;\n background-color: #ffffff1a;\n}\n\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-icon {\n width: 30px;\n height: 30px;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-icon-check {\n visibility: hidden;\n height: 15px;\n}\n\n.art-video-player .art-settings .art-setting-panel .art-setting-item.art-current .art-icon-check {\n visibility: visible;\n}\n\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-left {\n white-space: nowrap;\n align-items: center;\n display: flex;\n}\n\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-left .art-setting-item-left-icon {\n height: 24px;\n width: 24px;\n justify-content: center;\n align-items: center;\n margin-right: 10px;\n display: flex;\n}\n\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right {\n align-items: center;\n display: flex;\n}\n\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right .art-setting-item-right-tooltip {\n white-space: nowrap;\n color: #ffffff80;\n font-size: 12px;\n}\n\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right .art-setting-item-right-icon {\n height: 24px;\n width: 24px;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.art-video-player .art-settings .art-setting-panel .art-setting-item-back {\n border-bottom: 1px solid #ffffff1a;\n}\n\n.art-video-player.art-setting-show .art-settings {\n display: block;\n}\n\n.art-video-player.art-mobile .art-settings {\n max-height: 200px;\n}\n\n.art-video-player .art-info {\n z-index: 100;\n width: 350px;\n color: #fff;\n -webkit-font-smoothing: antialiased;\n background-color: #000000e6;\n flex-direction: column;\n padding: 10px;\n font-family: Noto Sans CJK SC DemiLight, Roboto, Segoe UI, Tahoma, Arial, Helvetica, sans-serif;\n font-size: 12px;\n display: none;\n position: absolute;\n top: 10px;\n left: 10px;\n}\n\n.art-video-player .art-info .art-info-item {\n margin-bottom: 5px;\n display: flex;\n}\n\n.art-video-player .art-info .art-info-item .art-info-title {\n width: 100px;\n text-align: right;\n}\n\n.art-video-player .art-info .art-info-item .art-info-content {\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n padding-left: 5px;\n overflow: hidden;\n}\n\n.art-video-player .art-info .art-info-item:last-child {\n margin-bottom: 0;\n}\n\n.art-video-player .art-info .art-info-close {\n cursor: pointer;\n position: absolute;\n top: 5px;\n right: 5px;\n}\n\n.art-video-player.art-info-show .art-info {\n display: flex;\n}\n\n.art-video-player.art-hide-cursor * {\n cursor: none !important;\n}\n\n.art-video-player[data-aspect-ratio] video {\n box-sizing: content-box;\n object-fit: fill;\n}\n\n.art-video-player.art-fullscreen-web {\n z-index: 9999;\n width: 100%;\n height: 100%;\n position: fixed;\n inset: 0;\n}\n\n.art-fullscreen-rotate {\n z-index: 9999;\n width: 100%;\n height: 100%;\n background-color: #000;\n position: fixed;\n inset: 0;\n}\n\n.art-video-player .art-mini-header {\n z-index: 110;\n height: 35px;\n color: #fff;\n opacity: 0;\n visibility: hidden;\n background-color: #00000080;\n justify-content: space-between;\n align-items: center;\n line-height: 35px;\n transition: all .2s ease-in-out;\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.art-video-player .art-mini-header .art-mini-title {\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: move;\n flex: 1;\n padding: 0 10px;\n overflow: hidden;\n}\n\n.art-video-player .art-mini-header .art-mini-close {\n width: 35px;\n text-align: center;\n cursor: pointer;\n font-size: 22px;\n}\n\n.art-video-player.art-is-dragging {\n opacity: .7;\n}\n\n.art-video-player.art-mini {\n z-index: 9999;\n width: 400px;\n height: 225px;\n position: fixed;\n box-shadow: 0 2px 5px #00000029, 0 3px 6px #0003;\n}\n\n.art-video-player.art-mini .art-mini-header {\n user-select: none;\n display: flex;\n}\n\n.art-video-player.art-mini.art-hover .art-mini-header {\n opacity: 1;\n visibility: visible;\n}\n\n.art-video-player.art-mini .art-mask .art-state {\n position: static;\n}\n\n.art-video-player.art-mini .art-contextmenu, .art-video-player.art-mini .art-bottom, .art-video-player.art-mini .art-danmu, .art-video-player.art-mini .art-info, .art-video-player.art-mini .art-layers, .art-video-player.art-mini .art-notice, .art-video-player.art-mini .art-setting, .art-video-player.art-mini .art-subtitle {\n display: none !important;\n}\n\n.art-auto-size {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.art-video-player[data-flip=\"horizontal\"] .art-video {\n transform: scaleX(-1);\n}\n\n.art-video-player[data-flip=\"vertical\"] .art-video {\n transform: scaleY(-1);\n}\n\n.art-video-player .art-layer-miniProgressBar {\n height: 2px;\n background-color: var(--theme);\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.art-video-player .art-layer-lock {\n height: 34px;\n width: 34px;\n color: #fff;\n background-color: #00000080;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n display: none;\n position: absolute;\n top: calc(50% - 17px);\n left: 15px;\n}\n\n.art-video-player.art-lock .art-bottom {\n display: none !important;\n}\n\n.art-video-player.art-lock .art-subtitle {\n bottom: 10px !important;\n}\n\n.art-video-player.art-lock .art-layer-miniProgressBar {\n display: block !important;\n}\n\n.art-video-player.art-control-show .art-layer-miniProgressBar {\n display: none;\n}\n\n.art-video-player.art-control-show .art-layer-lock {\n display: flex;\n}\n\n.art-video-player .art-control-selector {\n position: relative;\n}\n\n.art-video-player .art-control-selector .art-selector-list {\n min-width: 100px;\n max-width: 200px;\n max-height: 200px;\n text-align: center;\n color: #fff;\n background-color: #000c;\n border-radius: 3px;\n padding: 5px 0;\n display: none;\n position: absolute;\n bottom: 35px;\n overflow: auto;\n}\n\n.art-video-player .art-control-selector .art-selector-list .art-selector-item {\n height: 30px;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-shadow: 0 0 2px #00000080;\n padding: 0 5px;\n line-height: 30px;\n overflow: hidden;\n}\n\n.art-video-player .art-control-selector .art-selector-list .art-selector-item:hover {\n background-color: #ffffff1a;\n}\n\n.art-video-player .art-control-selector .art-selector-list .art-selector-item:hover, .art-video-player .art-control-selector .art-selector-list .art-selector-item.art-current {\n color: #00c9ff;\n}\n\n.art-video-player .art-control-selector:hover .art-selector-list {\n display: block;\n}\n\n";
-
-
-
-class $a2113e5ff6e5df5a$export$2e2bcd8739ae039 {
- on(name, fn, ctx) {
- const e = this.e || (this.e = {});
- (e[name] || (e[name] = [])).push({
- fn: fn,
- ctx: ctx
- });
- return this;
- }
- once(name, fn, ctx) {
- const self = this;
- function listener(...args) {
- self.off(name, listener);
- fn.apply(ctx, args);
- }
- listener._ = fn;
- return this.on(name, listener, ctx);
- }
- emit(name, ...data) {
- const evtArr = ((this.e || (this.e = {}))[name] || []).slice();
- for(let i = 0; i < evtArr.length; i += 1)evtArr[i].fn.apply(evtArr[i].ctx, data);
- return this;
- }
- off(name, callback) {
- const e = this.e || (this.e = {});
- const evts = e[name];
- const liveEvents = [];
- if (evts && callback) {
- for(let i = 0, len = evts.length; i < len; i += 1)if (evts[i].fn !== callback && evts[i].fn._ !== callback) liveEvents.push(evts[i]);
- }
- if (liveEvents.length) e[name] = liveEvents;
- else delete e[name];
- return this;
- }
-}
-
-
-var $719e22089069758c$exports = {};
-var $1617d61110f74a7d$exports = {};
-
-$parcel$export($1617d61110f74a7d$exports, "query", () => $1617d61110f74a7d$export$2fa187e846a241c4);
-$parcel$export($1617d61110f74a7d$exports, "queryAll", () => $1617d61110f74a7d$export$dcd0d083aa86c355);
-$parcel$export($1617d61110f74a7d$exports, "addClass", () => $1617d61110f74a7d$export$d2cf6cd1dc7067d3);
-$parcel$export($1617d61110f74a7d$exports, "removeClass", () => $1617d61110f74a7d$export$c2255604a80b4506);
-$parcel$export($1617d61110f74a7d$exports, "hasClass", () => $1617d61110f74a7d$export$4ea3d958472af68f);
-$parcel$export($1617d61110f74a7d$exports, "append", () => $1617d61110f74a7d$export$10d8903dec122b9d);
-$parcel$export($1617d61110f74a7d$exports, "remove", () => $1617d61110f74a7d$export$cd7f480d6b8286c3);
-$parcel$export($1617d61110f74a7d$exports, "setStyle", () => $1617d61110f74a7d$export$37a5fde709c1db82);
-$parcel$export($1617d61110f74a7d$exports, "setStyles", () => $1617d61110f74a7d$export$ac3d318a39e8020a);
-$parcel$export($1617d61110f74a7d$exports, "getStyle", () => $1617d61110f74a7d$export$3d2f074408bd1b82);
-$parcel$export($1617d61110f74a7d$exports, "sublings", () => $1617d61110f74a7d$export$cba12de11953f3f1);
-$parcel$export($1617d61110f74a7d$exports, "inverseClass", () => $1617d61110f74a7d$export$ff1a70dcfa68e743);
-$parcel$export($1617d61110f74a7d$exports, "tooltip", () => $1617d61110f74a7d$export$4e6f96734dfe12f4);
-$parcel$export($1617d61110f74a7d$exports, "isInViewport", () => $1617d61110f74a7d$export$157b27307c5a0381);
-$parcel$export($1617d61110f74a7d$exports, "includeFromEvent", () => $1617d61110f74a7d$export$89ce434956e92c43);
-$parcel$export($1617d61110f74a7d$exports, "replaceElement", () => $1617d61110f74a7d$export$2dfe578f95754f6a);
-var $46f6a63658609cc7$exports = {};
-
-$parcel$export($46f6a63658609cc7$exports, "userAgent", () => $46f6a63658609cc7$export$3dcce53a3755dc8c);
-$parcel$export($46f6a63658609cc7$exports, "isMobile", () => $46f6a63658609cc7$export$d0a8044dce8ff2fc);
-$parcel$export($46f6a63658609cc7$exports, "isSafari", () => $46f6a63658609cc7$export$95df08bae54cb4df);
-$parcel$export($46f6a63658609cc7$exports, "isWechat", () => $46f6a63658609cc7$export$c4eaf35627cc1b2);
-$parcel$export($46f6a63658609cc7$exports, "isIE", () => $46f6a63658609cc7$export$7e7b1a9668aaed8);
-const $46f6a63658609cc7$export$3dcce53a3755dc8c = typeof window !== 'undefined' ? window.navigator.userAgent : '';
-const $46f6a63658609cc7$export$d0a8044dce8ff2fc = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test($46f6a63658609cc7$export$3dcce53a3755dc8c);
-const $46f6a63658609cc7$export$95df08bae54cb4df = /^((?!chrome|android).)*safari/i.test($46f6a63658609cc7$export$3dcce53a3755dc8c);
-const $46f6a63658609cc7$export$c4eaf35627cc1b2 = /MicroMessenger/i.test($46f6a63658609cc7$export$3dcce53a3755dc8c);
-const $46f6a63658609cc7$export$7e7b1a9668aaed8 = /MSIE|Trident/i.test($46f6a63658609cc7$export$3dcce53a3755dc8c);
-
-
-function $1617d61110f74a7d$export$2fa187e846a241c4(selector, parent = document) {
- return parent.querySelector(selector);
-}
-function $1617d61110f74a7d$export$dcd0d083aa86c355(selector, parent = document) {
- return Array.from(parent.querySelectorAll(selector));
-}
-function $1617d61110f74a7d$export$d2cf6cd1dc7067d3(target, className) {
- return target.classList.add(className);
-}
-function $1617d61110f74a7d$export$c2255604a80b4506(target, className) {
- return target.classList.remove(className);
-}
-function $1617d61110f74a7d$export$4ea3d958472af68f(target, className) {
- return target.classList.contains(className);
-}
-function $1617d61110f74a7d$export$10d8903dec122b9d(parent, child) {
- if (child instanceof Element) parent.appendChild(child);
- else parent.insertAdjacentHTML('beforeend', String(child));
- return parent.lastElementChild || parent.lastChild;
-}
-function $1617d61110f74a7d$export$cd7f480d6b8286c3(child) {
- return child.parentNode.removeChild(child);
-}
-function $1617d61110f74a7d$export$37a5fde709c1db82(element, key, value) {
- element.style[key] = value;
- return element;
-}
-function $1617d61110f74a7d$export$ac3d318a39e8020a(element, styles) {
- Object.keys(styles).forEach((key)=>{
- $1617d61110f74a7d$export$37a5fde709c1db82(element, key, styles[key]);
- });
- return element;
-}
-function $1617d61110f74a7d$export$3d2f074408bd1b82(element, key, numberType = true) {
- const value = window.getComputedStyle(element, null).getPropertyValue(key);
- return numberType ? parseFloat(value) : value;
-}
-function $1617d61110f74a7d$export$cba12de11953f3f1(target) {
- return Array.from(target.parentElement.children).filter((item)=>item !== target
- );
-}
-function $1617d61110f74a7d$export$ff1a70dcfa68e743(target, className) {
- $1617d61110f74a7d$export$cba12de11953f3f1(target).forEach((item)=>$1617d61110f74a7d$export$c2255604a80b4506(item, className)
- );
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3(target, className);
-}
-function $1617d61110f74a7d$export$4e6f96734dfe12f4(target, msg, pos = 'up') {
- if ($46f6a63658609cc7$export$d0a8044dce8ff2fc) return;
- target.setAttribute('aria-label', msg);
- target.setAttribute('data-balloon-pos', pos);
-}
-function $1617d61110f74a7d$export$157b27307c5a0381(el, offset = 0) {
- const rect = el.getBoundingClientRect();
- const windowHeight = window.innerHeight || document.documentElement.clientHeight;
- const windowWidth = window.innerWidth || document.documentElement.clientWidth;
- const vertInView = rect.top - offset <= windowHeight && rect.top + rect.height + offset >= 0;
- const horInView = rect.left - offset <= windowWidth + offset && rect.left + rect.width + offset >= 0;
- return vertInView && horInView;
-}
-function $1617d61110f74a7d$export$89ce434956e92c43(event, target) {
- return event.composedPath && event.composedPath().indexOf(target) > -1;
-}
-function $1617d61110f74a7d$export$2dfe578f95754f6a(newChild, oldChild) {
- oldChild.parentNode.replaceChild(newChild, oldChild);
- return newChild;
-}
-
-
-var $9f39e86245920cd9$exports = {};
-
-$parcel$export($9f39e86245920cd9$exports, "ArtPlayerError", () => $9f39e86245920cd9$export$8f14b18212bb1ea5);
-$parcel$export($9f39e86245920cd9$exports, "errorHandle", () => $9f39e86245920cd9$export$ff496a5a51be1527);
-class $9f39e86245920cd9$export$8f14b18212bb1ea5 extends Error {
- constructor(message, context){
- super(message);
- if (typeof Error.captureStackTrace === 'function') Error.captureStackTrace(this, context || this.constructor);
- this.name = 'ArtPlayerError';
- }
-}
-function $9f39e86245920cd9$export$ff496a5a51be1527(condition, msg) {
- if (!condition) throw new $9f39e86245920cd9$export$8f14b18212bb1ea5(msg);
- return condition;
-}
-
-
-var $3bd617987c2ca385$exports = {};
-
-$parcel$export($3bd617987c2ca385$exports, "srtToVtt", () => $3bd617987c2ca385$export$5ae19f500bb84e8b);
-$parcel$export($3bd617987c2ca385$exports, "vttToBlob", () => $3bd617987c2ca385$export$108f84c95df61951);
-$parcel$export($3bd617987c2ca385$exports, "assToVtt", () => $3bd617987c2ca385$export$aaf95c443eb8118a);
-function $3bd617987c2ca385$export$5ae19f500bb84e8b(srtText) {
- return 'WEBVTT \r\n\r\n'.concat(srtText.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 $3bd617987c2ca385$export$108f84c95df61951(vttText) {
- return URL.createObjectURL(new Blob([
- vttText
- ], {
- type: 'text/vtt'
- }));
-}
-function $3bd617987c2ca385$export$aaf95c443eb8118a(ass) {
- const reAss = new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$", 'i');
- function fixTime(time = '') {
- return time.split(/[:.]/).map((item, index, arr)=>{
- if (index === arr.length - 1) {
- if (item.length === 1) return `.${item}00`;
- if (item.length === 2) return `.${item}0`;
- } else if (item.length === 1) return (index === 0 ? '0' : ':0') + item;
- // eslint-disable-next-line no-nested-ternary
- return index === 0 ? item : index === arr.length - 1 ? `.${item}` : `:${item}`;
- }).join('');
- }
- return `WEBVTT\n\n${ass.split(/\r?\n/).map((line)=>{
- const m = line.match(reAss);
- if (!m) return null;
- return {
- start: fixTime(m[1].trim()),
- end: fixTime(m[2].trim()),
- text: m[5].replace(/{[\s\S]*?}/g, '').replace(/(\\N)/g, '\n').trim().split(/\r?\n/).map((item)=>item.trim()
- ).join('\n')
- };
- }).filter((line)=>line
- ).map((line, index)=>{
- if (line) return `${index + 1}\n${line.start} --> ${line.end}\n${line.text}`;
- return '';
- }).filter((line)=>line.trim()
- ).join('\n\n')}`;
-}
-
-
-var $112d5cbf48554e5f$exports = {};
-
-$parcel$export($112d5cbf48554e5f$exports, "getExt", () => $112d5cbf48554e5f$export$ba319cdd039ba52e);
-$parcel$export($112d5cbf48554e5f$exports, "download", () => $112d5cbf48554e5f$export$24422be91ad4011f);
-function $112d5cbf48554e5f$export$ba319cdd039ba52e(url) {
- if (url.includes('?')) return $112d5cbf48554e5f$export$ba319cdd039ba52e(url.split('?')[0]);
- if (url.includes('#')) return $112d5cbf48554e5f$export$ba319cdd039ba52e(url.split('#')[0]);
- return url.trim().toLowerCase().split('.').pop();
-}
-function $112d5cbf48554e5f$export$24422be91ad4011f(url, name) {
- const elink = document.createElement('a');
- elink.style.display = 'none';
- elink.href = url;
- elink.download = name;
- document.body.appendChild(elink);
- elink.click();
- document.body.removeChild(elink);
-}
-
-
-var $6b21bd176607d26d$exports = {};
-
-$parcel$export($6b21bd176607d26d$exports, "def", () => $6b21bd176607d26d$export$8afb76124cf08683);
-$parcel$export($6b21bd176607d26d$exports, "has", () => $6b21bd176607d26d$export$a4f4bb6b1453fff5);
-$parcel$export($6b21bd176607d26d$exports, "get", () => $6b21bd176607d26d$export$3988ae62b71be9a3);
-$parcel$export($6b21bd176607d26d$exports, "mergeDeep", () => $6b21bd176607d26d$export$dd702b3c8240390c);
-const $6b21bd176607d26d$export$8afb76124cf08683 = Object.defineProperty;
-const { hasOwnProperty: $6b21bd176607d26d$var$hasOwnProperty } = Object.prototype;
-function $6b21bd176607d26d$export$a4f4bb6b1453fff5(obj, name) {
- return $6b21bd176607d26d$var$hasOwnProperty.call(obj, name);
-}
-function $6b21bd176607d26d$export$3988ae62b71be9a3(obj, name) {
- return Object.getOwnPropertyDescriptor(obj, name);
-}
-function $6b21bd176607d26d$export$dd702b3c8240390c(...objects) {
- const isObject = (item)=>item && typeof item === 'object' && !Array.isArray(item)
- ;
- return objects.reduce((prev, obj)=>{
- Object.keys(obj).forEach((key)=>{
- const pVal = prev[key];
- const oVal = obj[key];
- if (Array.isArray(pVal) && Array.isArray(oVal)) prev[key] = pVal.concat(...oVal);
- else if (isObject(pVal) && isObject(oVal) && !(oVal instanceof Element)) prev[key] = $6b21bd176607d26d$export$dd702b3c8240390c(pVal, oVal);
- else prev[key] = oVal;
- });
- return prev;
- }, {});
-}
-
-
-var $c4508bb07fd554bb$exports = {};
-
-$parcel$export($c4508bb07fd554bb$exports, "sleep", () => $c4508bb07fd554bb$export$e772c8ff12451969);
-$parcel$export($c4508bb07fd554bb$exports, "debounce", () => $c4508bb07fd554bb$export$61fc7d43ac8f84b0);
-$parcel$export($c4508bb07fd554bb$exports, "throttle", () => $c4508bb07fd554bb$export$de363e709c412c8a);
-function $c4508bb07fd554bb$export$e772c8ff12451969(ms = 0) {
- return new Promise((resolve)=>setTimeout(resolve, ms)
- );
-}
-function $c4508bb07fd554bb$export$61fc7d43ac8f84b0(func, wait, context) {
- let timeout;
- function fn(...args) {
- const later = function later() {
- timeout = null;
- func.apply(context, args);
- };
- clearTimeout(timeout);
- timeout = setTimeout(later, wait);
- }
- fn.clearTimeout = function ct() {
- clearTimeout(timeout);
- };
- return fn;
-}
-function $c4508bb07fd554bb$export$de363e709c412c8a(callback, delay) {
- let isThrottled = false;
- let args;
- let context;
- function fn(...args2) {
- if (isThrottled) {
- args = args2;
- context = this;
- return;
- }
- isThrottled = true;
- callback.apply(this, args2);
- setTimeout(()=>{
- isThrottled = false;
- if (args) {
- fn.apply(context, args);
- args = null;
- context = null;
- }
- }, delay);
- }
- return fn;
-}
-
-
-var $f82eff12ae1758cb$exports = {};
-
-$parcel$export($f82eff12ae1758cb$exports, "clamp", () => $f82eff12ae1758cb$export$7d15b64cf5a3a4c4);
-$parcel$export($f82eff12ae1758cb$exports, "secondToTime", () => $f82eff12ae1758cb$export$bfdd1c721864a50a);
-$parcel$export($f82eff12ae1758cb$exports, "escape", () => $f82eff12ae1758cb$export$4e7f196112fea3c5);
-function $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(num, a, b) {
- return Math.max(Math.min(num, Math.max(a, b)), Math.min(a, b));
-}
-function $f82eff12ae1758cb$export$bfdd1c721864a50a(second) {
- const add0 = (num)=>num < 10 ? `0${num}` : String(num)
- ;
- const hour = Math.floor(second / 3600);
- const min = Math.floor((second - hour * 3600) / 60);
- const sec = Math.floor(second - hour * 3600 - min * 60);
- return (hour > 0 ? [
- hour,
- min,
- sec
- ] : [
- min,
- sec
- ]).map(add0).join(':');
-}
-function $f82eff12ae1758cb$export$4e7f196112fea3c5(str) {
- return str.replace(/[&<>'"]/g, (tag)=>({
- '&': '&',
- '<': '<',
- '>': '>',
- "'": ''',
- '"': '"'
- })[tag] || tag
- );
-}
-
-
-
-$parcel$exportWildcard($719e22089069758c$exports, $1617d61110f74a7d$exports);
-$parcel$exportWildcard($719e22089069758c$exports, $9f39e86245920cd9$exports);
-$parcel$exportWildcard($719e22089069758c$exports, $3bd617987c2ca385$exports);
-$parcel$exportWildcard($719e22089069758c$exports, $112d5cbf48554e5f$exports);
-$parcel$exportWildcard($719e22089069758c$exports, $6b21bd176607d26d$exports);
-$parcel$exportWildcard($719e22089069758c$exports, $c4508bb07fd554bb$exports);
-$parcel$exportWildcard($719e22089069758c$exports, $f82eff12ae1758cb$exports);
-$parcel$exportWildcard($719e22089069758c$exports, $46f6a63658609cc7$exports);
-
-
-
-const $10469c873ed71d57$var$a = 'array';
-const $10469c873ed71d57$var$b = 'boolean';
-const $10469c873ed71d57$var$s = 'string';
-const $10469c873ed71d57$var$n = 'number';
-const $10469c873ed71d57$var$o = 'object';
-const $10469c873ed71d57$var$f = 'function';
-const $10469c873ed71d57$var$r = 'regexp';
-function $10469c873ed71d57$var$validElement(value, type, paths) {
- return $9f39e86245920cd9$export$ff496a5a51be1527(type === $10469c873ed71d57$var$s || value instanceof Element, `${paths.join('.')} require '${$10469c873ed71d57$var$s}' or 'Element' type`);
-}
-const $10469c873ed71d57$export$fa4c546e01a0c57c = {
- html: $10469c873ed71d57$var$validElement,
- disable: `?${$10469c873ed71d57$var$b}`,
- name: `?${$10469c873ed71d57$var$s}`,
- index: `?${$10469c873ed71d57$var$n}`,
- style: `?${$10469c873ed71d57$var$o}`,
- click: `?${$10469c873ed71d57$var$f}`,
- mounted: `?${$10469c873ed71d57$var$f}`,
- tooltip: `?${$10469c873ed71d57$var$s}`,
- width: `?${$10469c873ed71d57$var$n}`,
- selector: `?${$10469c873ed71d57$var$a}`,
- onSelect: `?${$10469c873ed71d57$var$f}`
-};
-var $10469c873ed71d57$export$2e2bcd8739ae039 = {
- container: $10469c873ed71d57$var$validElement,
- url: $10469c873ed71d57$var$s,
- poster: $10469c873ed71d57$var$s,
- title: $10469c873ed71d57$var$s,
- type: $10469c873ed71d57$var$s,
- theme: $10469c873ed71d57$var$s,
- lang: $10469c873ed71d57$var$s,
- volume: $10469c873ed71d57$var$n,
- isLive: $10469c873ed71d57$var$b,
- muted: $10469c873ed71d57$var$b,
- autoplay: $10469c873ed71d57$var$b,
- autoSize: $10469c873ed71d57$var$b,
- autoMini: $10469c873ed71d57$var$b,
- loop: $10469c873ed71d57$var$b,
- flip: $10469c873ed71d57$var$b,
- playbackRate: $10469c873ed71d57$var$b,
- aspectRatio: $10469c873ed71d57$var$b,
- screenshot: $10469c873ed71d57$var$b,
- setting: $10469c873ed71d57$var$b,
- hotkey: $10469c873ed71d57$var$b,
- pip: $10469c873ed71d57$var$b,
- mutex: $10469c873ed71d57$var$b,
- backdrop: $10469c873ed71d57$var$b,
- fullscreen: $10469c873ed71d57$var$b,
- fullscreenWeb: $10469c873ed71d57$var$b,
- subtitleOffset: $10469c873ed71d57$var$b,
- miniProgressBar: $10469c873ed71d57$var$b,
- useSSR: $10469c873ed71d57$var$b,
- playsInline: $10469c873ed71d57$var$b,
- lock: $10469c873ed71d57$var$b,
- fastForward: $10469c873ed71d57$var$b,
- autoPlayback: $10469c873ed71d57$var$b,
- autoOrientation: $10469c873ed71d57$var$b,
- ads: [
- {
- url: $10469c873ed71d57$var$s
- },
- ],
- plugins: [
- $10469c873ed71d57$var$f
- ],
- whitelist: [
- `${$10469c873ed71d57$var$s}|${$10469c873ed71d57$var$f}|${$10469c873ed71d57$var$r}`
- ],
- layers: [
- $10469c873ed71d57$export$fa4c546e01a0c57c
- ],
- contextmenu: [
- $10469c873ed71d57$export$fa4c546e01a0c57c
- ],
- settings: [
- $10469c873ed71d57$export$fa4c546e01a0c57c
- ],
- controls: [
- {
- ...$10469c873ed71d57$export$fa4c546e01a0c57c,
- position: (value, _, paths)=>{
- const position = [
- 'top',
- 'left',
- 'right'
- ];
- return $9f39e86245920cd9$export$ff496a5a51be1527(position.includes(value), `${paths.join('.')} only accept ${position.toString()} as parameters`);
- }
- },
- ],
- quality: [
- {
- default: `?${$10469c873ed71d57$var$b}`,
- html: $10469c873ed71d57$var$s,
- url: $10469c873ed71d57$var$s
- },
- ],
- highlight: [
- {
- time: $10469c873ed71d57$var$n,
- text: $10469c873ed71d57$var$s
- },
- ],
- thumbnails: {
- url: $10469c873ed71d57$var$s,
- number: $10469c873ed71d57$var$n,
- column: $10469c873ed71d57$var$n
- },
- subtitle: {
- url: $10469c873ed71d57$var$s,
- type: $10469c873ed71d57$var$s,
- style: $10469c873ed71d57$var$o,
- encoding: $10469c873ed71d57$var$s
- },
- moreVideoAttr: $10469c873ed71d57$var$o,
- icons: $10469c873ed71d57$var$o,
- customType: $10469c873ed71d57$var$o
-};
-
-
-var $6bdef3f9911d4dfd$export$2e2bcd8739ae039 = {
- propertys: [
- 'audioTracks',
- 'autoplay',
- 'buffered',
- 'controller',
- 'controls',
- 'crossOrigin',
- 'currentSrc',
- 'currentTime',
- 'defaultMuted',
- 'defaultPlaybackRate',
- 'duration',
- 'ended',
- 'error',
- 'loop',
- 'mediaGroup',
- 'muted',
- 'networkState',
- 'paused',
- 'playbackRate',
- 'played',
- 'preload',
- 'readyState',
- 'seekable',
- 'seeking',
- 'src',
- 'startDate',
- 'textTracks',
- 'videoTracks',
- 'volume',
- ],
- methods: [
- 'addTextTrack',
- 'canPlayType',
- 'load',
- 'play',
- 'pause'
- ],
- events: [
- 'abort',
- 'canplay',
- 'canplaythrough',
- 'durationchange',
- 'emptied',
- 'ended',
- 'error',
- 'loadeddata',
- 'loadedmetadata',
- 'loadstart',
- 'pause',
- 'play',
- 'playing',
- 'progress',
- 'ratechange',
- 'seeked',
- 'seeking',
- 'stalled',
- 'suspend',
- 'timeupdate',
- 'volumechange',
- 'waiting',
- ],
- prototypes: [
- "width",
- "height",
- "videoWidth",
- "videoHeight",
- "poster",
- "webkitDecodedFrameCount",
- "webkitDroppedFrameCount",
- "playsInline",
- "webkitSupportsFullscreen",
- "webkitDisplayingFullscreen",
- "onenterpictureinpicture",
- "onleavepictureinpicture",
- "disablePictureInPicture",
- "cancelVideoFrameCallback",
- "requestVideoFrameCallback",
- "getVideoPlaybackQuality",
- "requestPictureInPicture",
- "webkitEnterFullScreen",
- "webkitEnterFullscreen",
- "webkitExitFullScreen",
- "webkitExitFullscreen",
- ]
-};
-
-
-
-class $63bba146437a34c3$export$2e2bcd8739ae039 {
- constructor(art){
- this.art = art;
- }
- get state() {
- const { option: option , constructor: { kindOf: kindOf } , } = this.art;
- return !$46f6a63658609cc7$export$d0a8044dce8ff2fc || option.whitelist.some((item)=>{
- switch(kindOf(item)){
- case 'string':
- return item === '*' || $46f6a63658609cc7$export$3dcce53a3755dc8c.indexOf(item) > -1;
- case 'function':
- return item($46f6a63658609cc7$export$3dcce53a3755dc8c);
- case 'regexp':
- return item.test($46f6a63658609cc7$export$3dcce53a3755dc8c);
- default:
- return false;
- }
- });
- }
-}
-
-
-
-class $420c1882d92b952b$export$2e2bcd8739ae039 {
- constructor(art){
- this.art = art;
- const { option: option , constructor: constructor , whitelist: whitelist } = art;
- if (option.container instanceof Element) this.$container = option.container;
- else {
- this.$container = $1617d61110f74a7d$export$2fa187e846a241c4(option.container);
- $9f39e86245920cd9$export$ff496a5a51be1527(this.$container, `No container element found by ${option.container}`);
- }
- const type = this.$container.tagName.toLowerCase();
- $9f39e86245920cd9$export$ff496a5a51be1527(type === 'div', `Unsupported container element type, only support 'div' but got '${type}'`);
- $9f39e86245920cd9$export$ff496a5a51be1527(constructor.instances.every((ins)=>ins.template.$container !== this.$container
- ), 'Cannot mount multiple instances on the same dom element');
- this.query = this.query.bind(this);
- this.$container.dataset.artId = art.id;
- this.$original = this.$container.cloneNode(true);
- if (whitelist.state) this.desktop();
- else this.mobile();
- }
- static get html() {
- return `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Player version:
-
__VERSION__
-
-
-
-
-
-
-
Video resolution:
-
- x
-
-
-
-
[x]
-
-
-
-
-
-
- `;
- this.$player = this.query('.art-video-player');
- this.$video = this.query('.art-video');
- }
- destroy(removeHtml) {
- if (removeHtml) $1617d61110f74a7d$export$2dfe578f95754f6a(this.$original, this.$container);
- else $1617d61110f74a7d$export$d2cf6cd1dc7067d3(this.$player, 'art-destroy');
- }
-}
-
-
-
-var $57e51b10b335e0fc$exports = {};
-$57e51b10b335e0fc$exports = JSON.parse("{\"Video Info\":\"统计信息\",\"Close\":\"关闭\",\"Video Load Failed\":\"加载失败\",\"Volume\":\"音量\",\"Play\":\"播放\",\"Pause\":\"暂停\",\"Rate\":\"速度\",\"Mute\":\"静音\",\"Video Flip\":\"画面翻转\",\"Horizontal\":\"水平\",\"Vertical\":\"垂直\",\"Reconnect\":\"重新连接\",\"Hide Subtitle\":\"隐藏字幕\",\"Show Subtitle\":\"显示字幕\",\"Show Setting\":\"显示设置\",\"Hide Setting\":\"隐藏设置\",\"Screenshot\":\"截图\",\"Play Speed\":\"播放速度\",\"Aspect Ratio\":\"画面比例\",\"Default\":\"默认\",\"Normal\":\"正常\",\"Open\":\"打开\",\"Switch Video\":\"切换\",\"Switch Subtitle\":\"切换字幕\",\"Fullscreen\":\"全屏\",\"Exit Fullscreen\":\"退出全屏\",\"Web Fullscreen\":\"网页全屏\",\"Exit Web Fullscreen\":\"退出网页全屏\",\"Mini Player\":\"迷你播放器\",\"PIP Mode\":\"画中画模式\",\"Exit PIP Mode\":\"退出画中画模式\",\"PIP Not Supported\":\"不支持画中画模式\",\"Fullscreen Not Supported\":\"不支持全屏模式\",\"Subtitle Offset\":\"字幕偏移\",\"Auto playback at\":\"已为您定位至\"}");
-
-
-var $84381ae66b9700b3$exports = {};
-$84381ae66b9700b3$exports = JSON.parse("{\"Video Info\":\"統計訊息\",\"Close\":\"關閉\",\"Video Load Failed\":\"載入失敗\",\"Volume\":\"音量\",\"Play\":\"播放\",\"Pause\":\"暫停\",\"Rate\":\"速度\",\"Mute\":\"靜音\",\"Video Flip\":\"畫面翻轉\",\"Horizontal\":\"水平\",\"Vertical\":\"垂直\",\"Reconnect\":\"重新連接\",\"Hide Subtitle\":\"隱藏字幕\",\"Show Subtitle\":\"顯示字幕\",\"Show Setting\":\"顯示设置\",\"Hide Setting\":\"隱藏设置\",\"Screenshot\":\"截圖\",\"Play Speed\":\"播放速度\",\"Aspect Ratio\":\"畫面比例\",\"Default\":\"默認\",\"Normal\":\"正常\",\"Open\":\"打開\",\"Switch Video\":\"切換\",\"Switch Subtitle\":\"切換字幕\",\"Fullscreen\":\"全屏\",\"Exit Fullscreen\":\"退出全屏\",\"Web Fullscreen\":\"網頁全屏\",\"Exit Web Fullscreen\":\"退出網頁全屏\",\"Mini Player\":\"迷你播放器\",\"PIP Mode\":\"畫中畫模式\",\"Exit PIP Mode\":\"退出畫中畫模式\",\"PIP Not Supported\":\"不支持畫中畫模式\",\"Fullscreen Not Supported\":\"不支持全屏模式\",\"Subtitle Offset\":\"字幕偏移\",\"Auto playback at\":\"已為您定位至\"}");
-
-
-class $8988e731cb9b6b27$export$2e2bcd8739ae039 {
- constructor(art){
- this.art = art;
- this.languages = {
- 'zh-cn': (/*@__PURE__*/$parcel$interopDefault($57e51b10b335e0fc$exports)),
- 'zh-tw': (/*@__PURE__*/$parcel$interopDefault($84381ae66b9700b3$exports))
- };
- this.init();
- }
- init() {
- const lang = this.art.option.lang.toLowerCase();
- this.language = this.languages[lang] || {};
- }
- get(key) {
- return this.language[key] || key;
- }
- update(value) {
- this.languages = $6b21bd176607d26d$export$dd702b3c8240390c(this.languages, value);
- this.init();
- }
-}
-
-
-
-function $78588f8b73477893$export$2e2bcd8739ae039(art) {
- const { option: option , template: { $video: $video } , } = art;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'url', {
- get () {
- return $video.currentSrc;
- },
- set (url) {
- const typeName = option.type || $112d5cbf48554e5f$export$ba319cdd039ba52e(url);
- const typeCallback = option.customType[typeName];
- if (typeName && typeCallback) $c4508bb07fd554bb$export$e772c8ff12451969().then(()=>{
- art.loading.show = true;
- typeCallback.call(art, $video, url, art);
- });
- else {
- if (art.url && art.url !== url) art.once('video:canplay', ()=>{
- if (art.isReady) art.emit('restart');
- });
- $video.src = url;
- art.option.url = url;
- art.emit('url', url);
- }
- }
- });
-}
-
-
-
-function $be98068739fad791$export$2e2bcd8739ae039(art) {
- const { template: { $video: $video } , } = art;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'attr', {
- value (key, value) {
- if (value === undefined) return $video[key];
- $video[key] = value;
- }
- });
-}
-
-
-
-function $72450db29b4a0619$export$2e2bcd8739ae039(art) {
- const { i18n: i18n , notice: notice , option: option , constructor: { instances: instances } , template: { $video: $video } , } = art;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'play', {
- value () {
- const promise = $video.play();
- if (promise && promise.then) promise.then().catch((err)=>{
- notice.show = err;
- throw err;
- });
- if (option.mutex) for(let index = 0; index < instances.length; index++){
- const instance = instances[index];
- if (instance !== art) instance.pause();
- }
- notice.show = i18n.get('Play');
- art.emit('play');
- return promise;
- }
- });
-}
-
-
-
-function $c8c1874114a1e9a2$export$2e2bcd8739ae039(art) {
- const { template: { $video: $video } , i18n: i18n , notice: notice , } = art;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'pause', {
- value () {
- const result = $video.pause();
- notice.show = i18n.get('Pause');
- art.emit('pause');
- return result;
- }
- });
-}
-
-
-
-function $b0ce1df3a2786735$export$2e2bcd8739ae039(art) {
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'toggle', {
- value () {
- if (art.playing) return art.pause();
- else return art.play();
- }
- });
-}
-
-
-
-function $97cc863b08e0c30f$export$2e2bcd8739ae039(art) {
- const { notice: notice } = art;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'seek', {
- set (time) {
- art.currentTime = time;
- art.emit('seek', art.currentTime);
- if (art.duration) notice.show = `${$f82eff12ae1758cb$export$bfdd1c721864a50a(art.currentTime)} / ${$f82eff12ae1758cb$export$bfdd1c721864a50a(art.duration)}`;
- }
- });
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'forward', {
- set (time) {
- art.seek = art.currentTime + time;
- }
- });
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'backward', {
- set (time) {
- art.seek = art.currentTime - time;
- }
- });
-}
-
-
-
-function $1873c8304570ae71$export$2e2bcd8739ae039(art) {
- const { template: { $video: $video } , i18n: i18n , notice: notice , storage: storage , } = art;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'volume', {
- get: ()=>$video.volume || 0
- ,
- set: (percentage)=>{
- $video.volume = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(percentage, 0, 1);
- notice.show = `${i18n.get('Volume')}: ${parseInt($video.volume * 100, 10)}`;
- if ($video.volume !== 0) storage.set('volume', $video.volume);
- art.emit('volume', $video.volume);
- }
- });
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'muted', {
- get: ()=>$video.muted
- ,
- set: (muted)=>{
- $video.muted = muted;
- art.emit('volume', $video.volume);
- }
- });
-}
-
-
-
-function $0ac9b78c104e6c27$export$2e2bcd8739ae039(art) {
- const { $video: $video } = art.template;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'currentTime', {
- get: ()=>$video.currentTime || 0
- ,
- set: (time)=>{
- time = parseFloat(time);
- if (Number.isNaN(time)) return;
- $video.currentTime = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(time, 0, art.duration);
- }
- });
-}
-
-
-
-function $d10941cb97c59aa9$export$2e2bcd8739ae039(art) {
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'duration', {
- get: ()=>{
- const { duration: duration } = art.template.$video;
- if (duration === Infinity) return 0;
- return duration || 0;
- }
- });
-}
-
-
-
-function $9887571a7668b1ac$export$2e2bcd8739ae039(art) {
- const { i18n: i18n , option: option , notice: notice } = art;
- function switchUrl(url, name, currentTime) {
- return new Promise((resolve)=>{
- if (url === art.url) return resolve(url);
- const { playing: playing } = art;
- art.pause();
- URL.revokeObjectURL(art.url);
- art.url = url;
- art.once('video:canplay', ()=>{
- art.playbackRate = false;
- art.aspectRatio = false;
- art.flip = 'normal';
- art.autoSize = option.autoSize;
- art.currentTime = currentTime;
- art.notice.show = '';
- if (playing) art.play();
- if (name) notice.show = `${i18n.get('Switch Video')}: ${name}`;
- art.emit('switch', url);
- resolve(url);
- });
- });
- }
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'switchQuality', {
- value: (url, name)=>{
- return switchUrl(url, name, art.currentTime);
- }
- });
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'switchUrl', {
- value: (url, name)=>{
- return switchUrl(url, name, 0);
- }
- });
-}
-
-
-
-function $76cdd3fd5d9381da$export$2e2bcd8739ae039(art) {
- const { template: { $video: $video } , i18n: i18n , notice: notice , } = art;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'playbackRate', {
- get () {
- return $video.playbackRate;
- },
- set (rate) {
- if (rate) {
- if (rate === $video.playbackRate) return;
- const rateList = [
- 0.25,
- 0.5,
- 0.75,
- 1.0,
- 1.25,
- 1.5,
- 1.75,
- 2.0,
- 3.0,
- 4.0
- ];
- $9f39e86245920cd9$export$ff496a5a51be1527(rateList.includes(rate), `'playbackRate' only accept ${rateList.toString()} as parameters`);
- $video.playbackRate = rate;
- notice.show = `${i18n.get('Rate')}: ${rate === 1.0 ? i18n.get('Normal') : `${rate}x`}`;
- art.emit('playbackRate', rate);
- } else {
- art.playbackRate = 1;
- art.emit('playbackRate');
- }
- }
- });
-}
-
-
-
-function $1265246d0adfd805$export$2e2bcd8739ae039(art) {
- const { template: { $video: $video , $player: $player } , i18n: i18n , notice: notice , } = art;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'aspectRatio', {
- get () {
- return $player.dataset.aspectRatio || 'default';
- },
- set (ratio) {
- if (!ratio) ratio = 'default';
- const ratioList = [
- 'default',
- '4:3',
- '16:9'
- ];
- $9f39e86245920cd9$export$ff496a5a51be1527(ratioList.includes(ratio), `'aspectRatio' only accept ${ratioList.toString()} as parameters`);
- if (ratio === 'default') {
- $1617d61110f74a7d$export$37a5fde709c1db82($video, 'width', null);
- $1617d61110f74a7d$export$37a5fde709c1db82($video, 'height', null);
- $1617d61110f74a7d$export$37a5fde709c1db82($video, 'padding', null);
- delete $player.dataset.aspectRatio;
- } else {
- const ratioArray = ratio.split(':').map(Number);
- const { videoWidth: videoWidth , videoHeight: videoHeight } = $video;
- const { clientWidth: clientWidth , clientHeight: clientHeight } = $player;
- const videoRatio = videoWidth / videoHeight;
- const setupRatio = ratioArray[0] / ratioArray[1];
- if (videoRatio > setupRatio) {
- const percentage = setupRatio * videoHeight / videoWidth;
- $1617d61110f74a7d$export$37a5fde709c1db82($video, 'width', `${percentage * 100}%`);
- $1617d61110f74a7d$export$37a5fde709c1db82($video, 'height', '100%');
- $1617d61110f74a7d$export$37a5fde709c1db82($video, 'padding', `0 ${(clientWidth - clientWidth * percentage) / 2}px`);
- } else {
- const percentage = videoWidth / setupRatio / videoHeight;
- $1617d61110f74a7d$export$37a5fde709c1db82($video, 'width', '100%');
- $1617d61110f74a7d$export$37a5fde709c1db82($video, 'height', `${percentage * 100}%`);
- $1617d61110f74a7d$export$37a5fde709c1db82($video, 'padding', `${(clientHeight - clientHeight * percentage) / 2}px 0`);
- }
- $player.dataset.aspectRatio = ratio;
- }
- notice.show = `${i18n.get('Aspect Ratio')}: ${ratio === 'default' ? i18n.get('Default') : ratio}`;
- art.emit('aspectRatio', ratio);
- }
- });
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'aspectRatioReset', {
- set (value) {
- if (value) {
- const { aspectRatio: aspectRatio } = art;
- art.aspectRatio = aspectRatio;
- }
- }
- });
-}
-
-
-
-function $784e09a0793a81cc$export$2e2bcd8739ae039(art) {
- const { option: option , notice: notice , template: { $video: $video } , } = art;
- const $canvas = document.createElement('canvas');
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'getDataURL', {
- value: ()=>new Promise((resolve, reject)=>{
- try {
- $canvas.width = $video.videoWidth;
- $canvas.height = $video.videoHeight;
- $canvas.getContext('2d').drawImage($video, 0, 0);
- resolve($canvas.toDataURL('image/png'));
- } catch (err) {
- notice.show = err;
- reject(err);
- }
- })
- });
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'getBlobUrl', {
- value: ()=>new Promise((resolve, reject)=>{
- try {
- $canvas.width = $video.videoWidth;
- $canvas.height = $video.videoHeight;
- $canvas.getContext('2d').drawImage($video, 0, 0);
- $canvas.toBlob((blob)=>{
- resolve(URL.createObjectURL(blob));
- });
- } catch (err) {
- notice.show = err;
- reject(err);
- }
- })
- });
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'screenshot', {
- value: ()=>{
- return art.getDataURL().then((dataUri)=>{
- $112d5cbf48554e5f$export$24422be91ad4011f(dataUri, `${option.title || 'artplayer'}_${$f82eff12ae1758cb$export$bfdd1c721864a50a($video.currentTime)}.png`);
- art.emit('screenshot', dataUri);
- return dataUri;
- });
- }
- });
-}
-
-
-
-
-const $8cb95e120184906b$var$nativeScreenfull = (art)=>{
- const { notice: notice , template: { $player: $player } , } = art;
- ($parcel$interopDefault($cTKjd$screenfull)).on('change', ()=>art.emit('fullscreen', ($parcel$interopDefault($cTKjd$screenfull)).isFullscreen)
- );
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'fullscreen', {
- get () {
- return ($parcel$interopDefault($cTKjd$screenfull)).isFullscreen;
- },
- set (value) {
- if (value) ($parcel$interopDefault($cTKjd$screenfull)).request($player).then(()=>{
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, 'art-fullscreen');
- art.aspectRatioReset = true;
- art.autoSize = false;
- art.emit('resize');
- art.emit('fullscreen', true);
- notice.show = '';
- });
- else ($parcel$interopDefault($cTKjd$screenfull)).exit().then(()=>{
- $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-fullscreen');
- art.aspectRatioReset = true;
- art.autoSize = art.option.autoSize;
- art.emit('resize');
- art.emit('fullscreen');
- notice.show = '';
- });
- }
- });
-};
-const $8cb95e120184906b$var$webkitScreenfull = (art)=>{
- const { notice: notice , template: { $video: $video } , } = art;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'fullscreen', {
- get () {
- return $video.webkitDisplayingFullscreen;
- },
- set (value) {
- if (value) {
- $video.webkitEnterFullscreen();
- art.emit('fullscreen', true);
- notice.show = '';
- } else {
- $video.webkitExitFullscreen();
- art.emit('fullscreen');
- notice.show = '';
- }
- }
- });
-};
-function $8cb95e120184906b$export$2e2bcd8739ae039(art) {
- const { i18n: i18n , notice: notice , template: { $video: $video } , } = art;
- art.once('video:loadedmetadata', ()=>{
- if (($parcel$interopDefault($cTKjd$screenfull)).isEnabled) $8cb95e120184906b$var$nativeScreenfull(art);
- else if (document.fullscreenEnabled || $video.webkitSupportsFullscreen) $8cb95e120184906b$var$webkitScreenfull(art);
- else $6b21bd176607d26d$export$8afb76124cf08683(art, 'fullscreen', {
- get () {
- return false;
- },
- set () {
- notice.show = i18n.get('Fullscreen Not Supported');
- }
- });
- // Asynchronous setting
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'fullscreen', $6b21bd176607d26d$export$3988ae62b71be9a3(art, 'fullscreen'));
- });
-}
-
-
-
-function $314923b44f2751da$export$2e2bcd8739ae039(art) {
- const { notice: notice , template: { $player: $player } , } = art;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'fullscreenWeb', {
- get () {
- return $1617d61110f74a7d$export$4ea3d958472af68f($player, 'art-fullscreen-web');
- },
- set (value) {
- if (value) {
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, 'art-fullscreen-web');
- art.aspectRatioReset = true;
- art.autoSize = false;
- art.emit('resize');
- art.emit('fullscreenWeb', true);
- notice.show = '';
- } else {
- $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-fullscreen-web');
- art.aspectRatioReset = true;
- art.autoSize = art.option.autoSize;
- art.emit('resize');
- art.emit('fullscreenWeb');
- notice.show = '';
- }
- }
- });
-}
-
-
-
-function $d73ef059475a783b$var$nativePip(art) {
- const { template: { $video: $video } , events: { proxy: proxy } , notice: notice , } = art;
- $video.disablePictureInPicture = false;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'pip', {
- get () {
- return document.pictureInPictureElement;
- },
- set (value) {
- if (value) $video.requestPictureInPicture().catch((err)=>{
- notice.show = err;
- throw err;
- });
- else document.exitPictureInPicture().catch((err)=>{
- notice.show = err;
- throw err;
- });
- }
- });
- proxy($video, 'enterpictureinpicture', ()=>{
- art.emit('pip', true);
- });
- proxy($video, 'leavepictureinpicture', ()=>{
- art.emit('pip');
- });
-}
-function $d73ef059475a783b$var$webkitPip(art) {
- const { $video: $video } = art.template;
- $video.webkitSetPresentationMode('inline');
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'pip', {
- get () {
- return $video.webkitPresentationMode === 'picture-in-picture';
- },
- set (value) {
- if (value) {
- $video.webkitSetPresentationMode('picture-in-picture');
- art.emit('pip', true);
- } else {
- $video.webkitSetPresentationMode('inline');
- art.emit('pip');
- }
- }
- });
-}
-function $d73ef059475a783b$export$2e2bcd8739ae039(art) {
- const { i18n: i18n , notice: notice , template: { $video: $video } , } = art;
- if (document.pictureInPictureEnabled) $d73ef059475a783b$var$nativePip(art);
- else if ($video.webkitSupportsPresentationMode) $d73ef059475a783b$var$webkitPip(art);
- else $6b21bd176607d26d$export$8afb76124cf08683(art, 'pip', {
- get () {
- return false;
- },
- set () {
- notice.show = i18n.get('PIP Not Supported');
- }
- });
-}
-
-
-
-function $b22d35e9b748099f$export$2e2bcd8739ae039(art) {
- const { $video: $video } = art.template;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'loaded', {
- get: ()=>art.loadedTime / $video.duration
- });
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'loadedTime', {
- get: ()=>$video.buffered.length ? $video.buffered.end($video.buffered.length - 1) : 0
- });
-}
-
-
-
-function $2fa6e09c649b8299$export$2e2bcd8739ae039(art) {
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'played', {
- get: ()=>art.currentTime / art.duration
- });
-}
-
-
-
-function $f056beb9f96549cc$export$2e2bcd8739ae039(art) {
- const { $video: $video } = art.template;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'playing', {
- get: ()=>!!($video.currentTime > 0 && !$video.paused && !$video.ended && $video.readyState > 2)
- });
-}
-
-
-
-function $d5ebf944f6c02602$export$2e2bcd8739ae039(art) {
- const { $container: $container , $player: $player , $video: $video } = art.template;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'autoSize', {
- get () {
- return $1617d61110f74a7d$export$4ea3d958472af68f($container, 'art-auto-size');
- },
- set (value) {
- if (value) {
- const { videoWidth: videoWidth , videoHeight: videoHeight } = $video;
- const { width: width , height: height } = $container.getBoundingClientRect();
- const videoRatio = videoWidth / videoHeight;
- const containerRatio = width / height;
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($container, 'art-auto-size');
- if (containerRatio > videoRatio) {
- const percentage = height * videoRatio / width * 100;
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'width', `${percentage}%`);
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'height', '100%');
- } else {
- const percentage = width / videoRatio / height * 100;
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'width', '100%');
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'height', `${percentage}%`);
- }
- art.emit('autoSize', {
- width: art.width,
- height: art.height
- });
- } else {
- $1617d61110f74a7d$export$c2255604a80b4506($container, 'art-auto-size');
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'width', null);
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'height', null);
- art.emit('autoSize');
- }
- }
- });
-}
-
-
-
-function $eb23d3d959cef33c$export$2e2bcd8739ae039(art) {
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'rect', {
- get: ()=>{
- return art.template.$player.getBoundingClientRect();
- }
- });
- const keys = [
- 'bottom',
- 'height',
- 'left',
- 'right',
- 'top',
- 'width'
- ];
- for(let index = 0; index < keys.length; index++){
- const key = keys[index];
- $6b21bd176607d26d$export$8afb76124cf08683(art, key, {
- get: ()=>{
- return art.rect[key];
- }
- });
- }
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'x', {
- get: ()=>{
- return art.left + window.pageXOffset;
- }
- });
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'y', {
- get: ()=>{
- return art.top + window.pageYOffset;
- }
- });
-}
-
-
-
-function $b0b3bb93ddcc1973$export$2e2bcd8739ae039(art) {
- const { template: { $player: $player } , i18n: i18n , notice: notice , } = art;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'flip', {
- get () {
- return $player.dataset.flip || 'normal';
- },
- set (flip) {
- if (!flip) flip = 'normal';
- const flipList = [
- 'normal',
- 'horizontal',
- 'vertical'
- ];
- $9f39e86245920cd9$export$ff496a5a51be1527(flipList.includes(flip), `'flip' only accept ${flipList.toString()} as parameters`);
- if (flip === 'normal') delete $player.dataset.flip;
- else {
- art.rotate = false;
- $player.dataset.flip = flip;
- }
- const word = flip.replace(flip[0], flip[0].toUpperCase());
- notice.show = `${i18n.get('Video Flip')}: ${i18n.get(word)}`;
- art.emit('flip', flip);
- }
- });
-}
-
-
-
-function $dcdd6d111014332f$export$2e2bcd8739ae039(art) {
- const { i18n: i18n , option: option , storage: storage , events: { proxy: proxy } , template: { $player: $player , $miniClose: $miniClose , $miniTitle: $miniTitle , $miniHeader: $miniHeader } , } = art;
- let cacheStyle = '';
- let isDroging = false;
- let lastPageX = 0;
- let lastPageY = 0;
- let lastPlayerLeft = 0;
- let lastPlayerTop = 0;
- proxy($miniHeader, 'mousedown', (event)=>{
- isDroging = true;
- lastPageX = event.pageX;
- lastPageY = event.pageY;
- lastPlayerLeft = art.left;
- lastPlayerTop = art.top;
- });
- proxy(document, 'mousemove', (event)=>{
- if (isDroging) {
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, 'art-is-dragging');
- const top = lastPlayerTop + event.pageY - lastPageY;
- const left = lastPlayerLeft + event.pageX - lastPageX;
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'top', `${top}px`);
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'left', `${left}px`);
- storage.set('top', top);
- storage.set('left', left);
- }
- });
- proxy(document, 'mouseup', ()=>{
- isDroging = false;
- $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-is-dragging');
- });
- proxy($miniClose, 'click', ()=>{
- art.mini = false;
- isDroging = false;
- $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-is-dragging');
- });
- $1617d61110f74a7d$export$10d8903dec122b9d($miniTitle, option.title || i18n.get('Mini Player'));
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'mini', {
- get () {
- return $1617d61110f74a7d$export$4ea3d958472af68f($player, 'art-mini');
- },
- set (value) {
- if (value) {
- art.autoSize = false;
- cacheStyle = $player.style.cssText;
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, 'art-mini');
- const top = storage.get('top');
- const left = storage.get('left');
- if (top && left) {
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'top', `${top}px`);
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'left', `${left}px`);
- if (!$1617d61110f74a7d$export$157b27307c5a0381($miniHeader)) {
- storage.del('top');
- storage.del('left');
- art.mini = true;
- }
- } else {
- const $body = document.body;
- const top = $body.clientHeight - art.height - 50;
- const left = $body.clientWidth - art.width - 50;
- storage.set('top', top);
- storage.set('left', left);
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'top', `${top}px`);
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'left', `${left}px`);
- }
- art.aspectRatio = false;
- art.playbackRate = false;
- art.notice.show = '';
- art.emit('mini', true);
- } else {
- $player.style.cssText = cacheStyle;
- $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-mini');
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'top', null);
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'left', null);
- art.aspectRatio = false;
- art.playbackRate = false;
- art.autoSize = option.autoSize;
- art.notice.show = '';
- art.emit('mini');
- }
- }
- });
-}
-
-
-
-function $83e125d00c630381$export$2e2bcd8739ae039(art) {
- let interval = [];
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'loop', {
- get: ()=>interval
- ,
- set: (value)=>{
- if (Array.isArray(value) && typeof value[0] === 'number' && typeof value[1] === 'number') {
- const start = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(value[0], 0, Math.min(value[1], art.duration));
- const end = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(value[1], start, art.duration);
- if (end - start >= 1) {
- interval = [
- start,
- end
- ];
- art.emit('loop', interval);
- } else {
- interval = [];
- art.emit('loop');
- }
- } else {
- interval = [];
- art.emit('loop');
- }
- }
- });
- art.on('video:timeupdate', ()=>{
- if (interval.length) {
- if (art.currentTime < interval[0] || art.currentTime > interval[1]) art.seek = interval[0];
- }
- });
-}
-
-
-
-function $91dc1e363cc97ed1$export$2e2bcd8739ae039(art) {
- const { option: option , template: { $poster: $poster } , } = art;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'poster', {
- get: ()=>option.poster
- ,
- set (url) {
- option.poster = url;
- $1617d61110f74a7d$export$37a5fde709c1db82($poster, 'backgroundImage', `url(${url})`);
- }
- });
-}
-
-
-
-function $a76a5fb1ed628a22$export$2e2bcd8739ae039(art) {
- const { option: option , template: { $container: $container , $video: $video } , } = art;
- const heightCache = $container.style.height;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'autoHeight', {
- get () {
- return $1617d61110f74a7d$export$4ea3d958472af68f($container, 'art-auto-height');
- },
- set (value) {
- if (value) {
- const { clientWidth: clientWidth } = $container;
- const { videoHeight: videoHeight , videoWidth: videoWidth } = $video;
- const height = videoHeight * (clientWidth / videoWidth);
- $1617d61110f74a7d$export$37a5fde709c1db82($container, 'height', height + 'px');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($container, 'art-auto-height');
- art.autoSize = option.autoSize;
- art.emit('autoHeight', height);
- } else {
- $1617d61110f74a7d$export$37a5fde709c1db82($container, 'height', heightCache);
- $1617d61110f74a7d$export$c2255604a80b4506($container, 'art-auto-height');
- art.autoSize = option.autoSize;
- art.emit('autoHeight');
- }
- }
- });
-}
-
-
-
-function $79512d8acfcec26e$export$2e2bcd8739ae039(art) {
- const { option: option , template: { $player: $player } , } = art;
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'theme', {
- get () {
- return getComputedStyle($player).getPropertyValue('--theme');
- },
- set (theme) {
- option.theme = theme;
- $player.style.setProperty('--theme', theme);
- }
- });
-}
-
-
-
-function $33fc7d1ee58013db$export$2e2bcd8739ae039(art) {
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'title', {
- get () {
- return art.option.title;
- },
- set (title) {
- art.option.title = title;
- }
- });
-}
-
-
-
-function $1161f2ada0e5360f$export$2e2bcd8739ae039(art) {
- const sizeProps = [
- 'mini',
- 'pip',
- 'fullscreen',
- 'fullscreenWeb'
- ];
- function exclusive(props) {
- for(let index = 0; index < props.length; index++){
- const name = props[index];
- art.on(name, ()=>{
- if (art[name]) props.filter((item)=>item !== name
- ).forEach((item)=>{
- if (art[item]) art[item] = false;
- });
- });
- }
- }
- exclusive(sizeProps);
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'normalSize', {
- get () {
- return sizeProps.every((name)=>!art[name]
- );
- }
- });
-}
-
-
-
-function $20a0b2c4205f58e3$export$2e2bcd8739ae039(art) {
- const { clamp: clamp } = art.constructor.utils;
- const { notice: notice , template: template , i18n: i18n } = art;
- let offsetCache = 0;
- let cuesCache = [];
- art.on('subtitle:switch', ()=>{
- cuesCache = [];
- });
- $6b21bd176607d26d$export$8afb76124cf08683(art, 'subtitleOffset', {
- get () {
- return offsetCache;
- },
- set (value) {
- if (template.$track && template.$track.track) {
- const cues = Array.from(template.$track.track.cues);
- offsetCache = clamp(value, -5, 5);
- for(let index = 0; index < cues.length; index++){
- const cue = cues[index];
- if (!cuesCache[index]) cuesCache[index] = {
- startTime: cue.startTime,
- endTime: cue.endTime
- };
- cue.startTime = clamp(cuesCache[index].startTime + offsetCache, 0, art.duration);
- cue.endTime = clamp(cuesCache[index].endTime + offsetCache, 0, art.duration);
- }
- art.subtitle.update();
- notice.show = `${i18n.get('Subtitle Offset')}: ${value}s`;
- art.emit('subtitleOffset', value);
- } else art.emit('subtitleOffset', 0);
- }
- });
-}
-
-
-
-function $33845adf1300e3d0$export$2e2bcd8739ae039(art) {
- const { option: option , storage: storage , template: { $video: $video , $poster: $poster } , } = art;
- Object.keys(option.moreVideoAttr).forEach((key)=>{
- art.attr(key, option.moreVideoAttr[key]);
- });
- if (option.muted) art.muted = option.muted;
- if (option.volume) $video.volume = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(option.volume, 0, 1);
- const volumeStorage = storage.get('volume');
- if (typeof volumeStorage === 'number') $video.volume = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(volumeStorage, 0, 1);
- if (option.poster) $1617d61110f74a7d$export$37a5fde709c1db82($poster, 'backgroundImage', `url(${option.poster})`);
- if (option.autoplay) $video.autoplay = option.autoplay;
- if (option.playsInline) {
- $video.playsInline = true;
- $video['webkit-playsinline'] = true;
- }
- if (option.theme) art.theme = option.theme;
- if (option.ads.length === 0) art.url = option.url;
-}
-
-
-
-
-function $caf3509540cde9aa$export$2e2bcd8739ae039(art) {
- const { i18n: i18n , notice: notice , option: option , constructor: constructor , events: { proxy: proxy } , template: { $player: $player , $video: $video , $poster: $poster } , } = art;
- let reconnectTime = 0;
- for(let index = 0; index < $6bdef3f9911d4dfd$export$2e2bcd8739ae039.events.length; index++)proxy($video, $6bdef3f9911d4dfd$export$2e2bcd8739ae039.events[index], (event)=>{
- art.emit(`video:${event.type}`, event);
- });
- // art.on('video:abort', () => {
- // });
- art.on('video:canplay', ()=>{
- reconnectTime = 0;
- art.loading.show = false;
- });
- art.once('video:canplay', ()=>{
- art.loading.show = false;
- art.controls.show = true;
- art.mask.show = true;
- art.isReady = true;
- art.emit('ready');
- });
- // art.on('video:canplaythrough', () => {
- // });
- // art.on('video:durationchange', () => {
- // });
- // art.on('video:emptied', () => {
- // });
- art.on('video:ended', ()=>{
- if (option.loop) {
- art.seek = 0;
- art.play();
- art.controls.show = false;
- art.mask.show = false;
- } else {
- art.controls.show = true;
- art.mask.show = true;
- }
- });
- art.on('video:error', ()=>{
- if (reconnectTime < constructor.RECONNECT_TIME_MAX) $c4508bb07fd554bb$export$e772c8ff12451969(constructor.RECONNECT_SLEEP_TIME).then(()=>{
- reconnectTime += 1;
- art.url = option.url;
- notice.show = `${i18n.get('Reconnect')}: ${reconnectTime}`;
- art.emit('error', reconnectTime);
- });
- else {
- art.loading.show = false;
- art.controls.show = false;
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, 'art-error');
- $c4508bb07fd554bb$export$e772c8ff12451969(constructor.RECONNECT_SLEEP_TIME).then(()=>{
- notice.show = i18n.get('Video Load Failed');
- art.destroy(false);
- });
- }
- });
- // art.on('video:loadeddata', () => {
- // });
- art.once('video:loadedmetadata', ()=>{
- art.autoSize = option.autoSize;
- if ($46f6a63658609cc7$export$d0a8044dce8ff2fc) {
- art.loading.show = false;
- art.controls.show = true;
- art.mask.show = true;
- }
- });
- art.on('video:loadstart', ()=>{
- art.loading.show = true;
- });
- art.on('video:pause', ()=>{
- art.controls.show = true;
- art.mask.show = true;
- });
- art.on('video:play', ()=>{
- art.mask.show = false;
- $1617d61110f74a7d$export$37a5fde709c1db82($poster, 'display', 'none');
- });
- art.on('video:playing', ()=>{
- art.mask.show = false;
- });
- // art.on('video:progress', () => {
- // });
- // art.on('video:ratechange', () => {
- // });
- art.on('video:seeked', ()=>{
- art.loading.show = false;
- });
- art.on('video:seeking', ()=>{
- art.loading.show = true;
- });
- // art.on('video:stalled', () => {
- // });
- // art.on('video:suspend', () => {
- // });
- art.on('video:timeupdate', ()=>{
- art.mask.show = false;
- });
- // art.on('video:volumechange', () => {
- // });
- art.on('video:waiting', ()=>{
- art.loading.show = true;
- });
-}
-
-
-class $8f55b19a5260c651$export$2e2bcd8739ae039 {
- constructor(art){
- $78588f8b73477893$export$2e2bcd8739ae039(art);
- $be98068739fad791$export$2e2bcd8739ae039(art);
- $72450db29b4a0619$export$2e2bcd8739ae039(art);
- $c8c1874114a1e9a2$export$2e2bcd8739ae039(art);
- $b0ce1df3a2786735$export$2e2bcd8739ae039(art);
- $97cc863b08e0c30f$export$2e2bcd8739ae039(art);
- $1873c8304570ae71$export$2e2bcd8739ae039(art);
- $0ac9b78c104e6c27$export$2e2bcd8739ae039(art);
- $d10941cb97c59aa9$export$2e2bcd8739ae039(art);
- $9887571a7668b1ac$export$2e2bcd8739ae039(art);
- $76cdd3fd5d9381da$export$2e2bcd8739ae039(art);
- $1265246d0adfd805$export$2e2bcd8739ae039(art);
- $784e09a0793a81cc$export$2e2bcd8739ae039(art);
- $8cb95e120184906b$export$2e2bcd8739ae039(art);
- $314923b44f2751da$export$2e2bcd8739ae039(art);
- $d73ef059475a783b$export$2e2bcd8739ae039(art);
- $b22d35e9b748099f$export$2e2bcd8739ae039(art);
- $2fa6e09c649b8299$export$2e2bcd8739ae039(art);
- $f056beb9f96549cc$export$2e2bcd8739ae039(art);
- $d5ebf944f6c02602$export$2e2bcd8739ae039(art);
- $eb23d3d959cef33c$export$2e2bcd8739ae039(art);
- $b0b3bb93ddcc1973$export$2e2bcd8739ae039(art);
- $dcdd6d111014332f$export$2e2bcd8739ae039(art);
- $83e125d00c630381$export$2e2bcd8739ae039(art);
- $91dc1e363cc97ed1$export$2e2bcd8739ae039(art);
- $a76a5fb1ed628a22$export$2e2bcd8739ae039(art);
- $79512d8acfcec26e$export$2e2bcd8739ae039(art);
- $33fc7d1ee58013db$export$2e2bcd8739ae039(art);
- $1161f2ada0e5360f$export$2e2bcd8739ae039(art);
- $20a0b2c4205f58e3$export$2e2bcd8739ae039(art);
- $caf3509540cde9aa$export$2e2bcd8739ae039(art);
- $33845adf1300e3d0$export$2e2bcd8739ae039(art);
- }
-}
-
-
-
-
-
-
-
-
-class $9c5a9d082f4955c3$export$2e2bcd8739ae039 {
- constructor(art){
- this.id = 0;
- this.art = art;
- this.add = this.add.bind(this);
- }
- get show() {
- return $1617d61110f74a7d$export$4ea3d958472af68f(this.art.template.$player, `art-${this.name}-show`);
- }
- set show(value) {
- const { $player: $player } = this.art.template;
- const className = `art-${this.name}-show`;
- if (value) $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, className);
- else $1617d61110f74a7d$export$c2255604a80b4506($player, className);
- this.art.emit(this.name, value);
- }
- set toggle(value) {
- if (value) this.show = !this.show;
- }
- add(getOption) {
- const option = typeof getOption === 'function' ? getOption(this.art) : getOption;
- option.html = option.html || '';
- ($parcel$interopDefault($cTKjd$optionvalidator))(option, $10469c873ed71d57$export$fa4c546e01a0c57c);
- if (!this.$parent || !this.name || option.disable) return;
- const name = option.name || `${this.name}${this.id}`;
- $9f39e86245920cd9$export$ff496a5a51be1527(!$6b21bd176607d26d$export$a4f4bb6b1453fff5(this, name), `Cannot add an existing name [${name}] to the [${this.name}]`);
- this.id += 1;
- const $ref = document.createElement('div');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($ref, `art-${this.name}`);
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($ref, `art-${this.name}-${name}`);
- const childs = Array.from(this.$parent.children);
- $ref.dataset.index = option.index || this.id;
- const nextChild = childs.find((item)=>Number(item.dataset.index) >= Number($ref.dataset.index)
- );
- if (nextChild) nextChild.insertAdjacentElement('beforebegin', $ref);
- else $1617d61110f74a7d$export$10d8903dec122b9d(this.$parent, $ref);
- if (option.html) $1617d61110f74a7d$export$10d8903dec122b9d($ref, option.html);
- if (option.style) $1617d61110f74a7d$export$ac3d318a39e8020a($ref, option.style);
- if (option.tooltip) $1617d61110f74a7d$export$4e6f96734dfe12f4($ref, option.tooltip);
- if (option.click) this.art.events.proxy($ref, 'click', (event)=>{
- event.preventDefault();
- option.click.call(this.art, this, event);
- });
- if (option.selector && [
- 'left',
- 'right'
- ].includes(option.position)) this.selector(option, $ref);
- if (option.mounted) option.mounted.call(this.art, $ref);
- if ($ref.childNodes.length === 1 && $ref.childNodes[0].nodeType === 3) $1617d61110f74a7d$export$d2cf6cd1dc7067d3($ref, 'art-control-onlyText');
- $6b21bd176607d26d$export$8afb76124cf08683(this, name, {
- value: $ref
- });
- return $ref;
- }
- selector(option, $ref) {
- const { hover: hover , proxy: proxy } = this.art.events;
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($ref, 'art-control-selector');
- const $value = document.createElement('div');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($value, 'art-selector-value');
- $1617d61110f74a7d$export$10d8903dec122b9d($value, option.html);
- $ref.innerText = '';
- $1617d61110f74a7d$export$10d8903dec122b9d($ref, $value);
- const list = option.selector.map((item, index)=>`${item.html}
`
- ).join('');
- const $list = document.createElement('div');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($list, 'art-selector-list');
- $1617d61110f74a7d$export$10d8903dec122b9d($list, list);
- $1617d61110f74a7d$export$10d8903dec122b9d($ref, $list);
- const setLeft = ()=>{
- const left = $1617d61110f74a7d$export$3d2f074408bd1b82($ref, 'width') / 2 - $1617d61110f74a7d$export$3d2f074408bd1b82($list, 'width') / 2;
- $list.style.left = `${left}px`;
- };
- hover($ref, setLeft);
- proxy($list, 'click', async (event)=>{
- const path = event.composedPath() || [];
- const $item = path.find((item)=>$1617d61110f74a7d$export$4ea3d958472af68f(item, 'art-selector-item')
- );
- if (!$item) return;
- $1617d61110f74a7d$export$ff1a70dcfa68e743($item, 'art-current');
- const index = Number($item.dataset.index);
- const find = option.selector[index] || {};
- $value.innerText = $item.innerText;
- if (option.onSelect) {
- const result = await option.onSelect.call(this.art, find, $item, event);
- if (typeof result === 'string' || typeof result === 'number') $value.innerHTML = result;
- }
- setLeft();
- this.art.emit('selector', find, $item);
- });
- }
-}
-
-
-
-function $24f74a036b70ef15$export$2e2bcd8739ae039(option) {
- return (art)=>({
- ...option,
- tooltip: art.i18n.get('Fullscreen'),
- mounted: ($control)=>{
- const { events: { proxy: proxy } , icons: icons , i18n: i18n , } = art;
- $1617d61110f74a7d$export$10d8903dec122b9d($control, icons.fullscreen);
- proxy($control, 'click', ()=>{
- art.fullscreen = !art.fullscreen;
- });
- art.on('fullscreen', (value)=>{
- $1617d61110f74a7d$export$4e6f96734dfe12f4($control, i18n.get(value ? 'Exit Fullscreen' : 'Fullscreen'));
- });
- }
- })
- ;
-}
-
-
-
-function $4f2ccb8e31ca06ed$export$2e2bcd8739ae039(option) {
- return (art)=>({
- ...option,
- tooltip: art.i18n.get('Web Fullscreen'),
- mounted: ($control)=>{
- const { events: { proxy: proxy } , icons: icons , i18n: i18n , } = art;
- $1617d61110f74a7d$export$10d8903dec122b9d($control, icons.fullscreenWeb);
- proxy($control, 'click', ()=>{
- art.fullscreenWeb = !art.fullscreenWeb;
- });
- art.on('fullscreenWeb', (value)=>{
- $1617d61110f74a7d$export$4e6f96734dfe12f4($control, i18n.get(value ? 'Exit Web Fullscreen' : 'Web Fullscreen'));
- });
- }
- })
- ;
-}
-
-
-
-function $38d0dc792113fa97$export$2e2bcd8739ae039(option) {
- return (art)=>({
- ...option,
- tooltip: art.i18n.get('PIP Mode'),
- mounted: ($control)=>{
- const { events: { proxy: proxy } , icons: icons , i18n: i18n , } = art;
- $1617d61110f74a7d$export$10d8903dec122b9d($control, icons.pip);
- proxy($control, 'click', ()=>{
- art.pip = !art.pip;
- });
- art.on('pip', (value)=>{
- $1617d61110f74a7d$export$4e6f96734dfe12f4($control, i18n.get(value ? 'Exit PIP Mode' : 'PIP Mode'));
- });
- }
- })
- ;
-}
-
-
-
-function $378fa3df15dbfef1$export$2e2bcd8739ae039(option) {
- return (art)=>({
- ...option,
- mounted: ($control)=>{
- const { events: { proxy: proxy } , icons: icons , i18n: i18n , } = art;
- const $play = $1617d61110f74a7d$export$10d8903dec122b9d($control, icons.play);
- const $pause = $1617d61110f74a7d$export$10d8903dec122b9d($control, icons.pause);
- $1617d61110f74a7d$export$4e6f96734dfe12f4($play, i18n.get('Play'));
- $1617d61110f74a7d$export$4e6f96734dfe12f4($pause, i18n.get('Pause'));
- proxy($play, 'click', ()=>{
- art.play();
- });
- proxy($pause, 'click', ()=>{
- art.pause();
- });
- function showPlay() {
- $1617d61110f74a7d$export$37a5fde709c1db82($play, 'display', 'flex');
- $1617d61110f74a7d$export$37a5fde709c1db82($pause, 'display', 'none');
- }
- function showPause() {
- $1617d61110f74a7d$export$37a5fde709c1db82($play, 'display', 'none');
- $1617d61110f74a7d$export$37a5fde709c1db82($pause, 'display', 'flex');
- }
- if (art.playing) showPause();
- else showPlay();
- art.on('video:playing', ()=>{
- showPause();
- });
- art.on('video:pause', ()=>{
- showPlay();
- });
- }
- })
- ;
-}
-
-
-
-function $d0a08a7bd65803b8$export$9c32e9cb86f41a03(art, event) {
- const { $progress: $progress } = art.template;
- const { left: left } = $progress.getBoundingClientRect();
- const eventLeft = event.pageX;
- const width = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(eventLeft - left, 0, $progress.clientWidth);
- const second = width / $progress.clientWidth * art.duration;
- const time = $f82eff12ae1758cb$export$bfdd1c721864a50a(second);
- const percentage = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(width / $progress.clientWidth, 0, 1);
- return {
- second: second,
- time: time,
- width: width,
- percentage: percentage
- };
-}
-function $d0a08a7bd65803b8$export$2e2bcd8739ae039(options) {
- return (art)=>{
- const { icons: icons , option: option , events: { proxy: proxy } , } = art;
- return {
- ...options,
- html: `
-
- `,
- mounted: ($control)=>{
- let isDroging = false;
- const $loaded = $1617d61110f74a7d$export$2fa187e846a241c4('.art-progress-loaded', $control);
- const $played = $1617d61110f74a7d$export$2fa187e846a241c4('.art-progress-played', $control);
- const $highlight = $1617d61110f74a7d$export$2fa187e846a241c4('.art-progress-highlight', $control);
- const $indicator = $1617d61110f74a7d$export$2fa187e846a241c4('.art-progress-indicator', $control);
- const $tip = $1617d61110f74a7d$export$2fa187e846a241c4('.art-progress-tip', $control);
- $1617d61110f74a7d$export$37a5fde709c1db82($played, 'backgroundColor', 'var(--theme)');
- let indicatorSize = art.constructor.INDICATOR_SIZE;
- if (icons.indicator) {
- indicatorSize = art.constructor.INDICATOR_SIZE_ICON;
- $1617d61110f74a7d$export$10d8903dec122b9d($indicator, icons.indicator);
- } else $1617d61110f74a7d$export$ac3d318a39e8020a($indicator, {
- backgroundColor: 'var(--theme)'
- });
- if ($46f6a63658609cc7$export$d0a8044dce8ff2fc) {
- indicatorSize = art.constructor.INDICATOR_SIZE_MOBILE;
- if (icons.indicator) indicatorSize = art.constructor.INDICATOR_SIZE_MOBILE_ICON;
- }
- $1617d61110f74a7d$export$ac3d318a39e8020a($indicator, {
- left: `-${indicatorSize / 2}px`,
- width: `${indicatorSize}px`,
- height: `${indicatorSize}px`
- });
- function showHighlight(event) {
- const { width: width } = $d0a08a7bd65803b8$export$9c32e9cb86f41a03(art, event);
- const { text: text } = event.target.dataset;
- $tip.innerHTML = text;
- const tipWidth = $tip.clientWidth;
- if (width <= tipWidth / 2) $1617d61110f74a7d$export$37a5fde709c1db82($tip, 'left', 0);
- else if (width > $control.clientWidth - tipWidth / 2) $1617d61110f74a7d$export$37a5fde709c1db82($tip, 'left', `${$control.clientWidth - tipWidth}px`);
- else $1617d61110f74a7d$export$37a5fde709c1db82($tip, 'left', `${width - tipWidth / 2}px`);
- }
- function showTime(event) {
- const { width: width , time: time } = $d0a08a7bd65803b8$export$9c32e9cb86f41a03(art, event);
- $tip.innerHTML = time;
- const tipWidth = $tip.clientWidth;
- if (width <= tipWidth / 2) $1617d61110f74a7d$export$37a5fde709c1db82($tip, 'left', 0);
- else if (width > $control.clientWidth - tipWidth / 2) $1617d61110f74a7d$export$37a5fde709c1db82($tip, 'left', `${$control.clientWidth - tipWidth}px`);
- else $1617d61110f74a7d$export$37a5fde709c1db82($tip, 'left', `${width - tipWidth / 2}px`);
- }
- function setBar(type, percentage) {
- if (type === 'loaded') $1617d61110f74a7d$export$37a5fde709c1db82($loaded, 'width', `${percentage * 100}%`);
- if (type === 'played') {
- $1617d61110f74a7d$export$37a5fde709c1db82($played, 'width', `${percentage * 100}%`);
- $1617d61110f74a7d$export$37a5fde709c1db82($indicator, 'left', `calc(${percentage * 100}% - ${indicatorSize / 2}px)`);
- }
- }
- for(let index = 0; index < option.highlight.length; index++){
- const item = option.highlight[index];
- const left = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(item.time, 0, art.duration) / art.duration * 100;
- $1617d61110f74a7d$export$10d8903dec122b9d($highlight, ``);
- }
- setBar('loaded', art.loaded);
- art.on('setBar', (type, percentage)=>{
- setBar(type, percentage);
- });
- art.on('video:progress', ()=>{
- setBar('loaded', art.loaded);
- });
- art.on('video:timeupdate', ()=>{
- setBar('played', art.played);
- });
- art.on('video:ended', ()=>{
- setBar('played', 1);
- });
- if (!$46f6a63658609cc7$export$d0a8044dce8ff2fc) {
- proxy($control, 'click', (event)=>{
- if (event.target !== $indicator) {
- const { second: second , percentage: percentage } = $d0a08a7bd65803b8$export$9c32e9cb86f41a03(art, event);
- setBar('played', percentage);
- art.seek = second;
- }
- });
- proxy($control, 'mousemove', (event)=>{
- $1617d61110f74a7d$export$37a5fde709c1db82($tip, 'display', 'block');
- if ($1617d61110f74a7d$export$89ce434956e92c43(event, $highlight)) showHighlight(event);
- else showTime(event);
- });
- proxy($control, 'mouseout', ()=>{
- $1617d61110f74a7d$export$37a5fde709c1db82($tip, 'display', 'none');
- });
- proxy($indicator, 'mousedown', ()=>{
- isDroging = true;
- });
- proxy(document, 'mousemove', (event)=>{
- if (isDroging) {
- const { second: second , percentage: percentage } = $d0a08a7bd65803b8$export$9c32e9cb86f41a03(art, event);
- setBar('played', percentage);
- art.seek = second;
- }
- });
- proxy(document, 'mouseup', ()=>{
- if (isDroging) isDroging = false;
- });
- }
- }
- };
- };
-}
-
-
-
-function $e0f85588ad7a7211$export$2e2bcd8739ae039(option) {
- return (art)=>({
- ...option,
- tooltip: art.i18n.get('Hide Subtitle'),
- mounted: ($control)=>{
- const { events: { proxy: proxy } , icons: icons , i18n: i18n , subtitle: $e0f85588ad7a7211$export$2e2bcd8739ae039 , } = art;
- $1617d61110f74a7d$export$10d8903dec122b9d($control, icons.subtitle);
- proxy($control, 'click', ()=>{
- $e0f85588ad7a7211$export$2e2bcd8739ae039.toggle = true;
- });
- art.on('subtitle', (value)=>{
- $1617d61110f74a7d$export$4e6f96734dfe12f4($control, i18n.get(value ? 'Hide Subtitle' : 'Show Subtitle'));
- });
- }
- })
- ;
-}
-
-
-
-function $541d258a590e5455$export$2e2bcd8739ae039(option) {
- return (art)=>({
- ...option,
- mounted: ($control)=>{
- function getTime() {
- const newTime = `${$f82eff12ae1758cb$export$bfdd1c721864a50a(art.currentTime)} / ${$f82eff12ae1758cb$export$bfdd1c721864a50a(art.duration)}`;
- if (newTime !== $control.innerText) $control.innerText = newTime;
- }
- getTime();
- const events = [
- 'video:loadedmetadata',
- 'video:timeupdate',
- 'video:progress'
- ];
- for(let index = 0; index < events.length; index++)art.on(events[index], getTime);
- }
- })
- ;
-}
-
-
-
-function $f2401af696c06ceb$export$2e2bcd8739ae039(option) {
- return (art)=>({
- ...option,
- mounted: ($control)=>{
- const { events: { proxy: proxy } , icons: icons , i18n: i18n , } = art;
- let isDroging = false;
- const panelWidth = art.constructor.VOLUME_PANEL_WIDTH;
- const handleWidth = art.constructor.VOLUME_HANDLE_WIDTH;
- const $volume = $1617d61110f74a7d$export$10d8903dec122b9d($control, icons.volume);
- const $volumeClose = $1617d61110f74a7d$export$10d8903dec122b9d($control, icons.volumeClose);
- const $volumePanel = $1617d61110f74a7d$export$10d8903dec122b9d($control, '');
- const $volumeHandle = $1617d61110f74a7d$export$10d8903dec122b9d($volumePanel, '');
- $1617d61110f74a7d$export$4e6f96734dfe12f4($volume, i18n.get('Mute'));
- $1617d61110f74a7d$export$37a5fde709c1db82($volumeClose, 'display', 'none');
- if ($46f6a63658609cc7$export$d0a8044dce8ff2fc) $1617d61110f74a7d$export$37a5fde709c1db82($volumePanel, 'display', 'none');
- function volumeChangeFromEvent(event) {
- const { left: panelLeft } = $volumePanel.getBoundingClientRect();
- const percentage = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(event.pageX - panelLeft - handleWidth / 2, 0, panelWidth - handleWidth / 2) / (panelWidth - handleWidth);
- return percentage;
- }
- function setVolumeHandle(percentage = 0.7) {
- if (art.muted || percentage === 0) {
- $1617d61110f74a7d$export$37a5fde709c1db82($volume, 'display', 'none');
- $1617d61110f74a7d$export$37a5fde709c1db82($volumeClose, 'display', 'flex');
- $1617d61110f74a7d$export$37a5fde709c1db82($volumeHandle, 'left', '0');
- } else {
- const width = (panelWidth - handleWidth) * percentage;
- $1617d61110f74a7d$export$37a5fde709c1db82($volume, 'display', 'flex');
- $1617d61110f74a7d$export$37a5fde709c1db82($volumeClose, 'display', 'none');
- $1617d61110f74a7d$export$37a5fde709c1db82($volumeHandle, 'left', `${width}px`);
- }
- }
- setVolumeHandle(art.volume);
- art.on('video:volumechange', ()=>{
- setVolumeHandle(art.volume);
- });
- proxy($volume, 'click', ()=>{
- art.muted = true;
- });
- proxy($volumeClose, 'click', ()=>{
- art.muted = false;
- });
- proxy($volumePanel, 'click', (event)=>{
- art.muted = false;
- art.volume = volumeChangeFromEvent(event);
- });
- proxy($volumeHandle, 'mousedown', ()=>{
- isDroging = true;
- });
- proxy($control, 'mousemove', (event)=>{
- if (isDroging) {
- art.muted = false;
- art.volume = volumeChangeFromEvent(event);
- }
- });
- proxy(document, 'mouseup', ()=>{
- if (isDroging) isDroging = false;
- });
- }
- })
- ;
-}
-
-
-
-function $b05be089de6b7db6$export$2e2bcd8739ae039(option) {
- return (art)=>({
- ...option,
- tooltip: art.i18n.get('Show Setting'),
- mounted: ($control)=>{
- const { events: { proxy: proxy } , icons: icons , i18n: i18n , setting: $b05be089de6b7db6$export$2e2bcd8739ae039 , } = art;
- $1617d61110f74a7d$export$10d8903dec122b9d($control, icons.setting);
- proxy($control, 'click', ()=>{
- $b05be089de6b7db6$export$2e2bcd8739ae039.toggle = true;
- });
- art.on('setting', (value)=>{
- $1617d61110f74a7d$export$4e6f96734dfe12f4($control, i18n.get(value ? 'Hide Setting' : 'Show Setting'));
- });
- }
- })
- ;
-}
-
-
-
-
-function $767203a3d397536b$export$2e2bcd8739ae039(options) {
- return (art)=>({
- ...options,
- mounted: ($control)=>{
- const { option: option , template: { $progress: $progress , $video: $video } , events: { proxy: proxy , loadImg: loadImg } , } = art;
- let image = null;
- let loading = false;
- let isLoad = false;
- function showThumbnails(event) {
- const { width: posWidth } = $d0a08a7bd65803b8$export$9c32e9cb86f41a03(art, event);
- const { url: url , number: number , column: column } = option.thumbnails;
- const width = image.naturalWidth / column;
- const height = width / ($video.videoWidth / $video.videoHeight);
- const perWidth = $progress.clientWidth / number;
- const perIndex = Math.floor(posWidth / perWidth);
- const yIndex = Math.ceil(perIndex / column) - 1;
- const xIndex = perIndex % column || column - 1;
- $1617d61110f74a7d$export$37a5fde709c1db82($control, 'backgroundImage', `url(${url})`);
- $1617d61110f74a7d$export$37a5fde709c1db82($control, 'height', `${height}px`);
- $1617d61110f74a7d$export$37a5fde709c1db82($control, 'width', `${width}px`);
- $1617d61110f74a7d$export$37a5fde709c1db82($control, 'backgroundPosition', `-${xIndex * width}px -${yIndex * height}px`);
- if (posWidth <= width / 2) $1617d61110f74a7d$export$37a5fde709c1db82($control, 'left', 0);
- else if (posWidth > $progress.clientWidth - width / 2) $1617d61110f74a7d$export$37a5fde709c1db82($control, 'left', `${$progress.clientWidth - width}px`);
- else $1617d61110f74a7d$export$37a5fde709c1db82($control, 'left', `${posWidth - width / 2}px`);
- }
- proxy($progress, 'mousemove', (event)=>{
- if (!loading) {
- loading = true;
- loadImg(option.thumbnails.url).then((img)=>{
- image = img;
- isLoad = true;
- });
- }
- if (isLoad) {
- $1617d61110f74a7d$export$37a5fde709c1db82($control, 'display', 'block');
- showThumbnails(event);
- }
- });
- proxy($progress, 'mouseout', ()=>{
- $1617d61110f74a7d$export$37a5fde709c1db82($control, 'display', 'none');
- });
- }
- })
- ;
-}
-
-
-
-function $976f9f6ebb1a7dfb$export$2e2bcd8739ae039(option) {
- return (art)=>({
- ...option,
- tooltip: art.i18n.get('Screenshot'),
- mounted: ($control)=>{
- const { events: { proxy: proxy } , icons: icons , } = art;
- $1617d61110f74a7d$export$10d8903dec122b9d($control, icons.screenshot);
- proxy($control, 'click', ()=>{
- art.screenshot();
- });
- }
- })
- ;
-}
-
-
-function $dfc8c666169f6710$export$2e2bcd8739ae039(option) {
- return (art)=>{
- const qualityOption = art.option.quality;
- const qualityDefault = qualityOption.find((item)=>item.default
- ) || qualityOption[0];
- return {
- ...option,
- html: qualityDefault ? qualityDefault.html : '',
- selector: qualityOption,
- onSelect (item) {
- art.switchQuality(item.url, item.html);
- }
- };
- };
-}
-
-
-
-function $602035290fccdc3d$export$2e2bcd8739ae039(option) {
- return (art)=>({
- ...option,
- mounted: ($control)=>{
- const $left = $1617d61110f74a7d$export$10d8903dec122b9d($control, ``);
- const $right = $1617d61110f74a7d$export$10d8903dec122b9d($control, ``);
- art.on('loop', (value)=>{
- if (value) {
- $1617d61110f74a7d$export$37a5fde709c1db82($control, 'display', 'block');
- $1617d61110f74a7d$export$37a5fde709c1db82($left, 'left', `calc(${value[0] / art.duration * 100}% - ${$left.clientWidth}px)`);
- $1617d61110f74a7d$export$37a5fde709c1db82($right, 'left', `${value[1] / art.duration * 100}%`);
- } else $1617d61110f74a7d$export$37a5fde709c1db82($control, 'display', 'none');
- });
- }
- })
- ;
-}
-
-
-class $5fbd4a5b2c9a3876$export$2e2bcd8739ae039 extends $9c5a9d082f4955c3$export$2e2bcd8739ae039 {
- constructor(art){
- super(art);
- this.name = 'control';
- const { option: option , constructor: constructor , events: { proxy: proxy } , template: { $player: $player } , } = art;
- let activeTime = Date.now();
- proxy($player, [
- 'click',
- 'mousemove',
- 'touchstart',
- 'touchmove'
- ], ()=>{
- this.show = true;
- $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-hide-cursor');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, 'art-hover');
- activeTime = Date.now();
- });
- art.on('video:timeupdate', ()=>{
- if (art.playing && this.show && Date.now() - activeTime >= constructor.CONTROL_HIDE_TIME) {
- this.show = false;
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, 'art-hide-cursor');
- $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-hover');
- }
- });
- art.once('video:loadedmetadata', ()=>{
- this.add($d0a08a7bd65803b8$export$2e2bcd8739ae039({
- name: 'progress',
- disable: option.isLive,
- position: 'top',
- index: 10
- }));
- this.add($767203a3d397536b$export$2e2bcd8739ae039({
- name: 'thumbnails',
- disable: !option.thumbnails.url || option.isLive || $46f6a63658609cc7$export$d0a8044dce8ff2fc,
- position: 'top',
- index: 20
- }));
- this.add($602035290fccdc3d$export$2e2bcd8739ae039({
- name: 'loop',
- disable: false,
- position: 'top',
- index: 30
- }));
- this.add($378fa3df15dbfef1$export$2e2bcd8739ae039({
- name: 'playAndPause',
- disable: false,
- position: 'left',
- index: 10
- }));
- this.add($f2401af696c06ceb$export$2e2bcd8739ae039({
- name: 'volume',
- disable: false,
- position: 'left',
- index: 20
- }));
- this.add($541d258a590e5455$export$2e2bcd8739ae039({
- name: 'time',
- disable: option.isLive,
- position: 'left',
- index: 30
- }));
- this.add($dfc8c666169f6710$export$2e2bcd8739ae039({
- name: 'quality',
- disable: option.quality.length === 0,
- position: 'right',
- index: 10
- }));
- this.add($976f9f6ebb1a7dfb$export$2e2bcd8739ae039({
- name: 'screenshot',
- disable: !option.screenshot || $46f6a63658609cc7$export$d0a8044dce8ff2fc,
- position: 'right',
- index: 20
- }));
- this.add($e0f85588ad7a7211$export$2e2bcd8739ae039({
- name: 'subtitle',
- disable: !option.subtitle.url,
- position: 'right',
- index: 30
- }));
- this.add($b05be089de6b7db6$export$2e2bcd8739ae039({
- name: 'setting',
- disable: !option.setting,
- position: 'right',
- index: 40
- }));
- this.add($38d0dc792113fa97$export$2e2bcd8739ae039({
- name: 'pip',
- disable: !option.pip,
- position: 'right',
- index: 50
- }));
- this.add($4f2ccb8e31ca06ed$export$2e2bcd8739ae039({
- name: 'fullscreenWeb',
- disable: !option.fullscreenWeb,
- position: 'right',
- index: 60
- }));
- this.add($24f74a036b70ef15$export$2e2bcd8739ae039({
- name: 'fullscreen',
- disable: !option.fullscreen,
- position: 'right',
- index: 70
- }));
- for(let index = 0; index < option.controls.length; index++)this.add(option.controls[index]);
- });
- }
- add(getOption) {
- const option = typeof getOption === 'function' ? getOption(this.art) : getOption;
- const { $progress: $progress , $controlsLeft: $controlsLeft , $controlsRight: $controlsRight } = this.art.template;
- switch(option.position){
- case 'top':
- this.$parent = $progress;
- break;
- case 'left':
- this.$parent = $controlsLeft;
- break;
- case 'right':
- this.$parent = $controlsRight;
- break;
- default:
- $9f39e86245920cd9$export$ff496a5a51be1527(false, `Control option.position must one of 'top', 'left', 'right'`);
- break;
- }
- super.add(option);
- }
-}
-
-
-
-
-
-function $9597d351d2e4bb2f$export$2e2bcd8739ae039(option) {
- return (art)=>{
- const { i18n: i18n } = art;
- return {
- ...option,
- html: `${i18n.get('Play Speed')}:
- 0.5
- 0.75
- ${i18n.get('Normal')}
- 1.25
- 1.5
- 2.0
- `,
- click: (contextmenu, event)=>{
- const { value: value } = event.target.dataset;
- if (value) {
- art.playbackRate = Number(value);
- contextmenu.show = false;
- }
- },
- mounted: ($panel)=>{
- art.on('playbackRate', (value)=>{
- const $current = $1617d61110f74a7d$export$dcd0d083aa86c355('span', $panel).find((item)=>Number(item.dataset.value) === value
- );
- if ($current) $1617d61110f74a7d$export$ff1a70dcfa68e743($current, 'art-current');
- });
- }
- };
- };
-}
-
-
-
-function $9bfaae294ba0fe76$export$2e2bcd8739ae039(option) {
- return (art)=>{
- const { i18n: i18n } = art;
- return {
- ...option,
- html: `${i18n.get('Aspect Ratio')}:
- ${i18n.get('Default')}
- 4:3
- 16:9
- `,
- click: (contextmenu, event)=>{
- const { value: value } = event.target.dataset;
- if (value) {
- art.aspectRatio = value;
- contextmenu.show = false;
- }
- },
- mounted: ($panel)=>{
- art.on('aspectRatio', (value)=>{
- const $current = $1617d61110f74a7d$export$dcd0d083aa86c355('span', $panel).find((item)=>item.dataset.value === value
- );
- if ($current) $1617d61110f74a7d$export$ff1a70dcfa68e743($current, 'art-current');
- });
- }
- };
- };
-}
-
-
-
-function $8a001627e61c9c3c$export$2e2bcd8739ae039(option) {
- return (art)=>{
- const { i18n: i18n } = art;
- return {
- ...option,
- html: `${i18n.get('Video Flip')}:
- ${i18n.get('Normal')}
- ${i18n.get('Horizontal')}
- ${i18n.get('Vertical')}
- `,
- click: (contextmenu, event)=>{
- const { value: value } = event.target.dataset;
- if (value) {
- art.flip = value;
- contextmenu.show = false;
- }
- },
- mounted: ($panel)=>{
- art.on('flip', (value)=>{
- const $current = $1617d61110f74a7d$export$dcd0d083aa86c355('span', $panel).find((item)=>item.dataset.value === value
- );
- if ($current) $1617d61110f74a7d$export$ff1a70dcfa68e743($current, 'art-current');
- });
- }
- };
- };
-}
-
-
-function $7852a2608da0bc8f$export$2e2bcd8739ae039(option) {
- return (art)=>({
- ...option,
- html: art.i18n.get('Video Info'),
- click: (contextmenu)=>{
- art.info.show = true;
- contextmenu.show = false;
- }
- })
- ;
-}
-
-
-function $8f389b7f3ee028c7$export$2e2bcd8739ae039(option) {
- return {
- ...option,
- html: `ArtPlayer ${"4.3.11"}`
- };
-}
-
-
-function $b88cbde00258c088$export$2e2bcd8739ae039(option) {
- return (art)=>({
- ...option,
- html: art.i18n.get('Close'),
- click: (contextmenu)=>{
- contextmenu.show = false;
- }
- })
- ;
-}
-
-
-class $058f60678a15f124$export$2e2bcd8739ae039 extends $9c5a9d082f4955c3$export$2e2bcd8739ae039 {
- constructor(art){
- super(art);
- this.art = art;
- this.name = 'contextmenu';
- this.$parent = art.template.$contextmenu;
- art.once('video:loadedmetadata', ()=>{
- if (!$46f6a63658609cc7$export$d0a8044dce8ff2fc) this.init();
- });
- }
- init() {
- const { option: option , template: { $player: $player , $contextmenu: $contextmenu } , events: { proxy: proxy } , } = this.art;
- this.add($9597d351d2e4bb2f$export$2e2bcd8739ae039({
- disable: !option.playbackRate,
- name: 'playbackRate',
- index: 10
- }));
- this.add($9bfaae294ba0fe76$export$2e2bcd8739ae039({
- disable: !option.aspectRatio,
- name: 'aspectRatio',
- index: 20
- }));
- this.add($8a001627e61c9c3c$export$2e2bcd8739ae039({
- disable: !option.flip,
- name: 'flip',
- index: 30
- }));
- this.add($7852a2608da0bc8f$export$2e2bcd8739ae039({
- disable: false,
- name: 'info',
- index: 40
- }));
- this.add($8f389b7f3ee028c7$export$2e2bcd8739ae039({
- disable: false,
- name: 'version',
- index: 50
- }));
- this.add($b88cbde00258c088$export$2e2bcd8739ae039({
- disable: false,
- name: 'close',
- index: 60
- }));
- for(let index = 0; index < option.contextmenu.length; index++)this.add(option.contextmenu[index]);
- proxy($player, 'contextmenu', (event)=>{
- event.preventDefault();
- this.show = true;
- const mouseX = event.clientX;
- const mouseY = event.clientY;
- const { height: cHeight , width: cWidth , left: cLeft , top: cTop } = $player.getBoundingClientRect();
- const { height: mHeight , width: mWidth } = $contextmenu.getBoundingClientRect();
- let menuLeft = mouseX - cLeft;
- let menuTop = mouseY - cTop;
- if (mouseX + mWidth > cLeft + cWidth) menuLeft = cWidth - mWidth;
- if (mouseY + mHeight > cTop + cHeight) menuTop = cHeight - mHeight;
- $1617d61110f74a7d$export$ac3d318a39e8020a($contextmenu, {
- top: `${menuTop}px`,
- left: `${menuLeft}px`
- });
- });
- proxy($player, 'click', (event)=>{
- if (!$1617d61110f74a7d$export$89ce434956e92c43(event, $contextmenu)) this.show = false;
- });
- this.art.on('blur', ()=>{
- this.show = false;
- });
- }
-}
-
-
-
-
-class $d6c99f18c678401b$export$2e2bcd8739ae039 extends $9c5a9d082f4955c3$export$2e2bcd8739ae039 {
- constructor(art){
- super(art);
- this.name = 'info';
- art.once('video:loadedmetadata', ()=>{
- if (!$46f6a63658609cc7$export$d0a8044dce8ff2fc) this.init();
- });
- }
- init() {
- const { constructor: constructor , events: { proxy: proxy } , template: { $infoPanel: $infoPanel , $infoClose: $infoClose , $video: $video } , } = this.art;
- proxy($infoClose, 'click', ()=>{
- this.show = false;
- });
- let timer = null;
- const $types = $1617d61110f74a7d$export$dcd0d083aa86c355('[data-video]', $infoPanel) || [];
- this.art.on('destroy', ()=>{
- clearTimeout(timer);
- });
- function loop() {
- for(let index = 0; index < $types.length; index++){
- const item = $types[index];
- const value = $video[item.dataset.video];
- const innerText = typeof value === 'number' ? value.toFixed(2) : value;
- if (item.innerText !== innerText) item.innerText = innerText;
- }
- timer = setTimeout(loop, constructor.INFO_LOOP_TIME);
- }
- loop();
- }
-}
-
-
-
-
-
-
-class $832c66d5be9ddefa$export$2e2bcd8739ae039 extends $9c5a9d082f4955c3$export$2e2bcd8739ae039 {
- constructor(art){
- super(art);
- this.name = 'subtitle';
- art.once('video:loadedmetadata', ()=>{
- this.init(art.option.subtitle);
- });
- }
- get url() {
- return this.art.template.$track.src;
- }
- set url(url) {
- this.switch(url);
- }
- get textTrack() {
- return this.art.template.$video.textTracks[0];
- }
- get activeCue() {
- return this.textTrack.activeCues[0];
- }
- style(key, value) {
- const { $subtitle: $subtitle } = this.art.template;
- if (typeof key === 'object') return $1617d61110f74a7d$export$ac3d318a39e8020a($subtitle, key);
- return $1617d61110f74a7d$export$37a5fde709c1db82($subtitle, key, value);
- }
- update() {
- const { $subtitle: $subtitle } = this.art.template;
- $subtitle.innerHTML = '';
- if (this.activeCue) {
- $subtitle.innerHTML = this.activeCue.text.split(/\r?\n/).map((item)=>`${$f82eff12ae1758cb$export$4e7f196112fea3c5(item)}
`
- ).join('');
- this.art.emit('subtitleUpdate', this.activeCue.text);
- }
- }
- switch(url, newOption = {}) {
- const { i18n: i18n , notice: notice , option: option } = this.art;
- const subtitleOption = {
- ...option.subtitle,
- ...newOption,
- url: url
- };
- return this.init(subtitleOption).then((subUrl)=>{
- if (newOption.name) notice.show = `${i18n.get('Switch Subtitle')}: ${newOption.name}`;
- return subUrl;
- });
- }
- init(subtitleOption) {
- ($parcel$interopDefault($cTKjd$optionvalidator))(subtitleOption, $10469c873ed71d57$export$2e2bcd8739ae039.subtitle);
- if (!subtitleOption.url) return;
- const { notice: notice , events: { proxy: proxy } , template: { $subtitle: $subtitle , $video: $video , $track: $track } , } = this.art;
- if (!$track) {
- const $track = document.createElement('track');
- $track.default = true;
- $track.kind = 'metadata';
- $video.appendChild($track);
- this.art.template.$track = $track;
- proxy(this.textTrack, 'cuechange', this.update.bind(this));
- }
- this.style(subtitleOption.style);
- $9f39e86245920cd9$export$ff496a5a51be1527(window.fetch, 'fetch not support');
- return fetch(subtitleOption.url).then((response)=>response.arrayBuffer()
- ).then((buffer)=>{
- $9f39e86245920cd9$export$ff496a5a51be1527(window.TextDecoder, 'TextDecoder not support');
- const decoder = new TextDecoder(subtitleOption.encoding);
- const text = decoder.decode(buffer);
- this.art.emit('subtitleLoad', subtitleOption.url);
- switch(subtitleOption.type || $112d5cbf48554e5f$export$ba319cdd039ba52e(subtitleOption.url)){
- case 'srt':
- return $3bd617987c2ca385$export$108f84c95df61951($3bd617987c2ca385$export$5ae19f500bb84e8b(text));
- case 'ass':
- return $3bd617987c2ca385$export$108f84c95df61951($3bd617987c2ca385$export$aaf95c443eb8118a(text));
- case 'vtt':
- return $3bd617987c2ca385$export$108f84c95df61951(text);
- default:
- return subtitleOption.url;
- }
- }).then((subUrl)=>{
- $subtitle.innerHTML = '';
- if (this.url === subUrl) return subUrl;
- URL.revokeObjectURL(this.url);
- this.art.template.$track.src = subUrl;
- this.art.emit('subtitleSwitch', subUrl);
- return subUrl;
- }).catch((err)=>{
- notice.show = err;
- throw err;
- });
- }
-}
-
-
-
-
-function $73a3e403a4b80fbc$export$2e2bcd8739ae039(art, events) {
- const { constructor: constructor , template: { $player: $player , $video: $video } , } = art;
- events.proxy(document, [
- 'click',
- 'contextmenu'
- ], (event)=>{
- if ($1617d61110f74a7d$export$89ce434956e92c43(event, $player)) {
- art.isFocus = true;
- art.emit('focus');
- } else {
- art.isFocus = false;
- art.emit('blur');
- }
- });
- let clickTime = 0;
- events.proxy($video, 'click', ()=>{
- const now = Date.now();
- if (now - clickTime <= constructor.DB_CLICE_TIME) {
- art.emit('dblclick');
- if ($46f6a63658609cc7$export$d0a8044dce8ff2fc) art.toggle();
- else art.fullscreen = !art.fullscreen;
- } else {
- art.emit('click');
- if (!$46f6a63658609cc7$export$d0a8044dce8ff2fc) art.toggle();
- }
- clickTime = now;
- });
-}
-
-
-
-function $eccc38f47ad4e496$export$2e2bcd8739ae039(art, events) {
- const { $player: $player } = art.template;
- events.hover($player, ()=>{
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, 'art-hover');
- art.emit('hover', true);
- }, ()=>{
- $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-hover');
- art.emit('hover');
- });
-}
-
-
-function $af27990c30407626$export$2e2bcd8739ae039(art, events) {
- const { $player: $player } = art.template;
- events.proxy($player, 'mousemove', (event)=>{
- art.emit('mousemove', event);
- });
-}
-
-
-
-function $4875c55156125b7f$export$2e2bcd8739ae039(art, events) {
- const { notice: notice , option: option } = art;
- const resizeFn = $c4508bb07fd554bb$export$de363e709c412c8a(()=>{
- if (art.normalSize) art.autoSize = option.autoSize;
- art.aspectRatioReset = true;
- notice.show = '';
- art.emit('resize');
- }, art.constructor.RESIZE_TIME);
- events.proxy(window, [
- 'orientationchange',
- 'resize'
- ], ()=>{
- resizeFn();
- });
- if (screen && screen.orientation && screen.orientation.onchange) events.proxy(screen.orientation, 'change', ()=>{
- resizeFn();
- });
-}
-
-
-
-function $aceb871fa680c246$export$2e2bcd8739ae039(art, events) {
- if ($46f6a63658609cc7$export$d0a8044dce8ff2fc && !art.option.isLive) {
- const { notice: notice , plugins: plugins , template: { $video: $video , $bottom: $bottom , $controls: $controls } , } = art;
- let isDroging = false;
- let startX = 0;
- let startY = 0;
- let startTime = 0;
- const onTouchStart = (event)=>{
- if (event.touches.length === 1) {
- isDroging = true;
- const { clientX: clientX , clientY: clientY } = event.touches[0];
- startX = clientX;
- startY = clientY;
- startTime = art.currentTime;
- }
- };
- const onTouchMove = (event)=>{
- if (event.touches.length === 1 && isDroging && art.duration) {
- const autoOrientation = plugins.autoOrientation && plugins.autoOrientation.state;
- const { clientX: clientX , clientY: clientY } = event.touches[0];
- const ratioX = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4((clientX - startX) / art.width, -1, 1);
- const ratioY = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4((clientY - startY) / art.height, -1, 1);
- const ratio = autoOrientation ? ratioY : ratioX;
- const currentTime = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(startTime + art.duration * ratio / 2, 0, art.duration);
- art.seek = currentTime;
- art.emit('setBar', 'played', $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(currentTime / art.duration, 0, 1));
- notice.show = `${$f82eff12ae1758cb$export$bfdd1c721864a50a(currentTime)} / ${$f82eff12ae1758cb$export$bfdd1c721864a50a(art.duration)}`;
- }
- };
- const onTouchEnd = ()=>{
- if (isDroging) {
- startX = 0;
- startY = 0;
- startTime = 0;
- isDroging = false;
- }
- };
- events.proxy($bottom, 'touchstart', (event)=>{
- if (!$1617d61110f74a7d$export$89ce434956e92c43(event, $controls)) onTouchStart(event);
- });
- events.proxy($bottom, 'touchmove', onTouchMove);
- events.proxy($video, 'touchstart', onTouchStart);
- events.proxy($video, 'touchmove', onTouchMove);
- events.proxy(document, 'touchend', onTouchEnd);
- }
-}
-
-
-
-function $f71d899ac667f7fb$export$2e2bcd8739ae039(art, events) {
- const { option: option , constructor: constructor , template: { $container: $container } , } = art;
- const scrollFn = $c4508bb07fd554bb$export$de363e709c412c8a(()=>{
- art.emit('view', $1617d61110f74a7d$export$157b27307c5a0381($container, constructor.SCROLL_GAP));
- }, constructor.SCROLL_TIME);
- events.proxy(window, 'scroll', ()=>{
- scrollFn();
- });
- art.on('view', (state)=>{
- if (option.autoMini) art.mini = !state;
- });
-}
-
-
-class $9dd1746ab026757b$export$2e2bcd8739ae039 {
- constructor(art){
- this.destroyEvents = [];
- this.proxy = this.proxy.bind(this);
- this.hover = this.hover.bind(this);
- this.loadImg = this.loadImg.bind(this);
- if (art.whitelist.state) art.once('video:loadedmetadata', ()=>{
- $73a3e403a4b80fbc$export$2e2bcd8739ae039(art, this);
- $eccc38f47ad4e496$export$2e2bcd8739ae039(art, this);
- $af27990c30407626$export$2e2bcd8739ae039(art, this);
- $4875c55156125b7f$export$2e2bcd8739ae039(art, this);
- $aceb871fa680c246$export$2e2bcd8739ae039(art, this);
- $f71d899ac667f7fb$export$2e2bcd8739ae039(art, this);
- });
- }
- proxy(target, name, callback, option = {}) {
- if (Array.isArray(name)) return name.map((item)=>this.proxy(target, item, callback, option)
- );
- target.addEventListener(name, callback, option);
- const destroy = ()=>target.removeEventListener(name, callback, option)
- ;
- this.destroyEvents.push(destroy);
- return destroy;
- }
- hover(target, mouseenter, mouseleave) {
- if (mouseenter) this.proxy(target, 'mouseenter', mouseenter);
- if (mouseleave) this.proxy(target, 'mouseleave', mouseleave);
- }
- loadImg(img) {
- return new Promise((resolve, reject)=>{
- let image;
- if (img instanceof HTMLImageElement) image = img;
- else if (typeof img === 'string') {
- image = new Image();
- image.src = img;
- } else return reject(new $9f39e86245920cd9$export$8f14b18212bb1ea5('Unable to get Image'));
- if (image.complete) return resolve(image);
- this.proxy(image, 'load', ()=>resolve(image)
- );
- this.proxy(image, 'error', ()=>reject(new $9f39e86245920cd9$export$8f14b18212bb1ea5(`Failed to load Image: ${image.src}`))
- );
- });
- }
- destroy() {
- for(let index = 0; index < this.destroyEvents.length; index++)this.destroyEvents[index]();
- }
-}
-
-
-
-class $3e1980c05dfeee5d$export$2e2bcd8739ae039 {
- constructor(art){
- this.art = art;
- this.keys = {};
- art.once('video:loadedmetadata', ()=>{
- if (art.option.hotkey && !$46f6a63658609cc7$export$d0a8044dce8ff2fc) this.init();
- });
- }
- init() {
- const { proxy: proxy } = this.art.events;
- this.add(27, ()=>{
- if (this.art.fullscreenWeb) this.art.fullscreenWeb = false;
- });
- this.add(32, ()=>{
- this.art.toggle();
- });
- this.add(37, ()=>{
- this.art.backward = 5;
- });
- this.add(38, ()=>{
- this.art.volume += 0.1;
- });
- this.add(39, ()=>{
- this.art.forward = 5;
- });
- this.add(40, ()=>{
- this.art.volume -= 0.1;
- });
- proxy(window, 'keydown', (event)=>{
- if (this.art.isFocus) {
- const tag = document.activeElement.tagName.toUpperCase();
- const editable = document.activeElement.getAttribute('contenteditable');
- if (tag !== 'INPUT' && tag !== 'TEXTAREA' && editable !== '' && editable !== 'true') {
- const events = this.keys[event.keyCode];
- if (events) {
- event.preventDefault();
- for(let index = 0; index < events.length; index++)events[index].call(this.art, event);
- this.art.emit('hotkey', event);
- }
- }
- }
- });
- }
- add(key, event) {
- if (this.keys[key]) this.keys[key].push(event);
- else this.keys[key] = [
- event
- ];
- return this;
- }
- remove(key, event) {
- if (this.keys[key]) {
- const index = this.keys[key].indexOf(event);
- if (index !== -1) this.keys[key].splice(index, 1);
- }
- return this;
- }
-}
-
-
-
-class $87ad6b3f378139e4$export$2e2bcd8739ae039 extends $9c5a9d082f4955c3$export$2e2bcd8739ae039 {
- constructor(art){
- super(art);
- const { option: option , template: { $layer: $layer } , } = art;
- this.name = 'layer';
- this.$parent = $layer;
- art.once('video:loadedmetadata', ()=>{
- for(let index = 0; index < option.layers.length; index++)this.add(option.layers[index]);
- });
- }
-}
-
-
-
-
-class $e3e38774bcec1905$export$2e2bcd8739ae039 extends $9c5a9d082f4955c3$export$2e2bcd8739ae039 {
- constructor(art){
- super(art);
- this.name = 'loading';
- $1617d61110f74a7d$export$10d8903dec122b9d(art.template.$loading, art.icons.loading);
- }
-}
-
-
-
-class $6281e0d09498f459$export$2e2bcd8739ae039 {
- constructor(art){
- this.art = art;
- this.timer = null;
- }
- set show(msg) {
- const { $player: $player , $noticeInner: $noticeInner } = this.art.template;
- if (!msg) return $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-notice-show');
- $noticeInner.innerText = msg instanceof Error ? msg.message.trim() : msg;
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, 'art-notice-show');
- clearTimeout(this.timer);
- this.timer = setTimeout(()=>{
- $noticeInner.innerText = '';
- $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-notice-show');
- }, this.art.constructor.NOTICE_TIME);
- }
-}
-
-
-
-
-class $846b6021e30a62e3$export$2e2bcd8739ae039 extends $9c5a9d082f4955c3$export$2e2bcd8739ae039 {
- constructor(art){
- super(art);
- this.name = 'mask';
- const { template: template , icons: icons , events: events } = art;
- $1617d61110f74a7d$export$10d8903dec122b9d(template.$state, icons.state);
- events.proxy(template.$state, 'click', ()=>art.play()
- );
- }
-}
-
-
-
-var $ea73f885035fc70c$exports = {};
-$ea73f885035fc70c$exports = "";
-
-
-var $a318808550c32ac6$exports = {};
-$a318808550c32ac6$exports = "";
-
-
-var $f4a5ad62ee3af34e$exports = {};
-$f4a5ad62ee3af34e$exports = "";
-
-
-var $93fafa15944f6274$exports = {};
-$93fafa15944f6274$exports = "";
-
-
-var $1bfbe8e3a51fd237$exports = {};
-$1bfbe8e3a51fd237$exports = "";
-
-
-var $3565d9857c49b4ba$exports = {};
-$3565d9857c49b4ba$exports = "";
-
-
-var $34048e42a1cebf0c$exports = {};
-$34048e42a1cebf0c$exports = "";
-
-
-var $e1361ff4dcafdf4b$exports = {};
-$e1361ff4dcafdf4b$exports = "";
-
-
-var $e0523ecc964a3d0f$exports = {};
-$e0523ecc964a3d0f$exports = "\n";
-
-
-var $659436e8c6d8debf$exports = {};
-$659436e8c6d8debf$exports = "";
-
-
-var $667a538d9bdd13c5$exports = {};
-$667a538d9bdd13c5$exports = "";
-
-
-var $238fab3092857e42$exports = {};
-$238fab3092857e42$exports = "";
-
-
-var $be072e4880963a9b$exports = {};
-$be072e4880963a9b$exports = "";
-
-
-var $cfca05de282e5208$exports = {};
-$cfca05de282e5208$exports = "";
-
-
-var $ea77b339b12614aa$exports = {};
-$ea77b339b12614aa$exports = "";
-
-
-var $c6a8a0c1103b1f88$exports = {};
-$c6a8a0c1103b1f88$exports = "";
-
-
-var $1dad62262a809e52$exports = {};
-$1dad62262a809e52$exports = "";
-
-
-var $e0de5fe9f40e0c64$exports = {};
-$e0de5fe9f40e0c64$exports = "";
-
-
-var $baad8354f50de513$exports = {};
-$baad8354f50de513$exports = "\n\n";
-
-
-var $a6b31ea821176f04$exports = {};
-$a6b31ea821176f04$exports = "\n\n";
-
-
-class $82c4f6420e2bb729$export$2e2bcd8739ae039 {
- constructor(art){
- const icons = {
- loading: (/*@__PURE__*/$parcel$interopDefault($ea73f885035fc70c$exports)),
- state: (/*@__PURE__*/$parcel$interopDefault($a318808550c32ac6$exports)),
- play: (/*@__PURE__*/$parcel$interopDefault($93fafa15944f6274$exports)),
- pause: (/*@__PURE__*/$parcel$interopDefault($1bfbe8e3a51fd237$exports)),
- check: (/*@__PURE__*/$parcel$interopDefault($f4a5ad62ee3af34e$exports)),
- volume: (/*@__PURE__*/$parcel$interopDefault($3565d9857c49b4ba$exports)),
- volumeClose: (/*@__PURE__*/$parcel$interopDefault($34048e42a1cebf0c$exports)),
- subtitle: (/*@__PURE__*/$parcel$interopDefault($e1361ff4dcafdf4b$exports)),
- screenshot: (/*@__PURE__*/$parcel$interopDefault($e0523ecc964a3d0f$exports)),
- setting: (/*@__PURE__*/$parcel$interopDefault($659436e8c6d8debf$exports)),
- fullscreen: (/*@__PURE__*/$parcel$interopDefault($667a538d9bdd13c5$exports)),
- fullscreenWeb: (/*@__PURE__*/$parcel$interopDefault($238fab3092857e42$exports)),
- pip: (/*@__PURE__*/$parcel$interopDefault($e0de5fe9f40e0c64$exports)),
- arrowLeft: (/*@__PURE__*/$parcel$interopDefault($be072e4880963a9b$exports)),
- arrowRight: (/*@__PURE__*/$parcel$interopDefault($cfca05de282e5208$exports)),
- playbackRate: (/*@__PURE__*/$parcel$interopDefault($ea77b339b12614aa$exports)),
- aspectRatio: (/*@__PURE__*/$parcel$interopDefault($c6a8a0c1103b1f88$exports)),
- config: (/*@__PURE__*/$parcel$interopDefault($1dad62262a809e52$exports)),
- lock: (/*@__PURE__*/$parcel$interopDefault($baad8354f50de513$exports)),
- unlock: (/*@__PURE__*/$parcel$interopDefault($a6b31ea821176f04$exports)),
- ...art.option.icons
- };
- Object.keys(icons).forEach((key)=>{
- $6b21bd176607d26d$export$8afb76124cf08683(this, key, {
- get: ()=>{
- const icon = document.createElement('i');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3(icon, 'art-icon');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3(icon, `art-icon-${key}`);
- $1617d61110f74a7d$export$10d8903dec122b9d(icon, icons[key]);
- return icon;
- }
- });
- });
- }
-}
-
-
-
-function $07522957bcac9a25$export$2e2bcd8739ae039(art) {
- const { i18n: i18n , icons: icons , constructor: constructor } = art;
- const keys = {
- normal: 'Normal',
- horizontal: 'Horizontal',
- vertical: 'Vertical'
- };
- function update($panel, $tooltip, value) {
- if ($tooltip) $tooltip.innerText = i18n.get(keys[value]);
- const $current = $1617d61110f74a7d$export$dcd0d083aa86c355('.art-setting-item', $panel).find((item)=>item.dataset.value === value
- );
- if ($current) $1617d61110f74a7d$export$ff1a70dcfa68e743($current, 'art-current');
- }
- return {
- width: constructor.SETTING_ITEM_WIDTH,
- html: i18n.get('Video Flip'),
- tooltip: i18n.get(keys[art.flip]),
- icon: icons.config,
- selector: Object.keys(keys).map((item)=>{
- return {
- value: item,
- default: item === art.flip,
- html: i18n.get(keys[item])
- };
- }),
- onSelect (item) {
- art.flip = item.value;
- },
- mounted: ($panel, item)=>{
- update($panel, item._$tooltip, art.flip);
- art.on('flip', ()=>{
- update($panel, item._$tooltip, art.flip);
- });
- }
- };
-}
-
-
-
-function $85bc3f596413f7b9$export$2e2bcd8739ae039(art) {
- const { i18n: i18n , icons: icons , constructor: constructor } = art;
- function getI18n(value) {
- return value === 'default' ? i18n.get('Default') : value;
- }
- function update($panel, $tooltip, value) {
- if ($tooltip) $tooltip.innerText = getI18n(value);
- const $current = $1617d61110f74a7d$export$dcd0d083aa86c355('.art-setting-item', $panel).find((item)=>item.dataset.value === value
- );
- if ($current) $1617d61110f74a7d$export$ff1a70dcfa68e743($current, 'art-current');
- }
- return {
- width: constructor.SETTING_ITEM_WIDTH,
- html: i18n.get('Aspect Ratio'),
- icon: icons.aspectRatio,
- tooltip: getI18n(art.aspectRatio),
- selector: [
- 'default',
- '4:3',
- '16:9'
- ].map((item)=>{
- return {
- value: item,
- default: item === art.aspectRatio,
- html: getI18n(item)
- };
- }),
- onSelect (item) {
- art.aspectRatio = item.value;
- },
- mounted: ($panel, item)=>{
- update($panel, item._$tooltip, art.aspectRatio);
- art.on('aspectRatio', ()=>{
- update($panel, item._$tooltip, art.aspectRatio);
- });
- }
- };
-}
-
-
-
-function $ccc4e5bb833602ad$export$2e2bcd8739ae039(art) {
- const { i18n: i18n , icons: icons , constructor: constructor } = art;
- function getI18n(value) {
- return value === 1.0 ? i18n.get('Normal') : value;
- }
- function update($panel, $tooltip, value) {
- if ($tooltip) $tooltip.innerText = getI18n(value);
- const $current = $1617d61110f74a7d$export$dcd0d083aa86c355('.art-setting-item', $panel).find((item)=>Number(item.dataset.value) === value
- );
- if ($current) $1617d61110f74a7d$export$ff1a70dcfa68e743($current, 'art-current');
- }
- return {
- width: constructor.SETTING_ITEM_WIDTH,
- html: i18n.get('Play Speed'),
- tooltip: getI18n(art.playbackRate),
- icon: icons.playbackRate,
- selector: [
- 0.5,
- 0.75,
- 1.0,
- 1.25,
- 1.5,
- 2.0
- ].map((item)=>{
- return {
- value: item,
- default: item === art.playbackRate,
- html: getI18n(item)
- };
- }),
- onSelect (item) {
- art.playbackRate = item.value;
- },
- mounted: ($panel, item)=>{
- update($panel, item._$tooltip, art.playbackRate);
- art.on('playbackRate', ()=>{
- update($panel, item._$tooltip, art.playbackRate);
- });
- }
- };
-}
-
-
-
-function $5847b96169acf576$export$2e2bcd8739ae039(art) {
- const { i18n: i18n , icons: icons , constructor: constructor } = art;
- function getI18n(value) {
- return value === 0 ? i18n.get('Normal') : value;
- }
- function update($panel, $tooltip, value) {
- if ($tooltip) $tooltip.innerText = getI18n(value);
- const $current = $1617d61110f74a7d$export$dcd0d083aa86c355('.art-setting-item', $panel).find((item)=>Number(item.dataset.value) === value
- );
- if ($current) $1617d61110f74a7d$export$ff1a70dcfa68e743($current, 'art-current');
- }
- return {
- width: constructor.SETTING_ITEM_WIDTH,
- html: i18n.get('Subtitle Offset'),
- tooltip: getI18n(art.subtitleOffset),
- icon: icons.subtitle,
- selector: [
- -5,
- -4,
- -3,
- -2,
- -1,
- 0,
- 1,
- 2,
- 3,
- 4,
- 5
- ].map((item)=>{
- return {
- value: item,
- default: item === art.subtitleOffset,
- html: getI18n(item)
- };
- }),
- onSelect (item) {
- art.subtitleOffset = item.value;
- },
- mounted: ($panel, item)=>{
- update($panel, item._$tooltip, art.subtitleOffset);
- art.on('subtitleOffset', ()=>{
- update($panel, item._$tooltip, art.subtitleOffset);
- });
- }
- };
-}
-
-
-
-
-function $e5ec7c417fcf0d47$var$makeRecursion(option, parentItem, parentList) {
- for(let index = 0; index < option.length; index++){
- const item = option[index];
- item._parentItem = parentItem;
- item._parentList = parentList;
- if (item.selector) $e5ec7c417fcf0d47$var$makeRecursion(item.selector, item, option);
- }
- return option;
-}
-class $e5ec7c417fcf0d47$export$2e2bcd8739ae039 extends $9c5a9d082f4955c3$export$2e2bcd8739ae039 {
- constructor(art){
- super(art);
- const { option: option , events: { proxy: proxy } , template: { $setting: $setting , $player: $player } , } = art;
- this.art = art;
- this.name = 'setting';
- this.$parent = $setting;
- this.option = [];
- this.events = [];
- this.cache = new Map();
- if (option.setting) {
- art.once('video:loadedmetadata', ()=>{
- if (option.playbackRate) this.option.push($ccc4e5bb833602ad$export$2e2bcd8739ae039(art));
- if (option.aspectRatio) this.option.push($85bc3f596413f7b9$export$2e2bcd8739ae039(art));
- if (option.flip) this.option.push($07522957bcac9a25$export$2e2bcd8739ae039(art));
- if (option.subtitleOffset) this.option.push($5847b96169acf576$export$2e2bcd8739ae039(art));
- for(let index = 0; index < option.settings.length; index++)this.option.push(option.settings[index]);
- this.option = $e5ec7c417fcf0d47$var$makeRecursion(this.option);
- this.init(this.option);
- });
- art.on('blur', ()=>{
- if (this.show) {
- this.show = false;
- this.init(this.option);
- }
- });
- proxy($player, 'click', (event)=>{
- if (this.show && !$1617d61110f74a7d$export$89ce434956e92c43(event, art.controls.setting) && !$1617d61110f74a7d$export$89ce434956e92c43(event, this.$parent)) {
- this.show = false;
- this.init(this.option);
- }
- });
- }
- }
- add(callback) {
- if (typeof callback === 'function') this.option.push(callback(this.art));
- else this.option.push(callback);
- this.cache = new Map();
- this.events.forEach((event)=>event()
- );
- this.events = [];
- this.$parent.innerHTML = '';
- this.option = $e5ec7c417fcf0d47$var$makeRecursion(this.option);
- this.init(this.option);
- }
- creatHeader(item) {
- const { icons: icons , events: { proxy: proxy } , } = this.art;
- const $item = document.createElement('div');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($item, 'art-setting-item');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($item, 'art-setting-item-back');
- const $left = $1617d61110f74a7d$export$10d8903dec122b9d($item, '');
- const $icon = document.createElement('div');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($icon, 'art-setting-item-left-icon');
- $1617d61110f74a7d$export$10d8903dec122b9d($icon, icons.arrowLeft);
- $1617d61110f74a7d$export$10d8903dec122b9d($left, $icon);
- $1617d61110f74a7d$export$10d8903dec122b9d($left, item._parentItem.html);
- const event = proxy($item, 'click', ()=>{
- this.init(item._parentList);
- });
- this.events.push(event);
- return $item;
- }
- creatItem(item) {
- const { icons: icons , events: { proxy: proxy } , } = this.art;
- const hasChildren = item.selector && item.selector.length;
- const $item = document.createElement('div');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($item, 'art-setting-item');
- if (item.default) $1617d61110f74a7d$export$d2cf6cd1dc7067d3($item, 'art-current');
- const $left = $1617d61110f74a7d$export$10d8903dec122b9d($item, '');
- const $right = $1617d61110f74a7d$export$10d8903dec122b9d($item, '');
- const $icon = document.createElement('div');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($icon, 'art-setting-item-left-icon');
- $1617d61110f74a7d$export$10d8903dec122b9d($icon, hasChildren ? item.icon || icons.config : icons.check);
- $1617d61110f74a7d$export$10d8903dec122b9d($left, $icon);
- item._$icon = $icon;
- $6b21bd176607d26d$export$8afb76124cf08683(item, 'icon', {
- get () {
- return $icon.innerHTML;
- },
- set (value) {
- if (typeof value === 'string' || typeof value === 'number') $icon.innerHTML = value;
- }
- });
- const $html = document.createElement('div');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($html, 'art-setting-item-left-text');
- $1617d61110f74a7d$export$10d8903dec122b9d($html, item.html || '');
- $1617d61110f74a7d$export$10d8903dec122b9d($left, $html);
- item._$html = $html;
- $6b21bd176607d26d$export$8afb76124cf08683(item, 'html', {
- get () {
- return $html.innerHTML;
- },
- set (value) {
- if (typeof value === 'string' || typeof value === 'number') $html.innerHTML = value;
- }
- });
- if (hasChildren) {
- const $tooltip = document.createElement('div');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($tooltip, 'art-setting-item-right-tooltip');
- $1617d61110f74a7d$export$10d8903dec122b9d($tooltip, item.tooltip || '');
- $1617d61110f74a7d$export$10d8903dec122b9d($right, $tooltip);
- item._$tooltip = $tooltip;
- $6b21bd176607d26d$export$8afb76124cf08683(item, 'tooltip', {
- get () {
- return $tooltip.innerHTML;
- },
- set (value) {
- if (typeof value === 'string' || typeof value === 'number') $tooltip.innerHTML = value;
- }
- });
- const $arrow = document.createElement('div');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($arrow, 'art-setting-item-right-icon');
- $1617d61110f74a7d$export$10d8903dec122b9d($arrow, icons.arrowRight);
- $1617d61110f74a7d$export$10d8903dec122b9d($right, $arrow);
- }
- const event1 = proxy($item, 'click', async (event)=>{
- if (hasChildren) this.init(item.selector, item.width);
- else {
- $1617d61110f74a7d$export$ff1a70dcfa68e743($item, 'art-current');
- if (item._parentList) this.init(item._parentList);
- if (item._parentItem && item._parentItem.onSelect) {
- const result = await item._parentItem.onSelect.call(this.art, item, $item, event);
- if (item._parentItem._$tooltip) {
- if (typeof result === 'string' || typeof result === 'number') item._parentItem._$tooltip.innerHTML = result;
- }
- }
- }
- });
- this.events.push(event1);
- return $item;
- }
- init(option, width) {
- if (this.cache.has(option)) {
- const $panel = this.cache.get(option);
- $1617d61110f74a7d$export$ff1a70dcfa68e743($panel, 'art-current');
- $1617d61110f74a7d$export$37a5fde709c1db82(this.$parent, 'width', `${$panel.dataset.width}px`);
- } else {
- const $panel = document.createElement('div');
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($panel, 'art-setting-panel');
- if (option[0] && option[0]._parentItem) $1617d61110f74a7d$export$10d8903dec122b9d($panel, this.creatHeader(option[0]));
- for(let index = 0; index < option.length; index++)$1617d61110f74a7d$export$10d8903dec122b9d($panel, this.creatItem(option[index]));
- $panel.dataset.width = width || this.art.constructor.SETTING_WIDTH;
- $1617d61110f74a7d$export$10d8903dec122b9d(this.$parent, $panel);
- this.cache.set(option, $panel);
- $1617d61110f74a7d$export$ff1a70dcfa68e743($panel, 'art-current');
- $1617d61110f74a7d$export$37a5fde709c1db82(this.$parent, 'width', `${$panel.dataset.width}px`);
- if (option[0] && option[0]._parentItem && option[0]._parentItem.mounted) option[0]._parentItem.mounted.call(this.art, $panel, option[0]._parentItem);
- }
- }
-}
-
-
-class $3978873f41bb02b6$export$2e2bcd8739ae039 {
- constructor(){
- this.name = 'artplayer_settings';
- this.settings = {};
- }
- get(key) {
- try {
- const storage = JSON.parse(window.localStorage.getItem(this.name)) || {};
- return key ? storage[key] : storage;
- } catch (error) {
- return key ? this.settings[key] : this.settings;
- }
- }
- set(key, value) {
- try {
- const storage = Object.assign({}, this.get(), {
- [key]: value
- });
- window.localStorage.setItem(this.name, JSON.stringify(storage));
- } catch (error) {
- this.settings[key] = value;
- }
- }
- del(key) {
- try {
- const storage = this.get();
- delete storage[key];
- window.localStorage.setItem(this.name, JSON.stringify(storage));
- } catch (error) {
- delete this.settings[key];
- }
- }
- clear() {
- try {
- window.localStorage.removeItem(this.name);
- } catch (error) {
- this.settings = {};
- }
- }
-}
-
-
-
-function $8e33b1de5b364dcf$export$2e2bcd8739ae039(art) {
- art.on('ready', ()=>{
- art.layers.add({
- name: 'miniProgressBar',
- mounted ($progressBar) {
- art.on('destroy', ()=>{
- $progressBar.style.display = 'none';
- });
- art.on('video:timeupdate', ()=>{
- $progressBar.style.width = `${art.played * 100}%`;
- });
- art.on('setBar', (type, percentage)=>{
- if (type === 'played') $progressBar.style.width = `${percentage * 100}%`;
- });
- }
- });
- });
- return {
- name: 'miniProgressBar'
- };
-}
-
-
-
-function $c1e42da5837b57c2$export$2e2bcd8739ae039(art) {
- const { option: option , constructor: constructor , template: { $player: $player , $video: $video } , } = art;
- art.on('fullscreenWeb', (state)=>{
- if (state) {
- const { videoWidth: videoWidth , videoHeight: videoHeight } = $video;
- const { clientWidth: viewWidth , clientHeight: viewHeight } = document.documentElement;
- if (videoWidth > videoHeight && viewWidth < viewHeight || videoWidth < videoHeight && viewWidth > viewHeight) // There is a conflict with the fullscreen event, and it is changed to asynchronous execution
- setTimeout(()=>{
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'width', `${viewHeight}px`);
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'height', `${viewWidth}px`);
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'transform-origin', '0 0');
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'transform', `rotate(90deg) translate(0, -${viewWidth}px)`);
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, 'art-auto-orientation');
- }, constructor.MOBILE_AUTO_ORIENTATION_TIME);
- } else if ($1617d61110f74a7d$export$4ea3d958472af68f($player, 'art-auto-orientation')) {
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'width', null);
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'height', null);
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'transform', null);
- $1617d61110f74a7d$export$37a5fde709c1db82($player, 'transform-origin', null);
- $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-auto-orientation');
- art.aspectRatioReset = true;
- art.autoSize = option.autoSize;
- art.notice.show = '';
- }
- });
- art.on('fullscreen', (state)=>{
- const lastOrientation = screen.orientation.type;
- if (state) {
- const { videoWidth: videoWidth , videoHeight: videoHeight } = $video;
- const { clientWidth: viewWidth , clientHeight: viewHeight } = document.documentElement;
- if (videoWidth > videoHeight && viewWidth < viewHeight || videoWidth < videoHeight && viewWidth > viewHeight) {
- const oppositeOrientation = lastOrientation.startsWith('portrait') ? 'landscape' : 'portrait';
- screen.orientation.lock(oppositeOrientation).then(()=>{
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, 'art-auto-orientation-fullscreen');
- });
- }
- } else if ($1617d61110f74a7d$export$4ea3d958472af68f($player, 'art-auto-orientation-fullscreen')) screen.orientation.lock(lastOrientation).then(()=>{
- $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-auto-orientation-fullscreen');
- });
- });
- return {
- name: 'autoOrientation',
- get state () {
- return $1617d61110f74a7d$export$4ea3d958472af68f($player, 'art-auto-orientation');
- }
- };
-}
-
-
-
-function $78b87c2a2d050eb1$export$2e2bcd8739ae039(art) {
- const { i18n: i18n , storage: storage , constructor: constructor , template: { $poster: $poster } , } = art;
- art.on('video:timeupdate', ()=>{
- const times = storage.get('times') || {};
- const keys = Object.keys(times);
- if (keys.length > constructor.AUTO_PLAYBACK_MAX) delete times[keys[0]];
- times[art.option.url] = art.currentTime;
- storage.set('times', times);
- });
- art.on('ready', ()=>{
- const times = storage.get('times') || {};
- const currentTime = times[art.option.url];
- if (currentTime) {
- art.seek = currentTime;
- $1617d61110f74a7d$export$37a5fde709c1db82($poster, 'display', 'none');
- art.notice.show = `${i18n.get('Auto playback at')} ${$f82eff12ae1758cb$export$bfdd1c721864a50a(currentTime)}`;
- }
- });
- return {
- name: 'autoPlayback',
- get times () {
- return storage.get('times') || {};
- },
- clear () {
- return storage.del('times');
- }
- };
-}
-
-
-
-function $723aeb30421d5ffe$export$2e2bcd8739ae039(art) {
- const { constructor: constructor , events: { proxy: proxy } , template: { $player: $player , $video: $video } , } = art;
- let timer = null;
- let isPress = false;
- const onStart = (event)=>{
- if (event.touches.length === 1 && art.playing) timer = setTimeout(()=>{
- isPress = true;
- art.playbackRate = constructor.FAST_FORWARD_VALUE;
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, 'art-fast-forward');
- }, constructor.FAST_FORWARD_TIME);
- };
- const onStop = ()=>{
- clearTimeout(timer);
- if (isPress) {
- isPress = false;
- art.playbackRate = 1;
- $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-fast-forward');
- }
- };
- proxy($video, 'touchstart', onStart);
- proxy(document, 'touchmove', onStop);
- proxy(document, 'touchend', onStop);
- return {
- name: 'fastForward',
- get state () {
- return $1617d61110f74a7d$export$4ea3d958472af68f($player, 'art-fast-forward');
- }
- };
-}
-
-
-
-function $987d9aaf8fa2e706$export$2e2bcd8739ae039(art) {
- const { layers: layers , icons: icons , template: { $player: $player } , } = art;
- layers.add({
- name: 'lock',
- mounted ($el) {
- const $lock = $1617d61110f74a7d$export$10d8903dec122b9d($el, icons.lock);
- const $unlock = $1617d61110f74a7d$export$10d8903dec122b9d($el, icons.unlock);
- $1617d61110f74a7d$export$37a5fde709c1db82($lock, 'display', 'none');
- art.on('lock', (state)=>{
- if (state) {
- $1617d61110f74a7d$export$37a5fde709c1db82($lock, 'display', 'inline-flex');
- $1617d61110f74a7d$export$37a5fde709c1db82($unlock, 'display', 'none');
- } else {
- $1617d61110f74a7d$export$37a5fde709c1db82($lock, 'display', 'none');
- $1617d61110f74a7d$export$37a5fde709c1db82($unlock, 'display', 'inline-flex');
- }
- });
- },
- click () {
- if ($1617d61110f74a7d$export$4ea3d958472af68f($player, 'art-lock')) {
- $1617d61110f74a7d$export$c2255604a80b4506($player, 'art-lock');
- art.emit('lock', false);
- } else {
- $1617d61110f74a7d$export$d2cf6cd1dc7067d3($player, 'art-lock');
- art.emit('lock', true);
- }
- }
- });
- return {
- name: 'lock',
- get state () {
- return $1617d61110f74a7d$export$4ea3d958472af68f($player, 'art-lock');
- }
- };
-}
-
-
-class $9d9cbfc93570c5e0$export$2e2bcd8739ae039 {
- constructor(art){
- this.art = art;
- this.id = 0;
- const { option: option } = art;
- if (option.miniProgressBar && !option.isLive) this.add($8e33b1de5b364dcf$export$2e2bcd8739ae039);
- if (option.lock && $46f6a63658609cc7$export$d0a8044dce8ff2fc) this.add($987d9aaf8fa2e706$export$2e2bcd8739ae039);
- if (option.autoPlayback) this.add($78b87c2a2d050eb1$export$2e2bcd8739ae039);
- if (option.autoOrientation && $46f6a63658609cc7$export$d0a8044dce8ff2fc) this.add($c1e42da5837b57c2$export$2e2bcd8739ae039);
- if (option.fastForward && $46f6a63658609cc7$export$d0a8044dce8ff2fc && !option.isLive) this.add($723aeb30421d5ffe$export$2e2bcd8739ae039);
- for(let index = 0; index < option.plugins.length; index++)this.add(option.plugins[index]);
- }
- add(plugin) {
- this.id += 1;
- const result = plugin.call(this, this.art);
- const pluginName = result && result.name || plugin.name || `plugin${this.id}`;
- $9f39e86245920cd9$export$ff496a5a51be1527(!$6b21bd176607d26d$export$a4f4bb6b1453fff5(this, pluginName), `Cannot add a plugin that already has the same name: ${pluginName}`);
- $6b21bd176607d26d$export$8afb76124cf08683(this, pluginName, {
- value: result
- });
- return this;
- }
-}
-
-
-class $741625d8671c484a$export$2e2bcd8739ae039 {
- constructor(art){
- this.art = art;
- this.init();
- }
- get current() {
- return this.art.option.ads[this.index];
- }
- get prev() {
- return this.art.option.ads[this.index - 1];
- }
- get next() {
- return this.art.option.ads[this.index + 1];
- }
- init() {
- this.index = 0;
- this.isEnd = false;
- this.playing = false;
- this.urlCache = this.art.option.url;
- if (this.current) {
- this.playing = true;
- this.play(this.current);
- }
- }
- play(item = {}) {
- if (this.isEnd) return;
- this.art.switchUrl(item.url);
- this.art.once('video:timeupdate', ()=>{
- this.art.emit('ads:start', item);
- });
- this.art.once('video:ended', ()=>{
- const next = this.next;
- if (next) {
- this.index += 1;
- this.play(next);
- } else this.end();
- });
- }
- end() {
- if (this.isEnd) return;
- this.isEnd = true;
- this.playing = false;
- this.art.option.url = this.urlCache;
- this.art.switchUrl(this.urlCache);
- this.art.emit('ads:end');
- }
-}
-
-
-
-
-class $cf28796c28b9e292$export$2e2bcd8739ae039 {
- constructor(art){
- const { option: option , events: { proxy: proxy } , template: { $video: $video } , } = art;
- for(let index = 0; index < $6bdef3f9911d4dfd$export$2e2bcd8739ae039.events.length; index++)proxy($video, $6bdef3f9911d4dfd$export$2e2bcd8739ae039.events[index], (event)=>{
- art.emit(`video:${event.type}`, event);
- });
- Object.keys(option.moreVideoAttr).forEach((key)=>{
- $video[key] = option.moreVideoAttr[key];
- });
- if (option.muted) $video.muted = option.muted;
- if (option.volume) $video.volume = $f82eff12ae1758cb$export$7d15b64cf5a3a4c4(option.volume, 0, 1);
- if (option.poster) $video.poster = option.poster;
- if (option.autoplay) $video.autoplay = option.autoplay;
- if (option.playsInline) {
- $video.playsInline = true;
- $video['webkit-playsinline'] = true;
- }
- const typeName = option.type || $112d5cbf48554e5f$export$ba319cdd039ba52e(option.url);
- const typeCallback = option.customType[typeName];
- if (typeName && typeCallback) {
- typeCallback($video, option.url, art);
- art.emit('customType', typeName);
- } else {
- $video.src = option.url;
- art.emit('url', $video.src);
- }
- }
-}
-
-
-let $cdf9fe9adb2d02f9$var$id = 0;
-const $cdf9fe9adb2d02f9$var$instances = [];
-class $cdf9fe9adb2d02f9$export$2e2bcd8739ae039 extends $a2113e5ff6e5df5a$export$2e2bcd8739ae039 {
- constructor(option, readyCallback){
- super();
- this.id = ++$cdf9fe9adb2d02f9$var$id;
- const mergeOption = $719e22089069758c$exports.mergeDeep($cdf9fe9adb2d02f9$export$2e2bcd8739ae039.option, option);
- this.option = ($parcel$interopDefault($cTKjd$optionvalidator))(mergeOption, $10469c873ed71d57$export$2e2bcd8739ae039);
- this.isReady = false;
- this.isFocus = false;
- this.isDestroy = false;
- this.whitelist = new $63bba146437a34c3$export$2e2bcd8739ae039(this);
- this.template = new $420c1882d92b952b$export$2e2bcd8739ae039(this);
- this.events = new $9dd1746ab026757b$export$2e2bcd8739ae039(this);
- if (this.whitelist.state) {
- this.storage = new $3978873f41bb02b6$export$2e2bcd8739ae039(this);
- this.icons = new $82c4f6420e2bb729$export$2e2bcd8739ae039(this);
- this.i18n = new $8988e731cb9b6b27$export$2e2bcd8739ae039(this);
- this.notice = new $6281e0d09498f459$export$2e2bcd8739ae039(this);
- this.player = new $8f55b19a5260c651$export$2e2bcd8739ae039(this);
- this.layers = new $87ad6b3f378139e4$export$2e2bcd8739ae039(this);
- this.controls = new $5fbd4a5b2c9a3876$export$2e2bcd8739ae039(this);
- this.contextmenu = new $058f60678a15f124$export$2e2bcd8739ae039(this);
- this.subtitle = new $832c66d5be9ddefa$export$2e2bcd8739ae039(this);
- this.ads = new $741625d8671c484a$export$2e2bcd8739ae039(this);
- this.info = new $d6c99f18c678401b$export$2e2bcd8739ae039(this);
- this.loading = new $e3e38774bcec1905$export$2e2bcd8739ae039(this);
- this.hotkey = new $3e1980c05dfeee5d$export$2e2bcd8739ae039(this);
- this.mask = new $846b6021e30a62e3$export$2e2bcd8739ae039(this);
- this.setting = new $e5ec7c417fcf0d47$export$2e2bcd8739ae039(this);
- this.plugins = new $9d9cbfc93570c5e0$export$2e2bcd8739ae039(this);
- } else this.mobile = new $cf28796c28b9e292$export$2e2bcd8739ae039(this);
- if (typeof readyCallback === 'function') this.on('ready', ()=>readyCallback.call(this)
- );
- $cdf9fe9adb2d02f9$var$instances.push(this);
- }
- static get instances() {
- return $cdf9fe9adb2d02f9$var$instances;
- }
- static get version() {
- return "4.3.11";
- }
- static get env() {
- return "production";
- }
- static get build() {
- return "1651116320085";
- }
- static get config() {
- return $6bdef3f9911d4dfd$export$2e2bcd8739ae039;
- }
- static get utils() {
- return $719e22089069758c$exports;
- }
- static get scheme() {
- return $10469c873ed71d57$export$2e2bcd8739ae039;
- }
- static get Emitter() {
- return $a2113e5ff6e5df5a$export$2e2bcd8739ae039;
- }
- static get validator() {
- return ($parcel$interopDefault($cTKjd$optionvalidator));
- }
- static get kindOf() {
- return ($parcel$interopDefault($cTKjd$optionvalidator)).kindOf;
- }
- static get html() {
- return $420c1882d92b952b$export$2e2bcd8739ae039.html;
- }
- static get option() {
- return {
- container: '#artplayer',
- url: '',
- poster: '',
- title: '',
- type: '',
- theme: '#f00',
- volume: 0.7,
- isLive: false,
- muted: false,
- autoplay: false,
- autoSize: false,
- autoMini: false,
- loop: false,
- flip: false,
- playbackRate: false,
- aspectRatio: false,
- screenshot: false,
- setting: false,
- hotkey: true,
- pip: false,
- mutex: true,
- backdrop: true,
- fullscreen: false,
- fullscreenWeb: false,
- subtitleOffset: false,
- miniProgressBar: false,
- useSSR: false,
- playsInline: true,
- lock: false,
- fastForward: false,
- autoPlayback: false,
- autoOrientation: false,
- ads: [],
- layers: [],
- contextmenu: [],
- controls: [],
- settings: [],
- quality: [],
- highlight: [],
- plugins: [],
- whitelist: [],
- thumbnails: {
- url: '',
- number: 60,
- column: 10
- },
- subtitle: {
- url: '',
- type: '',
- style: {},
- encoding: 'utf-8'
- },
- moreVideoAttr: {
- controls: false,
- preload: $719e22089069758c$exports.isSafari ? 'auto' : 'metadata'
- },
- icons: {},
- customType: {},
- lang: navigator.language.toLowerCase()
- };
- }
- get proxy() {
- return this.events.proxy;
- }
- get query() {
- return this.template.query;
- }
- destroy(removeHtml = true) {
- this.events.destroy();
- this.template.destroy(removeHtml);
- $cdf9fe9adb2d02f9$var$instances.splice($cdf9fe9adb2d02f9$var$instances.indexOf(this), 1);
- this.isDestroy = true;
- this.emit('destroy');
- }
-}
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.NOTICE_TIME = 2000;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.SETTING_WIDTH = 250;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.SETTING_ITEM_WIDTH = 200;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.INDICATOR_SIZE = 14;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.INDICATOR_SIZE_ICON = 16;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.INDICATOR_SIZE_MOBILE = 18;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.INDICATOR_SIZE_MOBILE_ICON = 20;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.VOLUME_PANEL_WIDTH = 60;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.VOLUME_HANDLE_WIDTH = 12;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.RESIZE_TIME = 500;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.SCROLL_TIME = 200;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.SCROLL_GAP = 50;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.AUTO_PLAYBACK_MAX = 10;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.RECONNECT_TIME_MAX = 5;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.RECONNECT_SLEEP_TIME = 1000;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.CONTROL_HIDE_TIME = 3000;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.DB_CLICE_TIME = 300;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.MOBILE_AUTO_PLAYBACKRATE = 3;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.MOBILE_AUTO_PLAYBACKRATE_TIME = 1000;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.MOBILE_AUTO_ORIENTATION_TIME = 500;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.INFO_LOOP_TIME = 1000;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.FAST_FORWARD_VALUE = 3;
-$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.FAST_FORWARD_TIME = 1000;
-const $cdf9fe9adb2d02f9$var$$style = document.createElement('style');
-$cdf9fe9adb2d02f9$var$$style.textContent = (/*@__PURE__*/$parcel$interopDefault($fc322dd812272489$exports));
-document.head.appendChild($cdf9fe9adb2d02f9$var$$style);
-window['Artplayer'] = $cdf9fe9adb2d02f9$export$2e2bcd8739ae039;
-// eslint-disable-next-line no-console
-console.log(`%c ArtPlayer %c ${$cdf9fe9adb2d02f9$export$2e2bcd8739ae039.version} %c https://artplayer.org`, 'color: #fff; background: #5f5f5f', 'color: #fff; background: #4bc729', '');
-
-
+!function(e,t,r,o,s){var i="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},n="function"==typeof i.parcelRequire4dc0&&i.parcelRequire4dc0,a=n.cache||{},l="undefined"!=typeof module&&"function"==typeof module.require&&module.require.bind(module);function c(t,r){if(!a[t]){if(!e[t]){var o="function"==typeof i.parcelRequire4dc0&&i.parcelRequire4dc0;if(!r&&o)return o(t,!0);if(n)return n(t,!0);if(l&&"string"==typeof t)return l(t);var s=new Error("Cannot find module '"+t+"'");throw s.code="MODULE_NOT_FOUND",s}p.resolve=function(r){var o=e[t][1][r];return null!=o?o:r},p.cache={};var u=a[t]=new c.Module(t);e[t][0].call(u.exports,p,u,u.exports,this)}return a[t].exports;function p(e){var t=p.resolve(e);return!1===t?{}:c(t)}}c.isParcelRequire=!0,c.Module=function(e){this.id=e,this.bundle=c,this.exports={}},c.modules=e,c.cache=a,c.parent=n,c.register=function(t,r){e[t]=[function(e,t){t.exports=r},{}]},Object.defineProperty(c,"root",{get:function(){return i.parcelRequire4dc0}}),i.parcelRequire4dc0=c;for(var u=0;ut.call(this))),re.push(this)}static get instances(){return re}static get version(){return"4.3.11"}static get env(){return"production"}static get build(){return"1651117422627"}static get config(){return h.default}static get utils(){return u}static get scheme(){return d.default}static get Emitter(){return c.default}static get validator(){return a.default}static get kindOf(){return a.default.kindOf}static get html(){return y.default.html}static get option(){return{container:"#artplayer",url:"",poster:"",title:"",type:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMini:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,useSSR:!1,playsInline:!0,lock:!1,fastForward:!1,autoPlayback:!1,autoOrientation:!1,ads:[],layers:[],contextmenu:[],controls:[],settings:[],quality:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,column:10},subtitle:{url:"",type:"",style:{},encoding:"utf-8"},moreVideoAttr:{controls:!1,preload:u.isSafari?"auto":"metadata"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}get proxy(){return this.events.proxy}get query(){return this.template.query}destroy(e=!0){this.events.destroy(),this.template.destroy(e),re.splice(re.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}r.default=oe,oe.NOTICE_TIME=2e3,oe.SETTING_WIDTH=250,oe.SETTING_ITEM_WIDTH=200,oe.INDICATOR_SIZE=14,oe.INDICATOR_SIZE_ICON=16,oe.INDICATOR_SIZE_MOBILE=18,oe.INDICATOR_SIZE_MOBILE_ICON=20,oe.VOLUME_PANEL_WIDTH=60,oe.VOLUME_HANDLE_WIDTH=12,oe.RESIZE_TIME=500,oe.SCROLL_TIME=200,oe.SCROLL_GAP=50,oe.AUTO_PLAYBACK_MAX=10,oe.RECONNECT_TIME_MAX=5,oe.RECONNECT_SLEEP_TIME=1e3,oe.CONTROL_HIDE_TIME=3e3,oe.DB_CLICE_TIME=300,oe.MOBILE_AUTO_PLAYBACKRATE=3,oe.MOBILE_AUTO_PLAYBACKRATE_TIME=1e3,oe.MOBILE_AUTO_ORIENTATION_TIME=500,oe.INFO_LOOP_TIME=1e3,oe.FAST_FORWARD_VALUE=3,oe.FAST_FORWARD_TIME=1e3;const se=document.createElement("style");se.textContent=i.default,document.head.appendChild(se),window.Artplayer=oe,console.log(`%c ArtPlayer %c ${oe.version} %c https://artplayer.org`,"color: #fff; background: #5f5f5f","color: #fff; background: #4bc729","")},{"bundle-text:./style/index.less":"9EPUe","option-validator":"hqjoJ","./utils/emitter":"7pHuB","./utils":"geSvU","./scheme":"3vPoh","./config":"eksZR","./whitelist":"fCKwj","./template":"bqHdK","./i18n":"4O9ZY","./player":"fzROd","./control":"kJ9J9","./contextmenu":"7rh9q","./info":"c896w","./subtitle":"2hqso","./events":"j2hlX","./hotkey":"aTHWZ","./layer":"f2kxw","./loading":"bOs9w","./notice":"ic4th","./mask":"iLfmB","./icons":"5lAmI","./setting":"d5XKP","./storage":"5M8nN","./plugins":"jWfEd","./ads":"aafSd","./mobile":"fkUkB","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"9EPUe":[function(e,t,r){t.exports='.art-video-player{z-index:20;width:100%;height:100%;zoom:1;color:#eee;text-align:left;direction:ltr;user-select:none;-webkit-tap-highlight-color:#0000;touch-action:manipulation;-ms-high-contrast-adjust:none;background-color:#000;outline:0;margin:0 auto;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.3;display:flex;position:relative}.art-video-player *{box-sizing:border-box;margin:0;padding:0}.art-video-player ::-webkit-scrollbar{width:5px;height:5px}.art-video-player ::-webkit-scrollbar-thumb{background-color:#666}.art-video-player ::-webkit-scrollbar-thumb:hover{background-color:#ccc}.art-video-player .art-icon{justify-content:center;align-items:center;line-height:1.5;display:inline-flex}.art-video-player .art-icon svg{fill:#fff}.art-video-player img{max-width:100%;vertical-align:top}@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)){.art-video-player .art-backdrop-filter{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background-color:#000000b3!important}}.art-video-player .art-video{z-index:10;width:100%;height:100%;cursor:pointer;background-color:#000;position:absolute;inset:0}.art-video-player .art-poster{z-index:11;width:100%;height:100%;user-select:none;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.art-video-player .art-subtitle{z-index:20;width:100%;text-align:center;color:#fff;pointer-events:none;text-shadow:1px 0 1px #000,0 1px 1px #000,-1px 0 1px #000,0 -1px 1px #000,1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000;padding:0 20px;font-size:20px;display:none;position:absolute;bottom:10px}.art-video-player .art-subtitle p{word-break:break-all;height:fit-content;margin:5px 0 0;line-height:1.2}.art-video-player.art-subtitle-show .art-subtitle{display:block}.art-video-player.art-control-show .art-subtitle{bottom:50px}.art-video-player .art-danmuku{z-index:30;width:100%;height:100%;pointer-events:none;position:absolute;inset:0;overflow:hidden}.art-video-player .art-layers{z-index:40;width:100%;height:100%;pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}.art-video-player .art-layers .art-layer{pointer-events:auto}.art-video-player.art-layer-show .art-layers{display:block}.art-video-player .art-mask{z-index:50;width:100%;height:100%;pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0;overflow:hidden}.art-video-player .art-mask .art-state{width:60px;height:60px;opacity:.85;cursor:pointer;pointer-events:all;justify-content:center;align-items:center;display:flex;position:absolute;bottom:65px;right:30px}.art-video-player.art-mask-show .art-mask{display:flex}.art-video-player.art-mobile .art-state{position:static}.art-video-player .art-loading{z-index:70;width:100%;height:100%;pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.art-video-player.art-loading-show .art-loading{display:flex}.art-video-player .art-bottom{z-index:60;height:100px;opacity:0;visibility:hidden;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) bottom repeat-x;flex-direction:column;justify-content:space-between;padding:50px 10px 0;transition:all .2s ease-in-out;display:flex;position:absolute;bottom:0;left:0;right:0}.art-video-player .art-bottom .art-progress{z-index:0;pointer-events:auto;flex:1;position:relative}.art-video-player .art-bottom .art-progress .art-control-progress{height:4px;cursor:pointer;flex-direction:row;align-items:center;display:flex;position:relative}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner{height:50%;width:100%;background:#fff3;align-items:center;display:flex;position:relative}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{z-index:10;height:100%;width:0;background:#fff6;position:absolute;inset:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played{z-index:20;height:100%;width:0;position:absolute;inset:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{z-index:30;height:100%;pointer-events:none;position:absolute;inset:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{width:7px;height:100%;pointer-events:auto;background:#fff;display:inline-block;position:absolute;top:0;left:0}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{visibility:hidden;z-index:40;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s ease-in-out;position:absolute;transform:scale(.1)}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator .art-icon{width:100%;height:100%;pointer-events:none;user-select:none}.art-video-player .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip{z-index:50;height:20px;color:#fff;text-align:center;white-space:nowrap;background:#000000b3;border-radius:3px;padding:0 5px;font-size:12px;font-weight:700;line-height:20px;display:none;position:absolute;top:-25px;left:0}.art-video-player .art-bottom .art-progress .art-control-thumbnails{pointer-events:none;background-color:#000000b3;display:none;position:absolute;bottom:8px;left:0}.art-video-player .art-bottom .art-progress .art-control-loop{width:100%;height:100%;pointer-events:none;display:none;position:absolute;inset:0}.art-video-player .art-bottom .art-progress .art-control-loop .art-loop-point{width:2px;height:8px;background:#ffffffbf;position:absolute;top:-2px;left:0}.art-video-player .art-bottom .art-controls{z-index:1;pointer-events:auto;height:45px;justify-content:space-between;align-items:center;display:flex;position:relative}.art-video-player .art-bottom .art-controls .art-controls-left,.art-video-player .art-bottom .art-controls .art-controls-right{display:flex}.art-video-player .art-bottom .art-controls .art-control{opacity:.9;min-height:36px;min-width:36px;text-align:center;cursor:pointer;white-space:nowrap;align-items:center;font-size:12px;line-height:1;display:flex}.art-video-player .art-bottom .art-controls .art-control .art-icon{float:left;height:36px;width:36px;justify-content:center;align-items:center;display:flex}.art-video-player .art-bottom .art-controls .art-control:hover{opacity:1}.art-video-player .art-bottom .art-controls .art-control-onlyText{padding:0 10px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel{float:left;width:0;height:100%;transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);position:relative;overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{width:12px;height:12px;background:#fff;border-radius:12px;margin-top:-6px;position:absolute;top:50%;left:0}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{background:#fff;left:-54px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{background:#fff3;left:6px}.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before,.art-video-player .art-bottom .art-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{content:"";height:3px;width:60px;margin-top:-2px;display:block;position:absolute;top:50%}.art-video-player .art-bottom .art-controls .art-control-volume:hover .art-volume-panel{width:60px}.art-video-player .art-bottom .art-controls .art-control-quality{z-index:30;position:relative}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys{width:100px;text-align:center;color:#fff;background:#000c;border-radius:3px;padding:5px 0;display:none;position:absolute;bottom:35px}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px #00000080;line-height:30px;overflow:hidden}.art-video-player .art-bottom .art-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:#ffffff1a}.art-video-player .art-bottom .art-controls .art-control-quality:hover .art-qualitys{display:block}.art-video-player .art-bottom:hover .art-progress .art-control-progress .art-control-progress-inner{height:100%}.art-video-player .art-bottom:hover .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{visibility:visible;transform:scale(1)}.art-video-player.art-control-show .art-bottom,.art-video-player.art-hover .art-bottom{opacity:1;visibility:visible}.art-video-player.art-error .art-progress-indicator,.art-video-player.art-destroy .art-progress-indicator,.art-video-player.art-error .art-progress-tip,.art-video-player.art-destroy .art-progress-tip{display:none!important}.art-video-player.art-mobile .art-bottom{padding:50px 7px 0}.art-video-player.art-mobile .art-bottom .art-controls{height:40px}.art-video-player.art-mobile .art-bottom .art-progress-indicator{visibility:visible!important;transform:scale(1)!important}.art-video-player .art-notice{z-index:80;width:100%;pointer-events:none;padding:10px;font-size:14px;display:none;position:absolute;top:0;left:0}.art-video-player .art-notice .art-notice-inner{color:#fff;background-color:#0009;border-radius:3px;padding:5px 10px;display:inline-block}.art-video-player.art-notice-show .art-notice{display:flex}.art-video-player .art-contextmenus{z-index:120;min-width:200px;background-color:#000000e6;border-radius:3px;flex-direction:column;padding:5px 0;display:none;position:absolute;top:10px;left:10px}.art-video-player .art-contextmenus .art-contextmenu{cursor:pointer;color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px #00000080;border-bottom:1px solid #ffffff1a;padding:10px 15px;font-size:12px;display:block;overflow:hidden}.art-video-player .art-contextmenus .art-contextmenu a{color:#fff;text-decoration:none}.art-video-player .art-contextmenus .art-contextmenu span{padding:0 7px;display:inline-block}.art-video-player .art-contextmenus .art-contextmenu span:hover,.art-video-player .art-contextmenus .art-contextmenu span.art-current{color:#00c9ff}.art-video-player .art-contextmenus .art-contextmenu:hover{background-color:#ffffff1a}.art-video-player .art-contextmenus .art-contextmenu:last-child{border-bottom:0}.art-video-player.art-contextmenu-show .art-contextmenus{display:flex}.art-video-player .art-settings{z-index:90;max-height:300px;background-color:#000000e6;border-radius:3px;font-size:13px;transition:all .2s;display:none;position:absolute;bottom:50px;right:10px;overflow:auto}.art-video-player .art-settings .art-setting-panel{display:none}.art-video-player .art-settings .art-setting-panel.art-current{display:block}.art-video-player .art-settings .art-setting-panel .art-setting-item{height:35px;cursor:pointer;color:#fffc;justify-content:space-between;align-items:center;padding:0 5px;line-height:1;display:flex;overflow:hidden}.art-video-player .art-settings .art-setting-panel .art-setting-item:hover,.art-video-player .art-settings .art-setting-panel .art-setting-item.art-current{color:#fff;background-color:#ffffff1a}.art-video-player .art-settings .art-setting-panel .art-setting-item .art-icon{width:30px;height:30px;justify-content:center;align-items:center;display:flex}.art-video-player .art-settings .art-setting-panel .art-setting-item .art-icon-check{visibility:hidden;height:15px}.art-video-player .art-settings .art-setting-panel .art-setting-item.art-current .art-icon-check{visibility:visible}.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-left{white-space:nowrap;align-items:center;display:flex}.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-left .art-setting-item-left-icon{height:24px;width:24px;justify-content:center;align-items:center;margin-right:10px;display:flex}.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right{align-items:center;display:flex}.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right .art-setting-item-right-tooltip{white-space:nowrap;color:#ffffff80;font-size:12px}.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right .art-setting-item-right-icon{height:24px;width:24px;justify-content:center;align-items:center;display:flex}.art-video-player .art-settings .art-setting-panel .art-setting-item-back{border-bottom:1px solid #ffffff1a}.art-video-player.art-setting-show .art-settings{display:block}.art-video-player.art-mobile .art-settings{max-height:200px}.art-video-player .art-info{z-index:100;width:350px;color:#fff;-webkit-font-smoothing:antialiased;background-color:#000000e6;flex-direction:column;padding:10px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;font-size:12px;display:none;position:absolute;top:10px;left:10px}.art-video-player .art-info .art-info-item{margin-bottom:5px;display:flex}.art-video-player .art-info .art-info-item .art-info-title{width:100px;text-align:right}.art-video-player .art-info .art-info-item .art-info-content{text-overflow:ellipsis;white-space:nowrap;flex:1;padding-left:5px;overflow:hidden}.art-video-player .art-info .art-info-item:last-child{margin-bottom:0}.art-video-player .art-info .art-info-close{cursor:pointer;position:absolute;top:5px;right:5px}.art-video-player.art-info-show .art-info{display:flex}.art-video-player.art-hide-cursor *{cursor:none!important}.art-video-player[data-aspect-ratio] video{box-sizing:content-box;object-fit:fill}.art-video-player.art-fullscreen-web{z-index:9999;width:100%;height:100%;position:fixed;inset:0}.art-fullscreen-rotate{z-index:9999;width:100%;height:100%;background-color:#000;position:fixed;inset:0}.art-video-player .art-mini-header{z-index:110;height:35px;color:#fff;opacity:0;visibility:hidden;background-color:#00000080;justify-content:space-between;align-items:center;line-height:35px;transition:all .2s ease-in-out;display:none;position:absolute;top:0;left:0;right:0}.art-video-player .art-mini-header .art-mini-title{text-overflow:ellipsis;white-space:nowrap;cursor:move;flex:1;padding:0 10px;overflow:hidden}.art-video-player .art-mini-header .art-mini-close{width:35px;text-align:center;cursor:pointer;font-size:22px}.art-video-player.art-is-dragging{opacity:.7}.art-video-player.art-mini{z-index:9999;width:400px;height:225px;position:fixed;box-shadow:0 2px 5px #00000029,0 3px 6px #0003}.art-video-player.art-mini .art-mini-header{user-select:none;display:flex}.art-video-player.art-mini.art-hover .art-mini-header{opacity:1;visibility:visible}.art-video-player.art-mini .art-mask .art-state{position:static}.art-video-player.art-mini .art-contextmenu,.art-video-player.art-mini .art-bottom,.art-video-player.art-mini .art-danmu,.art-video-player.art-mini .art-info,.art-video-player.art-mini .art-layers,.art-video-player.art-mini .art-notice,.art-video-player.art-mini .art-setting,.art-video-player.art-mini .art-subtitle{display:none!important}.art-auto-size{justify-content:center;align-items:center;display:flex}.art-video-player[data-flip=horizontal] .art-video{transform:scaleX(-1)}.art-video-player[data-flip=vertical] .art-video{transform:scaleY(-1)}.art-video-player .art-layer-miniProgressBar{height:2px;background-color:var(--theme);display:block;position:absolute;bottom:0;left:0;right:0}.art-video-player .art-layer-lock{height:34px;width:34px;color:#fff;background-color:#00000080;border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;top:calc(50% - 17px);left:15px}.art-video-player.art-lock .art-bottom{display:none!important}.art-video-player.art-lock .art-subtitle{bottom:10px!important}.art-video-player.art-lock .art-layer-miniProgressBar{display:block!important}.art-video-player.art-control-show .art-layer-miniProgressBar{display:none}.art-video-player.art-control-show .art-layer-lock{display:flex}.art-video-player .art-control-selector{position:relative}.art-video-player .art-control-selector .art-selector-list{min-width:100px;max-width:200px;max-height:200px;text-align:center;color:#fff;background-color:#000c;border-radius:3px;padding:5px 0;display:none;position:absolute;bottom:35px;overflow:auto}.art-video-player .art-control-selector .art-selector-list .art-selector-item{height:30px;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px #00000080;padding:0 5px;line-height:30px;overflow:hidden}.art-video-player .art-control-selector .art-selector-list .art-selector-item:hover{background-color:#ffffff1a}.art-video-player .art-control-selector .art-selector-list .art-selector-item:hover,.art-video-player .art-control-selector .art-selector-list .art-selector-item.art-current{color:#00c9ff}.art-video-player .art-control-selector:hover .art-selector-list{display:block}'},{}],hqjoJ:[function(e,t,r){t.exports=function(){"use strict";function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(t)}var t=Object.prototype.toString,r=function(r){if(void 0===r)return"undefined";if(null===r)return"null";var s=e(r);if("boolean"===s)return"boolean";if("string"===s)return"string";if("number"===s)return"number";if("symbol"===s)return"symbol";if("function"===s)return function(e){return"GeneratorFunction"===o(e)}(r)?"generatorfunction":"function";if(function(e){return Array.isArray?Array.isArray(e):e instanceof Array}(r))return"array";if(function(e){return!(!e.constructor||"function"!=typeof e.constructor.isBuffer)&&e.constructor.isBuffer(e)}(r))return"buffer";if(function(e){try{if("number"==typeof e.length&&"function"==typeof e.callee)return!0}catch(e){if(-1!==e.message.indexOf("callee"))return!0}return!1}(r))return"arguments";if(function(e){return e instanceof Date||"function"==typeof e.toDateString&&"function"==typeof e.getDate&&"function"==typeof e.setDate}(r))return"date";if(function(e){return e instanceof Error||"string"==typeof e.message&&e.constructor&&"number"==typeof e.constructor.stackTraceLimit}(r))return"error";if(function(e){return e instanceof RegExp||"string"==typeof e.flags&&"boolean"==typeof e.ignoreCase&&"boolean"==typeof e.multiline&&"boolean"==typeof e.global}(r))return"regexp";switch(o(r)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(e){return"function"==typeof e.throw&&"function"==typeof e.return&&"function"==typeof e.next}(r))return"generator";switch(s=t.call(r)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return s.slice(8,-1).toLowerCase().replace(/\s/g,"")};function o(e){return e.constructor?e.constructor.name:null}function s(e,t){var o=2i)),o.export(r,"queryAll",(()=>n)),o.export(r,"addClass",(()=>a)),o.export(r,"removeClass",(()=>l)),o.export(r,"hasClass",(()=>c)),o.export(r,"append",(()=>u)),o.export(r,"remove",(()=>p)),o.export(r,"setStyle",(()=>d)),o.export(r,"setStyles",(()=>f)),o.export(r,"getStyle",(()=>h)),o.export(r,"sublings",(()=>m)),o.export(r,"inverseClass",(()=>g)),o.export(r,"tooltip",(()=>v)),o.export(r,"isInViewport",(()=>y)),o.export(r,"includeFromEvent",(()=>x)),o.export(r,"replaceElement",(()=>b));var s=e("./compatibility");function i(e,t=document){return t.querySelector(e)}function n(e,t=document){return Array.from(t.querySelectorAll(e))}function a(e,t){return e.classList.add(t)}function l(e,t){return e.classList.remove(t)}function c(e,t){return e.classList.contains(t)}function u(e,t){return t instanceof Element?e.appendChild(t):e.insertAdjacentHTML("beforeend",String(t)),e.lastElementChild||e.lastChild}function p(e){return e.parentNode.removeChild(e)}function d(e,t,r){return e.style[t]=r,e}function f(e,t){return Object.keys(t).forEach((r=>{d(e,r,t[r])})),e}function h(e,t,r=!0){const o=window.getComputedStyle(e,null).getPropertyValue(t);return r?parseFloat(o):o}function m(e){return Array.from(e.parentElement.children).filter((t=>t!==e))}function g(e,t){m(e).forEach((e=>l(e,t))),a(e,t)}function v(e,t,r="up"){s.isMobile||(e.setAttribute("aria-label",t),e.setAttribute("data-balloon-pos",r))}function y(e,t=0){const r=e.getBoundingClientRect(),o=window.innerHeight||document.documentElement.clientHeight,s=window.innerWidth||document.documentElement.clientWidth,i=r.top-t<=o&&r.top+r.height+t>=0,n=r.left-t<=s+t&&r.left+r.width+t>=0;return i&&n}function x(e,t){return e.composedPath&&e.composedPath().indexOf(t)>-1}function b(e,t){return t.parentNode.replaceChild(e,t),e}},{"./compatibility":"ki3pQ","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],ki3pQ:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r),o.export(r,"userAgent",(()=>s)),o.export(r,"isMobile",(()=>i)),o.export(r,"isSafari",(()=>n)),o.export(r,"isWechat",(()=>a)),o.export(r,"isIE",(()=>l));const s="undefined"!=typeof window?window.navigator.userAgent:"",i=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(s),n=/^((?!chrome|android).)*safari/i.test(s),a=/MicroMessenger/i.test(s),l=/MSIE|Trident/i.test(s)},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],lDQPM:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r),o.export(r,"ArtPlayerError",(()=>s)),o.export(r,"errorHandle",(()=>i));class s extends Error{constructor(e,t){super(e),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(this,t||this.constructor),this.name="ArtPlayerError"}}function i(e,t){if(!e)throw new s(t);return e}},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"1dyFb":[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");function s(e){return"WEBVTT \r\n\r\n".concat(e.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 i(e){return URL.createObjectURL(new Blob([e],{type:"text/vtt"}))}function n(e){const t=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function r(e=""){return e.split(/[:.]/).map(((e,t,r)=>{if(t===r.length-1){if(1===e.length)return`.${e}00`;if(2===e.length)return`.${e}0`}else if(1===e.length)return(0===t?"0":":0")+e;return 0===t?e:t===r.length-1?`.${e}`:`:${e}`})).join("")}return`WEBVTT\n\n${e.split(/\r?\n/).map((e=>{const o=e.match(t);return o?{start:r(o[1].trim()),end:r(o[2].trim()),text:o[5].replace(/{[\s\S]*?}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map((e=>e.trim())).join("\n")}:null})).filter((e=>e)).map(((e,t)=>e?`${t+1}\n${e.start} --\x3e ${e.end}\n${e.text}`:"")).filter((e=>e.trim())).join("\n\n")}`}o.defineInteropFlag(r),o.export(r,"srtToVtt",(()=>s)),o.export(r,"vttToBlob",(()=>i)),o.export(r,"assToVtt",(()=>n))},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"96gQe":[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");function s(e){return e.includes("?")?s(e.split("?")[0]):e.includes("#")?s(e.split("#")[0]):e.trim().toLowerCase().split(".").pop()}function i(e,t){const r=document.createElement("a");r.style.display="none",r.href=e,r.download=t,document.body.appendChild(r),r.click(),document.body.removeChild(r)}o.defineInteropFlag(r),o.export(r,"getExt",(()=>s)),o.export(r,"download",(()=>i))},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],lMM6V:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r),o.export(r,"def",(()=>s)),o.export(r,"has",(()=>n)),o.export(r,"get",(()=>a)),o.export(r,"mergeDeep",(()=>l));const s=Object.defineProperty,{hasOwnProperty:i}=Object.prototype;function n(e,t){return i.call(e,t)}function a(e,t){return Object.getOwnPropertyDescriptor(e,t)}function l(...e){const t=e=>e&&"object"==typeof e&&!Array.isArray(e);return e.reduce(((e,r)=>(Object.keys(r).forEach((o=>{const s=e[o],i=r[o];Array.isArray(s)&&Array.isArray(i)?e[o]=s.concat(...i):!t(s)||!t(i)||i instanceof Element?e[o]=i:e[o]=l(s,i)})),e)),{})}},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"41yFW":[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");function s(e=0){return new Promise((t=>setTimeout(t,e)))}function i(e,t,r){let o;function s(...s){clearTimeout(o),o=setTimeout((function(){o=null,e.apply(r,s)}),t)}return s.clearTimeout=function(){clearTimeout(o)},s}function n(e,t){let r,o,s=!1;return function i(...n){if(s)return r=n,void(o=this);s=!0,e.apply(this,n),setTimeout((()=>{s=!1,r&&(i.apply(o,r),r=null,o=null)}),t)}}o.defineInteropFlag(r),o.export(r,"sleep",(()=>s)),o.export(r,"debounce",(()=>i)),o.export(r,"throttle",(()=>n))},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],MRJhs:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");function s(e,t,r){return Math.max(Math.min(e,Math.max(t,r)),Math.min(t,r))}function i(e){const t=Math.floor(e/3600),r=Math.floor((e-3600*t)/60),o=Math.floor(e-3600*t-60*r);return(t>0?[t,r,o]:[r,o]).map((e=>e<10?`0${e}`:String(e))).join(":")}function n(e){return e.replace(/[&<>'"]/g,(e=>({"&":"&","<":"<",">":">","'":"'",'"':"""}[e]||e)))}o.defineInteropFlag(r),o.export(r,"clamp",(()=>s)),o.export(r,"secondToTime",(()=>i)),o.export(r,"escape",(()=>n))},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"3vPoh":[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r),o.export(r,"ComponentOption",(()=>p));var s=e("../utils");const i="boolean",n="string",a="number",l="object",c="function";function u(e,t,r){return s.errorHandle(t===n||e instanceof Element,`${r.join(".")} require '${n}' or 'Element' type`)}const p={html:u,disable:`?${i}`,name:`?${n}`,index:`?${a}`,style:`?${l}`,click:`?${c}`,mounted:`?${c}`,tooltip:`?${n}`,width:`?${a}`,selector:"?array",onSelect:`?${c}`};r.default={container:u,url:n,poster:n,title:n,type:n,theme:n,lang:n,volume:a,isLive:i,muted:i,autoplay:i,autoSize:i,autoMini:i,loop:i,flip:i,playbackRate:i,aspectRatio:i,screenshot:i,setting:i,hotkey:i,pip:i,mutex:i,backdrop:i,fullscreen:i,fullscreenWeb:i,subtitleOffset:i,miniProgressBar:i,useSSR:i,playsInline:i,lock:i,fastForward:i,autoPlayback:i,autoOrientation:i,ads:[{url:n}],plugins:[c],whitelist:[`${n}|${c}|regexp`],layers:[p],contextmenu:[p],settings:[p],controls:[{...p,position:(e,t,r)=>{const o=["top","left","right"];return s.errorHandle(o.includes(e),`${r.join(".")} only accept ${o.toString()} as parameters`)}}],quality:[{default:`?${i}`,html:n,url:n}],highlight:[{time:a,text:n}],thumbnails:{url:n,number:a,column:a},subtitle:{url:n,type:n,style:l,encoding:n},moreVideoAttr:l,icons:l,customType:l}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],eksZR:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r),r.default={propertys:["audioTracks","autoplay","buffered","controller","controls","crossOrigin","currentSrc","currentTime","defaultMuted","defaultPlaybackRate","duration","ended","error","loop","mediaGroup","muted","networkState","paused","playbackRate","played","preload","readyState","seekable","seeking","src","startDate","textTracks","videoTracks","volume"],methods:["addTextTrack","canPlayType","load","play","pause"],events:["abort","canplay","canplaythrough","durationchange","emptied","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting"],prototypes:["width","height","videoWidth","videoHeight","poster","webkitDecodedFrameCount","webkitDroppedFrameCount","playsInline","webkitSupportsFullscreen","webkitDisplayingFullscreen","onenterpictureinpicture","onleavepictureinpicture","disablePictureInPicture","cancelVideoFrameCallback","requestVideoFrameCallback","getVideoPlaybackQuality","requestPictureInPicture","webkitEnterFullScreen","webkitEnterFullscreen","webkitExitFullScreen","webkitExitFullscreen"]}},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],fCKwj:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("./utils");r.default=class{constructor(e){this.art=e}get state(){const{option:e,constructor:{kindOf:t}}=this.art;return!o.isMobile||e.whitelist.some((e=>{switch(t(e)){case"string":return"*"===e||o.userAgent.indexOf(e)>-1;case"function":return e(o.userAgent);case"regexp":return e.test(o.userAgent);default:return!1}}))}}},{"./utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],bqHdK:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("./utils");class s{constructor(e){this.art=e;const{option:t,constructor:r,whitelist:s}=e;t.container instanceof Element?this.$container=t.container:(this.$container=o.query(t.container),o.errorHandle(this.$container,`No container element found by ${t.container}`));const i=this.$container.tagName.toLowerCase();o.errorHandle("div"===i,`Unsupported container element type, only support 'div' but got '${i}'`),o.errorHandle(r.instances.every((e=>e.template.$container!==this.$container)),"Cannot mount multiple instances on the same dom element"),this.query=this.query.bind(this),this.$container.dataset.artId=e.id,this.$original=this.$container.cloneNode(!0),s.state?this.desktop():this.mobile()}static get html(){return'\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Player version:
\n
__VERSION__
\n
\n
\n
\n
\n
\n
\n
Video resolution:
\n
\n x \n
\n
\n
\n
[x]
\n
\n \n \n
\n \n
\n ',this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video")}destroy(e){e?o.replaceElement(this.$original,this.$container):o.addClass(this.$player,"art-destroy")}}r.default=s},{"./utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"4O9ZY":[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r);var s=e("../utils"),i=e("./zh-cn.json"),n=o.interopDefault(i),a=e("./zh-tw.json"),l=o.interopDefault(a);r.default=class{constructor(e){this.art=e,this.languages={"zh-cn":n.default,"zh-tw":l.default},this.init()}init(){const e=this.art.option.lang.toLowerCase();this.language=this.languages[e]||{}}get(e){return this.language[e]||e}update(e){this.languages=s.mergeDeep(this.languages,e),this.init()}}},{"../utils":"geSvU","./zh-cn.json":"e7BQ4","./zh-tw.json":"5kFyN","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],e7BQ4:[function(e,t,r){t.exports=JSON.parse('{"Video Info":"统计信息","Close":"关闭","Video Load Failed":"加载失败","Volume":"音量","Play":"播放","Pause":"暂停","Rate":"速度","Mute":"静音","Video Flip":"画面翻转","Horizontal":"水平","Vertical":"垂直","Reconnect":"重新连接","Hide Subtitle":"隐藏字幕","Show Subtitle":"显示字幕","Show Setting":"显示设置","Hide Setting":"隐藏设置","Screenshot":"截图","Play Speed":"播放速度","Aspect Ratio":"画面比例","Default":"默认","Normal":"正常","Open":"打开","Switch Video":"切换","Switch Subtitle":"切换字幕","Fullscreen":"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"网页全屏","Exit Web Fullscreen":"退出网页全屏","Mini Player":"迷你播放器","PIP Mode":"画中画模式","Exit PIP Mode":"退出画中画模式","PIP Not Supported":"不支持画中画模式","Fullscreen Not Supported":"不支持全屏模式","Subtitle Offset":"字幕偏移","Auto playback at":"已为您定位至"}')},{}],"5kFyN":[function(e,t,r){t.exports=JSON.parse('{"Video Info":"統計訊息","Close":"關閉","Video Load Failed":"載入失敗","Volume":"音量","Play":"播放","Pause":"暫停","Rate":"速度","Mute":"靜音","Video Flip":"畫面翻轉","Horizontal":"水平","Vertical":"垂直","Reconnect":"重新連接","Hide Subtitle":"隱藏字幕","Show Subtitle":"顯示字幕","Show Setting":"顯示设置","Hide Setting":"隱藏设置","Screenshot":"截圖","Play Speed":"播放速度","Aspect Ratio":"畫面比例","Default":"默認","Normal":"正常","Open":"打開","Switch Video":"切換","Switch Subtitle":"切換字幕","Fullscreen":"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"網頁全屏","Exit Web Fullscreen":"退出網頁全屏","Mini Player":"迷你播放器","PIP Mode":"畫中畫模式","Exit PIP Mode":"退出畫中畫模式","PIP Not Supported":"不支持畫中畫模式","Fullscreen Not Supported":"不支持全屏模式","Subtitle Offset":"字幕偏移","Auto playback at":"已為您定位至"}')},{}],fzROd:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r);var s=e("./urlMix"),i=o.interopDefault(s),n=e("./attrMix"),a=o.interopDefault(n),l=e("./playMix"),c=o.interopDefault(l),u=e("./pauseMix"),p=o.interopDefault(u),d=e("./toggleMix"),f=o.interopDefault(d),h=e("./seekMix"),m=o.interopDefault(h),g=e("./volumeMix"),v=o.interopDefault(g),y=e("./currentTimeMix"),x=o.interopDefault(y),b=e("./durationMix"),w=o.interopDefault(b),j=e("./switchMix"),k=o.interopDefault(j),S=e("./playbackRateMix"),I=o.interopDefault(S),R=e("./aspectRatioMix"),$=o.interopDefault(R),O=e("./screenshotMix"),T=o.interopDefault(O),M=e("./fullscreenMix"),E=o.interopDefault(M),F=e("./fullscreenWebMix"),C=o.interopDefault(F),D=e("./pipMix"),A=o.interopDefault(D),P=e("./loadedMix"),z=o.interopDefault(P),U=e("./playedMix"),_=o.interopDefault(U),Z=e("./playingMix"),H=o.interopDefault(Z),L=e("./autoSizeMix"),q=o.interopDefault(L),N=e("./rectMix"),W=o.interopDefault(N),V=e("./flipMix"),B=o.interopDefault(V),Y=e("./miniMix"),Q=o.interopDefault(Y),X=e("./loopMix"),J=o.interopDefault(X),K=e("./posterMix"),G=o.interopDefault(K),ee=e("./autoHeightMix"),te=o.interopDefault(ee),re=e("./themeMix"),oe=o.interopDefault(re),se=e("./titleMix"),ie=o.interopDefault(se),ne=e("./exclusiveMix"),ae=o.interopDefault(ne),le=e("./subtitleOffsetMix"),ce=o.interopDefault(le),ue=e("./optionInit"),pe=o.interopDefault(ue),de=e("./eventInit"),fe=o.interopDefault(de);r.default=class{constructor(e){i.default(e),a.default(e),c.default(e),p.default(e),f.default(e),m.default(e),v.default(e),x.default(e),w.default(e),k.default(e),I.default(e),$.default(e),T.default(e),E.default(e),C.default(e),A.default(e),z.default(e),_.default(e),H.default(e),q.default(e),W.default(e),B.default(e),Q.default(e),J.default(e),G.default(e),te.default(e),oe.default(e),ie.default(e),ae.default(e),ce.default(e),fe.default(e),pe.default(e)}}},{"./urlMix":"cChak","./attrMix":"e6Qkm","./playMix":"1FNSV","./pauseMix":"aPHUd","./toggleMix":"joISC","./seekMix":"4wG3e","./volumeMix":"42Xo1","./currentTimeMix":"8Z3pM","./durationMix":"hpnJy","./switchMix":"aCsa8","./playbackRateMix":"61TVa","./aspectRatioMix":"8BV9k","./screenshotMix":"bop8O","./fullscreenMix":"i63VK","./fullscreenWebMix":"bEKHA","./pipMix":"ibIuh","./loadedMix":"kwpxq","./playedMix":"e4Iws","./playingMix":"fueZP","./autoSizeMix":"l6TMg","./rectMix":"6URTt","./flipMix":"joth7","./miniMix":"durkk","./loopMix":"5EZwI","./posterMix":"22WMt","./autoHeightMix":"8pdNr","./themeMix":"eADqm","./titleMix":"8T9U6","./exclusiveMix":"ih62X","./subtitleOffsetMix":"8CMLG","./optionInit":"aqLU7","./eventInit":"59ETf","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],cChak:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{option:t,template:{$video:r}}=e;o.def(e,"url",{get:()=>r.currentSrc,set(s){const i=t.type||o.getExt(s),n=t.customType[i];i&&n?o.sleep().then((()=>{e.loading.show=!0,n.call(e,r,s,e)})):(e.url&&e.url!==s&&e.once("video:canplay",(()=>{e.isReady&&e.emit("restart")})),r.src=s,e.option.url=s,e.emit("url",s))}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],e6Qkm:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{template:{$video:t}}=e;o.def(e,"attr",{value(e,r){if(void 0===r)return t[e];t[e]=r}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"1FNSV":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{i18n:t,notice:r,option:s,constructor:{instances:i},template:{$video:n}}=e;o.def(e,"play",{value(){const o=n.play();if(o&&o.then&&o.then().catch((e=>{throw r.show=e,e})),s.mutex)for(let t=0;te.playing?e.pause():e.play()})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"4wG3e":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{notice:t}=e;o.def(e,"seek",{set(r){e.currentTime=r,e.emit("seek",e.currentTime),e.duration&&(t.show=`${o.secondToTime(e.currentTime)} / ${o.secondToTime(e.duration)}`)}}),o.def(e,"forward",{set(t){e.seek=e.currentTime+t}}),o.def(e,"backward",{set(t){e.seek=e.currentTime-t}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"42Xo1":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{template:{$video:t},i18n:r,notice:s,storage:i}=e;o.def(e,"volume",{get:()=>t.volume||0,set:n=>{t.volume=o.clamp(n,0,1),s.show=`${r.get("Volume")}: ${parseInt(100*t.volume,10)}`,0!==t.volume&&i.set("volume",t.volume),e.emit("volume",t.volume)}}),o.def(e,"muted",{get:()=>t.muted,set:r=>{t.muted=r,e.emit("volume",t.volume)}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"8Z3pM":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{$video:t}=e.template;o.def(e,"currentTime",{get:()=>t.currentTime||0,set:r=>{r=parseFloat(r),Number.isNaN(r)||(t.currentTime=o.clamp(r,0,e.duration))}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],hpnJy:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){o.def(e,"duration",{get:()=>{const{duration:t}=e.template.$video;return t===1/0?0:t||0}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],aCsa8:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{i18n:t,option:r,notice:s}=e;function i(o,i,n){return new Promise((a=>{if(o===e.url)return a(o);const{playing:l}=e;e.pause(),URL.revokeObjectURL(e.url),e.url=o,e.once("video:canplay",(()=>{e.playbackRate=!1,e.aspectRatio=!1,e.flip="normal",e.autoSize=r.autoSize,e.currentTime=n,e.notice.show="",l&&e.play(),i&&(s.show=`${t.get("Switch Video")}: ${i}`),e.emit("switch",o),a(o)}))}))}o.def(e,"switchQuality",{value:(t,r)=>i(t,r,e.currentTime)}),o.def(e,"switchUrl",{value:(e,t)=>i(e,t,0)})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"61TVa":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{template:{$video:t},i18n:r,notice:s}=e;o.def(e,"playbackRate",{get:()=>t.playbackRate,set(i){if(i){if(i===t.playbackRate)return;const n=[.25,.5,.75,1,1.25,1.5,1.75,2,3,4];o.errorHandle(n.includes(i),`'playbackRate' only accept ${n.toString()} as parameters`),t.playbackRate=i,s.show=`${r.get("Rate")}: ${1===i?r.get("Normal"):`${i}x`}`,e.emit("playbackRate",i)}else e.playbackRate=1,e.emit("playbackRate")}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"8BV9k":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{template:{$video:t,$player:r},i18n:s,notice:i}=e;o.def(e,"aspectRatio",{get:()=>r.dataset.aspectRatio||"default",set(n){n||(n="default");const a=["default","4:3","16:9"];if(o.errorHandle(a.includes(n),`'aspectRatio' only accept ${a.toString()} as parameters`),"default"===n)o.setStyle(t,"width",null),o.setStyle(t,"height",null),o.setStyle(t,"padding",null),delete r.dataset.aspectRatio;else{const e=n.split(":").map(Number),{videoWidth:s,videoHeight:i}=t,{clientWidth:a,clientHeight:l}=r,c=s/i,u=e[0]/e[1];if(c>u){const e=u*i/s;o.setStyle(t,"width",100*e+"%"),o.setStyle(t,"height","100%"),o.setStyle(t,"padding",`0 ${(a-a*e)/2}px`)}else{const e=s/u/i;o.setStyle(t,"width","100%"),o.setStyle(t,"height",100*e+"%"),o.setStyle(t,"padding",(l-l*e)/2+"px 0")}r.dataset.aspectRatio=n}i.show=`${s.get("Aspect Ratio")}: ${"default"===n?s.get("Default"):n}`,e.emit("aspectRatio",n)}}),o.def(e,"aspectRatioReset",{set(t){if(t){const{aspectRatio:t}=e;e.aspectRatio=t}}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],bop8O:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{option:t,notice:r,template:{$video:s}}=e,i=document.createElement("canvas");o.def(e,"getDataURL",{value:()=>new Promise(((e,t)=>{try{i.width=s.videoWidth,i.height=s.videoHeight,i.getContext("2d").drawImage(s,0,0),e(i.toDataURL("image/png"))}catch(e){r.show=e,t(e)}}))}),o.def(e,"getBlobUrl",{value:()=>new Promise(((e,t)=>{try{i.width=s.videoWidth,i.height=s.videoHeight,i.getContext("2d").drawImage(s,0,0),i.toBlob((t=>{e(URL.createObjectURL(t))}))}catch(e){r.show=e,t(e)}}))}),o.def(e,"screenshot",{value:()=>e.getDataURL().then((r=>(o.download(r,`${t.title||"artplayer"}_${o.secondToTime(s.currentTime)}.png`),e.emit("screenshot",r),r)))})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],i63VK:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r);var s=e("screenfull"),i=o.interopDefault(s),n=e("../utils");r.default=function(e){const{i18n:t,notice:r,template:{$video:o}}=e;e.once("video:loadedmetadata",(()=>{i.default.isEnabled?(e=>{const{notice:t,template:{$player:r}}=e;i.default.on("change",(()=>e.emit("fullscreen",i.default.isFullscreen))),n.def(e,"fullscreen",{get:()=>i.default.isFullscreen,set(o){o?i.default.request(r).then((()=>{n.addClass(r,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=!1,e.emit("resize"),e.emit("fullscreen",!0),t.show=""})):i.default.exit().then((()=>{n.removeClass(r,"art-fullscreen"),e.aspectRatioReset=!0,e.autoSize=e.option.autoSize,e.emit("resize"),e.emit("fullscreen"),t.show=""}))}})})(e):document.fullscreenEnabled||o.webkitSupportsFullscreen?(e=>{const{notice:t,template:{$video:r}}=e;n.def(e,"fullscreen",{get:()=>r.webkitDisplayingFullscreen,set(o){o?(r.webkitEnterFullscreen(),e.emit("fullscreen",!0),t.show=""):(r.webkitExitFullscreen(),e.emit("fullscreen"),t.show="")}})})(e):n.def(e,"fullscreen",{get:()=>!1,set(){r.show=t.get("Fullscreen Not Supported")}}),n.def(e,"fullscreen",n.get(e,"fullscreen"))}))}},{screenfull:"arcpW","../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],arcpW:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);const o=[["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"]],s=(()=>{const e=o[0],t={};for(const r of o){const o=r?.[1];if(o in document){for(const[o,s]of r.entries())t[e[o]]=s;return t}}return!1})(),i={change:s.fullscreenchange,error:s.fullscreenerror};let n={request:(e=document.documentElement,t)=>new Promise(((r,o)=>{const i=()=>{n.off("change",i),r()};n.on("change",i);const a=e[s.requestFullscreen](t);a instanceof Promise&&a.then(i).catch(o)})),exit:()=>new Promise(((e,t)=>{if(!n.isFullscreen)return void e();const r=()=>{n.off("change",r),e()};n.on("change",r);const o=document[s.exitFullscreen]();o instanceof Promise&&o.then(r).catch(t)})),toggle:(e,t)=>n.isFullscreen?n.exit():n.request(e,t),onchange(e){n.on("change",e)},onerror(e){n.on("error",e)},on(e,t){const r=i[e];r&&document.addEventListener(r,t,!1)},off(e,t){const r=i[e];r&&document.removeEventListener(r,t,!1)},raw:s};Object.defineProperties(n,{isFullscreen:{get:()=>Boolean(document[s.fullscreenElement])},element:{enumerable:!0,get:()=>document[s.fullscreenElement]??void 0},isEnabled:{enumerable:!0,get:()=>Boolean(document[s.fullscreenEnabled])}}),s||(n={isEnabled:!1}),r.default=n},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],bEKHA:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{notice:t,template:{$player:r}}=e;o.def(e,"fullscreenWeb",{get:()=>o.hasClass(r,"art-fullscreen-web"),set(s){s?(o.addClass(r,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=!1,e.emit("resize"),e.emit("fullscreenWeb",!0),t.show=""):(o.removeClass(r,"art-fullscreen-web"),e.aspectRatioReset=!0,e.autoSize=e.option.autoSize,e.emit("resize"),e.emit("fullscreenWeb"),t.show="")}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],ibIuh:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{i18n:t,notice:r,template:{$video:s}}=e;document.pictureInPictureEnabled?function(e){const{template:{$video:t},events:{proxy:r},notice:s}=e;t.disablePictureInPicture=!1,o.def(e,"pip",{get:()=>document.pictureInPictureElement,set(e){e?t.requestPictureInPicture().catch((e=>{throw s.show=e,e})):document.exitPictureInPicture().catch((e=>{throw s.show=e,e}))}}),r(t,"enterpictureinpicture",(()=>{e.emit("pip",!0)})),r(t,"leavepictureinpicture",(()=>{e.emit("pip")}))}(e):s.webkitSupportsPresentationMode?function(e){const{$video:t}=e.template;t.webkitSetPresentationMode("inline"),o.def(e,"pip",{get:()=>"picture-in-picture"===t.webkitPresentationMode,set(r){r?(t.webkitSetPresentationMode("picture-in-picture"),e.emit("pip",!0)):(t.webkitSetPresentationMode("inline"),e.emit("pip"))}})}(e):o.def(e,"pip",{get:()=>!1,set(){r.show=t.get("PIP Not Supported")}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],kwpxq:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{$video:t}=e.template;o.def(e,"loaded",{get:()=>e.loadedTime/t.duration}),o.def(e,"loadedTime",{get:()=>t.buffered.length?t.buffered.end(t.buffered.length-1):0})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],e4Iws:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){o.def(e,"played",{get:()=>e.currentTime/e.duration})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],fueZP:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{$video:t}=e.template;o.def(e,"playing",{get:()=>!!(t.currentTime>0&&!t.paused&&!t.ended&&t.readyState>2)})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],l6TMg:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{$container:t,$player:r,$video:s}=e.template;o.def(e,"autoSize",{get:()=>o.hasClass(t,"art-auto-size"),set(i){if(i){const{videoWidth:i,videoHeight:n}=s,{width:a,height:l}=t.getBoundingClientRect(),c=i/n,u=a/l;if(o.addClass(t,"art-auto-size"),u>c){const e=l*c/a*100;o.setStyle(r,"width",`${e}%`),o.setStyle(r,"height","100%")}else{const e=a/c/l*100;o.setStyle(r,"width","100%"),o.setStyle(r,"height",`${e}%`)}e.emit("autoSize",{width:e.width,height:e.height})}else o.removeClass(t,"art-auto-size"),o.setStyle(r,"width",null),o.setStyle(r,"height",null),e.emit("autoSize")}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"6URTt":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){o.def(e,"rect",{get:()=>e.template.$player.getBoundingClientRect()});const t=["bottom","height","left","right","top","width"];for(let r=0;re.rect[s]})}o.def(e,"x",{get:()=>e.left+window.pageXOffset}),o.def(e,"y",{get:()=>e.top+window.pageYOffset})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],joth7:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{template:{$player:t},i18n:r,notice:s}=e;o.def(e,"flip",{get:()=>t.dataset.flip||"normal",set(i){i||(i="normal");const n=["normal","horizontal","vertical"];o.errorHandle(n.includes(i),`'flip' only accept ${n.toString()} as parameters`),"normal"===i?delete t.dataset.flip:(e.rotate=!1,t.dataset.flip=i);const a=i.replace(i[0],i[0].toUpperCase());s.show=`${r.get("Video Flip")}: ${r.get(a)}`,e.emit("flip",i)}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],durkk:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{i18n:t,option:r,storage:s,events:{proxy:i},template:{$player:n,$miniClose:a,$miniTitle:l,$miniHeader:c}}=e;let u="",p=!1,d=0,f=0,h=0,m=0;i(c,"mousedown",(t=>{p=!0,d=t.pageX,f=t.pageY,h=e.left,m=e.top})),i(document,"mousemove",(e=>{if(p){o.addClass(n,"art-is-dragging");const t=m+e.pageY-f,r=h+e.pageX-d;o.setStyle(n,"top",`${t}px`),o.setStyle(n,"left",`${r}px`),s.set("top",t),s.set("left",r)}})),i(document,"mouseup",(()=>{p=!1,o.removeClass(n,"art-is-dragging")})),i(a,"click",(()=>{e.mini=!1,p=!1,o.removeClass(n,"art-is-dragging")})),o.append(l,r.title||t.get("Mini Player")),o.def(e,"mini",{get:()=>o.hasClass(n,"art-mini"),set(t){if(t){e.autoSize=!1,u=n.style.cssText,o.addClass(n,"art-mini");const t=s.get("top"),r=s.get("left");if(t&&r)o.setStyle(n,"top",`${t}px`),o.setStyle(n,"left",`${r}px`),o.isInViewport(c)||(s.del("top"),s.del("left"),e.mini=!0);else{const t=document.body,r=t.clientHeight-e.height-50,i=t.clientWidth-e.width-50;s.set("top",r),s.set("left",i),o.setStyle(n,"top",`${r}px`),o.setStyle(n,"left",`${i}px`)}e.aspectRatio=!1,e.playbackRate=!1,e.notice.show="",e.emit("mini",!0)}else n.style.cssText=u,o.removeClass(n,"art-mini"),o.setStyle(n,"top",null),o.setStyle(n,"left",null),e.aspectRatio=!1,e.playbackRate=!1,e.autoSize=r.autoSize,e.notice.show="",e.emit("mini")}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"5EZwI":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){let t=[];o.def(e,"loop",{get:()=>t,set:r=>{if(Array.isArray(r)&&"number"==typeof r[0]&&"number"==typeof r[1]){const s=o.clamp(r[0],0,Math.min(r[1],e.duration)),i=o.clamp(r[1],s,e.duration);i-s>=1?(t=[s,i],e.emit("loop",t)):(t=[],e.emit("loop"))}else t=[],e.emit("loop")}}),e.on("video:timeupdate",(()=>{t.length&&(e.currentTimet[1])&&(e.seek=t[0])}))}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"22WMt":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{option:t,template:{$poster:r}}=e;o.def(e,"poster",{get:()=>t.poster,set(e){t.poster=e,o.setStyle(r,"backgroundImage",`url(${e})`)}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"8pdNr":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{option:t,template:{$container:r,$video:s}}=e,i=r.style.height;o.def(e,"autoHeight",{get:()=>o.hasClass(r,"art-auto-height"),set(n){if(n){const{clientWidth:i}=r,{videoHeight:n,videoWidth:a}=s,l=n*(i/a);o.setStyle(r,"height",l+"px"),o.addClass(r,"art-auto-height"),e.autoSize=t.autoSize,e.emit("autoHeight",l)}else o.setStyle(r,"height",i),o.removeClass(r,"art-auto-height"),e.autoSize=t.autoSize,e.emit("autoHeight")}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],eADqm:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{option:t,template:{$player:r}}=e;o.def(e,"theme",{get:()=>getComputedStyle(r).getPropertyValue("--theme"),set(e){t.theme=e,r.style.setProperty("--theme",e)}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"8T9U6":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){o.def(e,"title",{get:()=>e.option.title,set(t){e.option.title=t}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],ih62X:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const t=["mini","pip","fullscreen","fullscreenWeb"];!function(t){for(let r=0;r{e[o]&&t.filter((e=>e!==o)).forEach((t=>{e[t]&&(e[t]=!1)}))}))}}(t),o.def(e,"normalSize",{get:()=>t.every((t=>!e[t]))})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"8CMLG":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{clamp:t}=e.constructor.utils,{notice:r,template:s,i18n:i}=e;let n=0,a=[];e.on("subtitle:switch",(()=>{a=[]})),o.def(e,"subtitleOffset",{get:()=>n,set(o){if(s.$track&&s.$track.track){const l=Array.from(s.$track.track.cues);n=t(o,-5,5);for(let r=0;r{e.attr(r,t.moreVideoAttr[r])})),t.muted&&(e.muted=t.muted),t.volume&&(s.volume=o.clamp(t.volume,0,1));const n=r.get("volume");"number"==typeof n&&(s.volume=o.clamp(n,0,1)),t.poster&&o.setStyle(i,"backgroundImage",`url(${t.poster})`),t.autoplay&&(s.autoplay=t.autoplay),t.playsInline&&(s.playsInline=!0,s["webkit-playsinline"]=!0),t.theme&&(e.theme=t.theme),0===t.ads.length&&(e.url=t.url)}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"59ETf":[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r);var s=e("../config"),i=o.interopDefault(s),n=e("../utils");r.default=function(e){const{i18n:t,notice:r,option:o,constructor:s,events:{proxy:a},template:{$player:l,$video:c,$poster:u}}=e;let p=0;for(let t=0;t{e.emit(`video:${t.type}`,t)}));e.on("video:canplay",(()=>{p=0,e.loading.show=!1})),e.once("video:canplay",(()=>{e.loading.show=!1,e.controls.show=!0,e.mask.show=!0,e.isReady=!0,e.emit("ready")})),e.on("video:ended",(()=>{o.loop?(e.seek=0,e.play(),e.controls.show=!1,e.mask.show=!1):(e.controls.show=!0,e.mask.show=!0)})),e.on("video:error",(()=>{p{p+=1,e.url=o.url,r.show=`${t.get("Reconnect")}: ${p}`,e.emit("error",p)})):(e.loading.show=!1,e.controls.show=!1,n.addClass(l,"art-error"),n.sleep(s.RECONNECT_SLEEP_TIME).then((()=>{r.show=t.get("Video Load Failed"),e.destroy(!1)})))})),e.once("video:loadedmetadata",(()=>{e.autoSize=o.autoSize,n.isMobile&&(e.loading.show=!1,e.controls.show=!0,e.mask.show=!0)})),e.on("video:loadstart",(()=>{e.loading.show=!0})),e.on("video:pause",(()=>{e.controls.show=!0,e.mask.show=!0})),e.on("video:play",(()=>{e.mask.show=!1,n.setStyle(u,"display","none")})),e.on("video:playing",(()=>{e.mask.show=!1})),e.on("video:seeked",(()=>{e.loading.show=!1})),e.on("video:seeking",(()=>{e.loading.show=!0})),e.on("video:timeupdate",(()=>{e.mask.show=!1})),e.on("video:waiting",(()=>{e.loading.show=!0}))}},{"../config":"eksZR","../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],kJ9J9:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r);var s=e("../utils"),i=e("../utils/component"),n=o.interopDefault(i),a=e("./fullscreen"),l=o.interopDefault(a),c=e("./fullscreenWeb"),u=o.interopDefault(c),p=e("./pip"),d=o.interopDefault(p),f=e("./playAndPause"),h=o.interopDefault(f),m=e("./progress"),g=o.interopDefault(m),v=e("./subtitle"),y=o.interopDefault(v),x=e("./time"),b=o.interopDefault(x),w=e("./volume"),j=o.interopDefault(w),k=e("./setting"),S=o.interopDefault(k),I=e("./thumbnails"),R=o.interopDefault(I),$=e("./screenshot"),O=o.interopDefault($),T=e("./quality"),M=o.interopDefault(T),E=e("./loop"),F=o.interopDefault(E);class C extends n.default{constructor(e){super(e),this.name="control";const{option:t,constructor:r,events:{proxy:o},template:{$player:i}}=e;let n=Date.now();o(i,["click","mousemove","touchstart","touchmove"],(()=>{this.show=!0,s.removeClass(i,"art-hide-cursor"),s.addClass(i,"art-hover"),n=Date.now()})),e.on("video:timeupdate",(()=>{e.playing&&this.show&&Date.now()-n>=r.CONTROL_HIDE_TIME&&(this.show=!1,s.addClass(i,"art-hide-cursor"),s.removeClass(i,"art-hover"))})),e.once("video:loadedmetadata",(()=>{this.add(g.default({name:"progress",disable:t.isLive,position:"top",index:10})),this.add(R.default({name:"thumbnails",disable:!t.thumbnails.url||t.isLive||s.isMobile,position:"top",index:20})),this.add(F.default({name:"loop",disable:!1,position:"top",index:30})),this.add(h.default({name:"playAndPause",disable:!1,position:"left",index:10})),this.add(j.default({name:"volume",disable:!1,position:"left",index:20})),this.add(b.default({name:"time",disable:t.isLive,position:"left",index:30})),this.add(M.default({name:"quality",disable:0===t.quality.length,position:"right",index:10})),this.add(O.default({name:"screenshot",disable:!t.screenshot||s.isMobile,position:"right",index:20})),this.add(y.default({name:"subtitle",disable:!t.subtitle.url,position:"right",index:30})),this.add(S.default({name:"setting",disable:!t.setting,position:"right",index:40})),this.add(d.default({name:"pip",disable:!t.pip,position:"right",index:50})),this.add(u.default({name:"fullscreenWeb",disable:!t.fullscreenWeb,position:"right",index:60})),this.add(l.default({name:"fullscreen",disable:!t.fullscreen,position:"right",index:70}));for(let e=0;eNumber(e.dataset.index)>=Number(o.dataset.index)));return u?u.insertAdjacentElement("beforebegin",o):s.append(this.$parent,o),t.html&&s.append(o,t.html),t.style&&s.setStyles(o,t.style),t.tooltip&&s.tooltip(o,t.tooltip),t.click&&this.art.events.proxy(o,"click",(e=>{e.preventDefault(),t.click.call(this.art,this,e)})),t.selector&&["left","right"].includes(t.position)&&this.selector(t,o),t.mounted&&t.mounted.call(this.art,o),1===o.childNodes.length&&3===o.childNodes[0].nodeType&&s.addClass(o,"art-control-onlyText"),l.def(this,r,{value:o}),o}selector(e,t){const{hover:r,proxy:o}=this.art.events;s.addClass(t,"art-control-selector");const i=document.createElement("div");s.addClass(i,"art-selector-value"),s.append(i,e.html),t.innerText="",s.append(t,i);const n=e.selector.map(((e,t)=>`${e.html}
`)).join(""),a=document.createElement("div");s.addClass(a,"art-selector-list"),s.append(a,n),s.append(t,a);const l=()=>{const e=s.getStyle(t,"width")/2-s.getStyle(a,"width")/2;a.style.left=`${e}px`};r(t,l),o(a,"click",(async t=>{const r=(t.composedPath()||[]).find((e=>s.hasClass(e,"art-selector-item")));if(!r)return;s.inverseClass(r,"art-current");const o=Number(r.dataset.index),n=e.selector[o]||{};if(i.innerText=r.innerText,e.onSelect){const o=await e.onSelect.call(this.art,n,r,t);"string"!=typeof o&&"number"!=typeof o||(i.innerHTML=o)}l(),this.art.emit("selector",n,r)}))}}},{"./dom":"ff6Hs","option-validator":"hqjoJ","../scheme":"3vPoh","./property":"lMM6V","./error":"lDQPM","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],awkUw:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){return t=>({...e,tooltip:t.i18n.get("Fullscreen"),mounted:e=>{const{events:{proxy:r},icons:s,i18n:i}=t;o.append(e,s.fullscreen),r(e,"click",(()=>{t.fullscreen=!t.fullscreen})),t.on("fullscreen",(t=>{o.tooltip(e,i.get(t?"Exit Fullscreen":"Fullscreen"))}))}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"3qoPe":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){return t=>({...e,tooltip:t.i18n.get("Web Fullscreen"),mounted:e=>{const{events:{proxy:r},icons:s,i18n:i}=t;o.append(e,s.fullscreenWeb),r(e,"click",(()=>{t.fullscreenWeb=!t.fullscreenWeb})),t.on("fullscreenWeb",(t=>{o.tooltip(e,i.get(t?"Exit Web Fullscreen":"Web Fullscreen"))}))}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],lFHYL:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){return t=>({...e,tooltip:t.i18n.get("PIP Mode"),mounted:e=>{const{events:{proxy:r},icons:s,i18n:i}=t;o.append(e,s.pip),r(e,"click",(()=>{t.pip=!t.pip})),t.on("pip",(t=>{o.tooltip(e,i.get(t?"Exit PIP Mode":"PIP Mode"))}))}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],b8vU1:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){return t=>({...e,mounted:e=>{const{events:{proxy:r},icons:s,i18n:i}=t,n=o.append(e,s.play),a=o.append(e,s.pause);function l(){o.setStyle(n,"display","flex"),o.setStyle(a,"display","none")}function c(){o.setStyle(n,"display","none"),o.setStyle(a,"display","flex")}o.tooltip(n,i.get("Play")),o.tooltip(a,i.get("Pause")),r(n,"click",(()=>{t.play()})),r(a,"click",(()=>{t.pause()})),t.playing?c():l(),t.on("video:playing",(()=>{c()})),t.on("video:pause",(()=>{l()}))}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],dRwzT:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r),o.export(r,"getPosFromEvent",(()=>i));var s=e("../utils");function i(e,t){const{$progress:r}=e.template,{left:o}=r.getBoundingClientRect(),i=t.pageX,n=s.clamp(i-o,0,r.clientWidth),a=n/r.clientWidth*e.duration;return{second:a,time:s.secondToTime(a),width:n,percentage:s.clamp(n/r.clientWidth,0,1)}}r.default=function(e){return t=>{const{icons:r,option:o,events:{proxy:n}}=t;return{...e,html:'\n \n ',mounted:e=>{let a=!1;const l=s.query(".art-progress-loaded",e),c=s.query(".art-progress-played",e),u=s.query(".art-progress-highlight",e),p=s.query(".art-progress-indicator",e),d=s.query(".art-progress-tip",e);s.setStyle(c,"backgroundColor","var(--theme)");let f=t.constructor.INDICATOR_SIZE;function h(e,t){"loaded"===e&&s.setStyle(l,"width",100*t+"%"),"played"===e&&(s.setStyle(c,"width",100*t+"%"),s.setStyle(p,"left",`calc(${100*t}% - ${f/2}px)`))}r.indicator?(f=t.constructor.INDICATOR_SIZE_ICON,s.append(p,r.indicator)):s.setStyles(p,{backgroundColor:"var(--theme)"}),s.isMobile&&(f=t.constructor.INDICATOR_SIZE_MOBILE,r.indicator&&(f=t.constructor.INDICATOR_SIZE_MOBILE_ICON)),s.setStyles(p,{left:`-${f/2}px`,width:`${f}px`,height:`${f}px`});for(let e=0;e`)}h("loaded",t.loaded),t.on("setBar",((e,t)=>{h(e,t)})),t.on("video:progress",(()=>{h("loaded",t.loaded)})),t.on("video:timeupdate",(()=>{h("played",t.played)})),t.on("video:ended",(()=>{h("played",1)})),s.isMobile||(n(e,"click",(e=>{if(e.target!==p){const{second:r,percentage:o}=i(t,e);h("played",o),t.seek=r}})),n(e,"mousemove",(r=>{s.setStyle(d,"display","block"),s.includeFromEvent(r,u)?function(r){const{width:o}=i(t,r),{text:n}=r.target.dataset;d.innerHTML=n;const a=d.clientWidth;o<=a/2?s.setStyle(d,"left",0):o>e.clientWidth-a/2?s.setStyle(d,"left",e.clientWidth-a+"px"):s.setStyle(d,"left",o-a/2+"px")}(r):function(r){const{width:o,time:n}=i(t,r);d.innerHTML=n;const a=d.clientWidth;o<=a/2?s.setStyle(d,"left",0):o>e.clientWidth-a/2?s.setStyle(d,"left",e.clientWidth-a+"px"):s.setStyle(d,"left",o-a/2+"px")}(r)})),n(e,"mouseout",(()=>{s.setStyle(d,"display","none")})),n(p,"mousedown",(()=>{a=!0})),n(document,"mousemove",(e=>{if(a){const{second:r,percentage:o}=i(t,e);h("played",o),t.seek=r}})),n(document,"mouseup",(()=>{a&&(a=!1)})))}}}}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"3kkJ1":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){return t=>({...e,tooltip:t.i18n.get("Hide Subtitle"),mounted:e=>{const{events:{proxy:r},icons:s,i18n:i,subtitle:n}=t;o.append(e,s.subtitle),r(e,"click",(()=>{n.toggle=!0})),t.on("subtitle",(t=>{o.tooltip(e,i.get(t?"Hide Subtitle":"Show Subtitle"))}))}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],ltYI1:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){return t=>({...e,mounted:e=>{function r(){const r=`${o.secondToTime(t.currentTime)} / ${o.secondToTime(t.duration)}`;r!==e.innerText&&(e.innerText=r)}r();const s=["video:loadedmetadata","video:timeupdate","video:progress"];for(let e=0;e({...e,mounted:e=>{const{events:{proxy:r},icons:s,i18n:i}=t;let n=!1;const a=t.constructor.VOLUME_PANEL_WIDTH,l=t.constructor.VOLUME_HANDLE_WIDTH,c=o.append(e,s.volume),u=o.append(e,s.volumeClose),p=o.append(e,''),d=o.append(p,'');function f(e){const{left:t}=p.getBoundingClientRect();return o.clamp(e.pageX-t-l/2,0,a-l/2)/(a-l)}function h(e=.7){if(t.muted||0===e)o.setStyle(c,"display","none"),o.setStyle(u,"display","flex"),o.setStyle(d,"left","0");else{const t=(a-l)*e;o.setStyle(c,"display","flex"),o.setStyle(u,"display","none"),o.setStyle(d,"left",`${t}px`)}}o.tooltip(c,i.get("Mute")),o.setStyle(u,"display","none"),o.isMobile&&o.setStyle(p,"display","none"),h(t.volume),t.on("video:volumechange",(()=>{h(t.volume)})),r(c,"click",(()=>{t.muted=!0})),r(u,"click",(()=>{t.muted=!1})),r(p,"click",(e=>{t.muted=!1,t.volume=f(e)})),r(d,"mousedown",(()=>{n=!0})),r(e,"mousemove",(e=>{n&&(t.muted=!1,t.volume=f(e))})),r(document,"mouseup",(()=>{n&&(n=!1)}))}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],lX5UX:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){return t=>({...e,tooltip:t.i18n.get("Show Setting"),mounted:e=>{const{events:{proxy:r},icons:s,i18n:i,setting:n}=t;o.append(e,s.setting),r(e,"click",(()=>{n.toggle=!0})),t.on("setting",(t=>{o.tooltip(e,i.get(t?"Hide Setting":"Show Setting"))}))}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],lUoGG:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils"),s=e("./progress");r.default=function(e){return t=>({...e,mounted:e=>{const{option:r,template:{$progress:i,$video:n},events:{proxy:a,loadImg:l}}=t;let c=null,u=!1,p=!1;a(i,"mousemove",(a=>{u||(u=!0,l(r.thumbnails.url).then((e=>{c=e,p=!0}))),p&&(o.setStyle(e,"display","block"),function(a){const{width:l}=s.getPosFromEvent(t,a),{url:u,number:p,column:d}=r.thumbnails,f=c.naturalWidth/d,h=f/(n.videoWidth/n.videoHeight),m=i.clientWidth/p,g=Math.floor(l/m),v=Math.ceil(g/d)-1,y=g%d||d-1;o.setStyle(e,"backgroundImage",`url(${u})`),o.setStyle(e,"height",`${h}px`),o.setStyle(e,"width",`${f}px`),o.setStyle(e,"backgroundPosition",`-${y*f}px -${v*h}px`),l<=f/2?o.setStyle(e,"left",0):l>i.clientWidth-f/2?o.setStyle(e,"left",i.clientWidth-f+"px"):o.setStyle(e,"left",l-f/2+"px")}(a))})),a(i,"mouseout",(()=>{o.setStyle(e,"display","none")}))}})}},{"../utils":"geSvU","./progress":"dRwzT","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],jvdQ0:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){return t=>({...e,tooltip:t.i18n.get("Screenshot"),mounted:e=>{const{events:{proxy:r},icons:s}=t;o.append(e,s.screenshot),r(e,"click",(()=>{t.screenshot()}))}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],k9pKK:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r),r.default=function(e){return t=>{const r=t.option.quality,o=r.find((e=>e.default))||r[0];return{...e,html:o?o.html:"",selector:r,onSelect(e){t.switchQuality(e.url,e.html)}}}}},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],aE690:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){return t=>({...e,mounted:e=>{const r=o.append(e,''),s=o.append(e,'');t.on("loop",(i=>{i?(o.setStyle(e,"display","block"),o.setStyle(r,"left",`calc(${i[0]/t.duration*100}% - ${r.clientWidth}px)`),o.setStyle(s,"left",i[1]/t.duration*100+"%")):o.setStyle(e,"display","none")}))}})}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"7rh9q":[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r);var s=e("../utils"),i=e("../utils/component"),n=o.interopDefault(i),a=e("./playbackRate"),l=o.interopDefault(a),c=e("./aspectRatio"),u=o.interopDefault(c),p=e("./flip"),d=o.interopDefault(p),f=e("./info"),h=o.interopDefault(f),m=e("./version"),g=o.interopDefault(m),v=e("./close"),y=o.interopDefault(v);class x extends n.default{constructor(e){super(e),this.art=e,this.name="contextmenu",this.$parent=e.template.$contextmenu,e.once("video:loadedmetadata",(()=>{s.isMobile||this.init()}))}init(){const{option:e,template:{$player:t,$contextmenu:r},events:{proxy:o}}=this.art;this.add(l.default({disable:!e.playbackRate,name:"playbackRate",index:10})),this.add(u.default({disable:!e.aspectRatio,name:"aspectRatio",index:20})),this.add(d.default({disable:!e.flip,name:"flip",index:30})),this.add(h.default({disable:!1,name:"info",index:40})),this.add(g.default({disable:!1,name:"version",index:50})),this.add(y.default({disable:!1,name:"close",index:60}));for(let t=0;t{e.preventDefault(),this.show=!0;const o=e.clientX,i=e.clientY,{height:n,width:a,left:l,top:c}=t.getBoundingClientRect(),{height:u,width:p}=r.getBoundingClientRect();let d=o-l,f=i-c;o+p>l+a&&(d=a-p),i+u>c+n&&(f=n-u),s.setStyles(r,{top:`${f}px`,left:`${d}px`})})),o(t,"click",(e=>{s.includeFromEvent(e,r)||(this.show=!1)})),this.art.on("blur",(()=>{this.show=!1}))}}r.default=x},{"../utils":"geSvU","../utils/component":"kPHYl","./playbackRate":"9P3rd","./aspectRatio":"3OqVf","./flip":"iMg4Y","./info":"9FFXO","./version":"duhqU","./close":"k3lJQ","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"9P3rd":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){return t=>{const{i18n:r}=t;return{...e,html:`${r.get("Play Speed")}:\n 0.5\n 0.75\n ${r.get("Normal")}\n 1.25\n 1.5\n 2.0\n `,click:(e,r)=>{const{value:o}=r.target.dataset;o&&(t.playbackRate=Number(o),e.show=!1)},mounted:e=>{t.on("playbackRate",(t=>{const r=o.queryAll("span",e).find((e=>Number(e.dataset.value)===t));r&&o.inverseClass(r,"art-current")}))}}}}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"3OqVf":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){return t=>{const{i18n:r}=t;return{...e,html:`${r.get("Aspect Ratio")}:\n ${r.get("Default")}\n 4:3\n 16:9\n `,click:(e,r)=>{const{value:o}=r.target.dataset;o&&(t.aspectRatio=o,e.show=!1)},mounted:e=>{t.on("aspectRatio",(t=>{const r=o.queryAll("span",e).find((e=>e.dataset.value===t));r&&o.inverseClass(r,"art-current")}))}}}}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],iMg4Y:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){return t=>{const{i18n:r}=t;return{...e,html:`${r.get("Video Flip")}:\n ${r.get("Normal")}\n ${r.get("Horizontal")}\n ${r.get("Vertical")}\n `,click:(e,r)=>{const{value:o}=r.target.dataset;o&&(t.flip=o,e.show=!1)},mounted:e=>{t.on("flip",(t=>{const r=o.queryAll("span",e).find((e=>e.dataset.value===t));r&&o.inverseClass(r,"art-current")}))}}}}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"9FFXO":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r),r.default=function(e){return t=>({...e,html:t.i18n.get("Video Info"),click:e=>{t.info.show=!0,e.show=!1}})}},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],duhqU:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r),r.default=function(e){return{...e,html:'ArtPlayer 4.3.11'}}},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],k3lJQ:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r),r.default=function(e){return t=>({...e,html:t.i18n.get("Close"),click:e=>{e.show=!1}})}},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],c896w:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r);var s=e("./utils"),i=e("./utils/component"),n=o.interopDefault(i);class a extends n.default{constructor(e){super(e),this.name="info",e.once("video:loadedmetadata",(()=>{s.isMobile||this.init()}))}init(){const{constructor:e,events:{proxy:t},template:{$infoPanel:r,$infoClose:o,$video:i}}=this.art;t(o,"click",(()=>{this.show=!1}));let n=null;const a=s.queryAll("[data-video]",r)||[];this.art.on("destroy",(()=>{clearTimeout(n)})),function t(){for(let e=0;e{this.init(e.option.subtitle)}))}get url(){return this.art.template.$track.src}set url(e){this.switch(e)}get textTrack(){return this.art.template.$video.textTracks[0]}get activeCue(){return this.textTrack.activeCues[0]}style(e,t){const{$subtitle:r}=this.art.template;return"object"==typeof e?s.setStyles(r,e):s.setStyle(r,e,t)}update(){const{$subtitle:e}=this.art.template;e.innerHTML="",this.activeCue&&(e.innerHTML=this.activeCue.text.split(/\r?\n/).map((e=>`${s.escape(e)}
`)).join(""),this.art.emit("subtitleUpdate",this.activeCue.text))}switch(e,t={}){const{i18n:r,notice:o,option:s}=this.art,i={...s.subtitle,...t,url:e};return this.init(i).then((e=>(t.name&&(o.show=`${r.get("Switch Subtitle")}: ${t.name}`),e)))}init(e){if(l.default(e,u.default.subtitle),!e.url)return;const{notice:t,events:{proxy:r},template:{$subtitle:o,$video:i,$track:n}}=this.art;if(!n){const e=document.createElement("track");e.default=!0,e.kind="metadata",i.appendChild(e),this.art.template.$track=e,r(this.textTrack,"cuechange",this.update.bind(this))}return this.style(e.style),s.errorHandle(window.fetch,"fetch not support"),fetch(e.url).then((e=>e.arrayBuffer())).then((t=>{s.errorHandle(window.TextDecoder,"TextDecoder not support");const r=new TextDecoder(e.encoding).decode(t);switch(this.art.emit("subtitleLoad",e.url),e.type||s.getExt(e.url)){case"srt":return s.vttToBlob(s.srtToVtt(r));case"ass":return s.vttToBlob(s.assToVtt(r));case"vtt":return s.vttToBlob(r);default:return e.url}})).then((e=>(o.innerHTML="",this.url===e||(URL.revokeObjectURL(this.url),this.art.template.$track.src=e,this.art.emit("subtitleSwitch",e)),e))).catch((e=>{throw t.show=e,e}))}}r.default=p},{"./utils":"geSvU","./utils/component":"kPHYl","option-validator":"hqjoJ","./scheme":"3vPoh","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],j2hlX:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r);var s=e("../utils/error"),i=e("./clickInit"),n=o.interopDefault(i),a=e("./hoverInit"),l=o.interopDefault(a),c=e("./mousemoveInit"),u=o.interopDefault(c),p=e("./resizeInit"),d=o.interopDefault(p),f=e("./gestureInit"),h=o.interopDefault(f),m=e("./viewInit"),g=o.interopDefault(m);r.default=class{constructor(e){this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),e.whitelist.state&&e.once("video:loadedmetadata",(()=>{n.default(e,this),l.default(e,this),u.default(e,this),d.default(e,this),h.default(e,this),g.default(e,this)}))}proxy(e,t,r,o={}){if(Array.isArray(t))return t.map((t=>this.proxy(e,t,r,o)));e.addEventListener(t,r,o);const s=()=>e.removeEventListener(t,r,o);return this.destroyEvents.push(s),s}hover(e,t,r){t&&this.proxy(e,"mouseenter",t),r&&this.proxy(e,"mouseleave",r)}loadImg(e){return new Promise(((t,r)=>{let o;if(e instanceof HTMLImageElement)o=e;else{if("string"!=typeof e)return r(new s.ArtPlayerError("Unable to get Image"));o=new Image,o.src=e}if(o.complete)return t(o);this.proxy(o,"load",(()=>t(o))),this.proxy(o,"error",(()=>r(new s.ArtPlayerError(`Failed to load Image: ${o.src}`))))}))}destroy(){for(let e=0;e{o.includeFromEvent(t,s)?(e.isFocus=!0,e.emit("focus")):(e.isFocus=!1,e.emit("blur"))}));let n=0;t.proxy(i,"click",(()=>{const t=Date.now();t-n<=r.DB_CLICE_TIME?(e.emit("dblclick"),o.isMobile?e.toggle():e.fullscreen=!e.fullscreen):(e.emit("click"),o.isMobile||e.toggle()),n=t}))}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],aoIIW:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e,t){const{$player:r}=e.template;t.hover(r,(()=>{o.addClass(r,"art-hover"),e.emit("hover",!0)}),(()=>{o.removeClass(r,"art-hover"),e.emit("hover")}))}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"4WC5c":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r),r.default=function(e,t){const{$player:r}=e.template;t.proxy(r,"mousemove",(t=>{e.emit("mousemove",t)}))}},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"7fpan":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e,t){const{notice:r,option:s}=e,i=o.throttle((()=>{e.normalSize&&(e.autoSize=s.autoSize),e.aspectRatioReset=!0,r.show="",e.emit("resize")}),e.constructor.RESIZE_TIME);t.proxy(window,["orientationchange","resize"],(()=>{i()})),screen&&screen.orientation&&screen.orientation.onchange&&t.proxy(screen.orientation,"change",(()=>{i()}))}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],ixtiG:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e,t){if(o.isMobile&&!e.option.isLive){const{notice:r,plugins:s,template:{$video:i,$bottom:n,$controls:a}}=e;let l=!1,c=0,u=0,p=0;const d=t=>{if(1===t.touches.length){l=!0;const{clientX:r,clientY:o}=t.touches[0];c=r,u=o,p=e.currentTime}},f=t=>{if(1===t.touches.length&&l&&e.duration){const i=s.autoOrientation&&s.autoOrientation.state,{clientX:n,clientY:a}=t.touches[0],l=o.clamp((n-c)/e.width,-1,1),d=o.clamp((a-u)/e.height,-1,1),f=i?d:l,h=o.clamp(p+e.duration*f/2,0,e.duration);e.seek=h,e.emit("setBar","played",o.clamp(h/e.duration,0,1)),r.show=`${o.secondToTime(h)} / ${o.secondToTime(e.duration)}`}},h=()=>{l&&(c=0,u=0,p=0,l=!1)};t.proxy(n,"touchstart",(e=>{o.includeFromEvent(e,a)||d(e)})),t.proxy(n,"touchmove",f),t.proxy(i,"touchstart",d),t.proxy(i,"touchmove",f),t.proxy(document,"touchend",h)}}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"5WvmH":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e,t){const{option:r,constructor:s,template:{$container:i}}=e,n=o.throttle((()=>{e.emit("view",o.isInViewport(i,s.SCROLL_GAP))}),s.SCROLL_TIME);t.proxy(window,"scroll",(()=>{n()})),e.on("view",(t=>{r.autoMini&&(e.mini=!t)}))}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],aTHWZ:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("./utils");r.default=class{constructor(e){this.art=e,this.keys={},e.once("video:loadedmetadata",(()=>{e.option.hotkey&&!o.isMobile&&this.init()}))}init(){const{proxy:e}=this.art.events;this.add(27,(()=>{this.art.fullscreenWeb&&(this.art.fullscreenWeb=!1)})),this.add(32,(()=>{this.art.toggle()})),this.add(37,(()=>{this.art.backward=5})),this.add(38,(()=>{this.art.volume+=.1})),this.add(39,(()=>{this.art.forward=5})),this.add(40,(()=>{this.art.volume-=.1})),e(window,"keydown",(e=>{if(this.art.isFocus){const t=document.activeElement.tagName.toUpperCase(),r=document.activeElement.getAttribute("contenteditable");if("INPUT"!==t&&"TEXTAREA"!==t&&""!==r&&"true"!==r){const t=this.keys[e.keyCode];if(t){e.preventDefault();for(let r=0;r{for(let e=0;e{r.innerText="",o.removeClass(t,"art-notice-show")}),this.art.constructor.NOTICE_TIME)}}},{"./utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],iLfmB:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r);var s=e("./utils"),i=e("./utils/component"),n=o.interopDefault(i);class a extends n.default{constructor(e){super(e),this.name="mask";const{template:t,icons:r,events:o}=e;s.append(t.$state,r.state),o.proxy(t.$state,"click",(()=>e.play()))}}r.default=a},{"./utils":"geSvU","./utils/component":"kPHYl","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"5lAmI":[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r);var s=e("../utils"),i=e("bundle-text:./loading.svg"),n=o.interopDefault(i),a=e("bundle-text:./state.svg"),l=o.interopDefault(a),c=e("bundle-text:./check.svg"),u=o.interopDefault(c),p=e("bundle-text:./play.svg"),d=o.interopDefault(p),f=e("bundle-text:./pause.svg"),h=o.interopDefault(f),m=e("bundle-text:./volume.svg"),g=o.interopDefault(m),v=e("bundle-text:./volume-close.svg"),y=o.interopDefault(v),x=e("bundle-text:./subtitle.svg"),b=o.interopDefault(x),w=e("bundle-text:./screenshot.svg"),j=o.interopDefault(w),k=e("bundle-text:./setting.svg"),S=o.interopDefault(k),I=e("bundle-text:./fullscreen.svg"),R=o.interopDefault(I),$=e("bundle-text:./fullscreen-web.svg"),O=o.interopDefault($),T=e("bundle-text:./arrow-left.svg"),M=o.interopDefault(T),E=e("bundle-text:./arrow-right.svg"),F=o.interopDefault(E),C=e("bundle-text:./playback-rate.svg"),D=o.interopDefault(C),A=e("bundle-text:./aspect-ratio.svg"),P=o.interopDefault(A),z=e("bundle-text:./config.svg"),U=o.interopDefault(z),_=e("bundle-text:./pip.svg"),Z=o.interopDefault(_),H=e("bundle-text:./lock.svg"),L=o.interopDefault(H),q=e("bundle-text:./unlock.svg"),N=o.interopDefault(q);r.default=class{constructor(e){const t={loading:n.default,state:l.default,play:d.default,pause:h.default,check:u.default,volume:g.default,volumeClose:y.default,subtitle:b.default,screenshot:j.default,setting:S.default,fullscreen:R.default,fullscreenWeb:O.default,pip:Z.default,arrowLeft:M.default,arrowRight:F.default,playbackRate:D.default,aspectRatio:P.default,config:U.default,lock:L.default,unlock:N.default,...e.option.icons};Object.keys(t).forEach((e=>{s.def(this,e,{get:()=>{const r=document.createElement("i");return s.addClass(r,"art-icon"),s.addClass(r,`art-icon-${e}`),s.append(r,t[e]),r}})}))}}},{"../utils":"geSvU","bundle-text:./loading.svg":"hX0lQ","bundle-text:./state.svg":"01U3R","bundle-text:./check.svg":"9jaCP","bundle-text:./play.svg":"invok","bundle-text:./pause.svg":"68285","bundle-text:./volume.svg":"3zSKr","bundle-text:./volume-close.svg":"ft8Zf","bundle-text:./subtitle.svg":"8qaqV","bundle-text:./screenshot.svg":"dfLel","bundle-text:./setting.svg":"j8dnn","bundle-text:./fullscreen.svg":"8p4Wd","bundle-text:./fullscreen-web.svg":"e25B4","bundle-text:./arrow-left.svg":"fMoi9","bundle-text:./arrow-right.svg":"auIjA","bundle-text:./playback-rate.svg":"g3V1U","bundle-text:./aspect-ratio.svg":"3LQJt","bundle-text:./config.svg":"bcTkc","bundle-text:./pip.svg":"jDSoL","bundle-text:./lock.svg":"jqFLt","bundle-text:./unlock.svg":"5qYod","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],hX0lQ:[function(e,t,r){t.exports=''},{}],"01U3R":[function(e,t,r){t.exports=''},{}],"9jaCP":[function(e,t,r){t.exports=''},{}],invok:[function(e,t,r){t.exports=''},{}],68285:[function(e,t,r){t.exports=''},{}],"3zSKr":[function(e,t,r){t.exports=''},{}],ft8Zf:[function(e,t,r){t.exports=''},{}],"8qaqV":[function(e,t,r){t.exports=''},{}],dfLel:[function(e,t,r){t.exports=''},{}],j8dnn:[function(e,t,r){t.exports=''},{}],"8p4Wd":[function(e,t,r){t.exports=''},{}],e25B4:[function(e,t,r){t.exports=''},{}],fMoi9:[function(e,t,r){t.exports=''},{}],auIjA:[function(e,t,r){t.exports=''},{}],g3V1U:[function(e,t,r){t.exports=''},{}],"3LQJt":[function(e,t,r){t.exports=''},{}],bcTkc:[function(e,t,r){t.exports=''},{}],jDSoL:[function(e,t,r){t.exports=''},{}],jqFLt:[function(e,t,r){t.exports=''},{}],"5qYod":[function(e,t,r){t.exports=''},{}],d5XKP:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r);var s=e("./flip"),i=o.interopDefault(s),n=e("./aspectRatio"),a=o.interopDefault(n),l=e("./playbackRate"),c=o.interopDefault(l),u=e("./subtitleOffset"),p=o.interopDefault(u),d=e("../utils/component"),f=o.interopDefault(d),h=e("../utils");function m(e,t,r){for(let o=0;o{t.playbackRate&&this.option.push(c.default(e)),t.aspectRatio&&this.option.push(a.default(e)),t.flip&&this.option.push(i.default(e)),t.subtitleOffset&&this.option.push(p.default(e));for(let e=0;e{this.show&&(this.show=!1,this.init(this.option))})),r(s,"click",(t=>{!this.show||h.includeFromEvent(t,e.controls.setting)||h.includeFromEvent(t,this.$parent)||(this.show=!1,this.init(this.option))})))}add(e){"function"==typeof e?this.option.push(e(this.art)):this.option.push(e),this.cache=new Map,this.events.forEach((e=>e())),this.events=[],this.$parent.innerHTML="",this.option=m(this.option),this.init(this.option)}creatHeader(e){const{icons:t,events:{proxy:r}}=this.art,o=document.createElement("div");h.addClass(o,"art-setting-item"),h.addClass(o,"art-setting-item-back");const s=h.append(o,''),i=document.createElement("div");h.addClass(i,"art-setting-item-left-icon"),h.append(i,t.arrowLeft),h.append(s,i),h.append(s,e._parentItem.html);const n=r(o,"click",(()=>{this.init(e._parentList)}));return this.events.push(n),o}creatItem(e){const{icons:t,events:{proxy:r}}=this.art,o=e.selector&&e.selector.length,s=document.createElement("div");h.addClass(s,"art-setting-item"),e.default&&h.addClass(s,"art-current");const i=h.append(s,''),n=h.append(s,''),a=document.createElement("div");h.addClass(a,"art-setting-item-left-icon"),h.append(a,o?e.icon||t.config:t.check),h.append(i,a),e._$icon=a,h.def(e,"icon",{get:()=>a.innerHTML,set(e){"string"!=typeof e&&"number"!=typeof e||(a.innerHTML=e)}});const l=document.createElement("div");if(h.addClass(l,"art-setting-item-left-text"),h.append(l,e.html||""),h.append(i,l),e._$html=l,h.def(e,"html",{get:()=>l.innerHTML,set(e){"string"!=typeof e&&"number"!=typeof e||(l.innerHTML=e)}}),o){const r=document.createElement("div");h.addClass(r,"art-setting-item-right-tooltip"),h.append(r,e.tooltip||""),h.append(n,r),e._$tooltip=r,h.def(e,"tooltip",{get:()=>r.innerHTML,set(e){"string"!=typeof e&&"number"!=typeof e||(r.innerHTML=e)}});const o=document.createElement("div");h.addClass(o,"art-setting-item-right-icon"),h.append(o,t.arrowRight),h.append(n,o)}const c=r(s,"click",(async t=>{if(o)this.init(e.selector,e.width);else if(h.inverseClass(s,"art-current"),e._parentList&&this.init(e._parentList),e._parentItem&&e._parentItem.onSelect){const r=await e._parentItem.onSelect.call(this.art,e,s,t);e._parentItem._$tooltip&&("string"!=typeof r&&"number"!=typeof r||(e._parentItem._$tooltip.innerHTML=r))}}));return this.events.push(c),s}init(e,t){if(this.cache.has(e)){const t=this.cache.get(e);h.inverseClass(t,"art-current"),h.setStyle(this.$parent,"width",`${t.dataset.width}px`)}else{const r=document.createElement("div");h.addClass(r,"art-setting-panel"),e[0]&&e[0]._parentItem&&h.append(r,this.creatHeader(e[0]));for(let t=0;te.dataset.value===s));n&&o.inverseClass(n,"art-current")}return{width:s.SETTING_ITEM_WIDTH,html:t.get("Video Flip"),tooltip:t.get(i[e.flip]),icon:r.config,selector:Object.keys(i).map((r=>({value:r,default:r===e.flip,html:t.get(i[r])}))),onSelect(t){e.flip=t.value},mounted:(t,r)=>{n(t,r._$tooltip,e.flip),e.on("flip",(()=>{n(t,r._$tooltip,e.flip)}))}}}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"1gs5B":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{i18n:t,icons:r,constructor:s}=e;function i(e){return"default"===e?t.get("Default"):e}function n(e,t,r){t&&(t.innerText=i(r));const s=o.queryAll(".art-setting-item",e).find((e=>e.dataset.value===r));s&&o.inverseClass(s,"art-current")}return{width:s.SETTING_ITEM_WIDTH,html:t.get("Aspect Ratio"),icon:r.aspectRatio,tooltip:i(e.aspectRatio),selector:["default","4:3","16:9"].map((t=>({value:t,default:t===e.aspectRatio,html:i(t)}))),onSelect(t){e.aspectRatio=t.value},mounted:(t,r)=>{n(t,r._$tooltip,e.aspectRatio),e.on("aspectRatio",(()=>{n(t,r._$tooltip,e.aspectRatio)}))}}}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],j50mh:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{i18n:t,icons:r,constructor:s}=e;function i(e){return 1===e?t.get("Normal"):e}function n(e,t,r){t&&(t.innerText=i(r));const s=o.queryAll(".art-setting-item",e).find((e=>Number(e.dataset.value)===r));s&&o.inverseClass(s,"art-current")}return{width:s.SETTING_ITEM_WIDTH,html:t.get("Play Speed"),tooltip:i(e.playbackRate),icon:r.playbackRate,selector:[.5,.75,1,1.25,1.5,2].map((t=>({value:t,default:t===e.playbackRate,html:i(t)}))),onSelect(t){e.playbackRate=t.value},mounted:(t,r)=>{n(t,r._$tooltip,e.playbackRate),e.on("playbackRate",(()=>{n(t,r._$tooltip,e.playbackRate)}))}}}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],i17b6:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{i18n:t,icons:r,constructor:s}=e;function i(e){return 0===e?t.get("Normal"):e}function n(e,t,r){t&&(t.innerText=i(r));const s=o.queryAll(".art-setting-item",e).find((e=>Number(e.dataset.value)===r));s&&o.inverseClass(s,"art-current")}return{width:s.SETTING_ITEM_WIDTH,html:t.get("Subtitle Offset"),tooltip:i(e.subtitleOffset),icon:r.subtitle,selector:[-5,-4,-3,-2,-1,0,1,2,3,4,5].map((t=>({value:t,default:t===e.subtitleOffset,html:i(t)}))),onSelect(t){e.subtitleOffset=t.value},mounted:(t,r)=>{n(t,r._$tooltip,e.subtitleOffset),e.on("subtitleOffset",(()=>{n(t,r._$tooltip,e.subtitleOffset)}))}}}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"5M8nN":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);r.default=class{constructor(){this.name="artplayer_settings",this.settings={}}get(e){try{const t=JSON.parse(window.localStorage.getItem(this.name))||{};return e?t[e]:t}catch(t){return e?this.settings[e]:this.settings}}set(e,t){try{const r=Object.assign({},this.get(),{[e]:t});window.localStorage.setItem(this.name,JSON.stringify(r))}catch(r){this.settings[e]=t}}del(e){try{const t=this.get();delete t[e],window.localStorage.setItem(this.name,JSON.stringify(t))}catch(t){delete this.settings[e]}}clear(){try{window.localStorage.removeItem(this.name)}catch(e){this.settings={}}}}},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],jWfEd:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r);var s=e("../utils"),i=e("./miniProgressBar"),n=o.interopDefault(i),a=e("./autoOrientation"),l=o.interopDefault(a),c=e("./autoPlayback"),u=o.interopDefault(c),p=e("./fastForward"),d=o.interopDefault(p),f=e("./lock"),h=o.interopDefault(f);r.default=class{constructor(e){this.art=e,this.id=0;const{option:t}=e;t.miniProgressBar&&!t.isLive&&this.add(n.default),t.lock&&s.isMobile&&this.add(h.default),t.autoPlayback&&this.add(u.default),t.autoOrientation&&s.isMobile&&this.add(l.default),t.fastForward&&s.isMobile&&!t.isLive&&this.add(d.default);for(let e=0;e{e.layers.add({name:"miniProgressBar",mounted(t){e.on("destroy",(()=>{t.style.display="none"})),e.on("video:timeupdate",(()=>{t.style.width=100*e.played+"%"})),e.on("setBar",((e,r)=>{"played"===e&&(t.style.width=100*r+"%")}))}})})),{name:"miniProgressBar"}}},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],aPIVP:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{option:t,constructor:r,template:{$player:s,$video:i}}=e;return e.on("fullscreenWeb",(n=>{if(n){const{videoWidth:e,videoHeight:t}=i,{clientWidth:n,clientHeight:a}=document.documentElement;(e>t&&na)&&setTimeout((()=>{o.setStyle(s,"width",`${a}px`),o.setStyle(s,"height",`${n}px`),o.setStyle(s,"transform-origin","0 0"),o.setStyle(s,"transform",`rotate(90deg) translate(0, -${n}px)`),o.addClass(s,"art-auto-orientation")}),r.MOBILE_AUTO_ORIENTATION_TIME)}else o.hasClass(s,"art-auto-orientation")&&(o.setStyle(s,"width",null),o.setStyle(s,"height",null),o.setStyle(s,"transform",null),o.setStyle(s,"transform-origin",null),o.removeClass(s,"art-auto-orientation"),e.aspectRatioReset=!0,e.autoSize=t.autoSize,e.notice.show="")})),e.on("fullscreen",(e=>{const t=screen.orientation.type;if(e){const{videoWidth:e,videoHeight:r}=i,{clientWidth:n,clientHeight:a}=document.documentElement;if(e>r&&na){const e=t.startsWith("portrait")?"landscape":"portrait";screen.orientation.lock(e).then((()=>{o.addClass(s,"art-auto-orientation-fullscreen")}))}}else o.hasClass(s,"art-auto-orientation-fullscreen")&&screen.orientation.lock(t).then((()=>{o.removeClass(s,"art-auto-orientation-fullscreen")}))})),{name:"autoOrientation",get state(){return o.hasClass(s,"art-auto-orientation")}}}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],j87OI:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{i18n:t,storage:r,constructor:s,template:{$poster:i}}=e;return e.on("video:timeupdate",(()=>{const t=r.get("times")||{},o=Object.keys(t);o.length>s.AUTO_PLAYBACK_MAX&&delete t[o[0]],t[e.option.url]=e.currentTime,r.set("times",t)})),e.on("ready",(()=>{const s=(r.get("times")||{})[e.option.url];s&&(e.seek=s,o.setStyle(i,"display","none"),e.notice.show=`${t.get("Auto playback at")} ${o.secondToTime(s)}`)})),{name:"autoPlayback",get times(){return r.get("times")||{}},clear:()=>r.del("times")}}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"1VTki":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{constructor:t,events:{proxy:r},template:{$player:s,$video:i}}=e;let n=null,a=!1;const l=()=>{clearTimeout(n),a&&(a=!1,e.playbackRate=1,o.removeClass(s,"art-fast-forward"))};return r(i,"touchstart",(r=>{1===r.touches.length&&e.playing&&(n=setTimeout((()=>{a=!0,e.playbackRate=t.FAST_FORWARD_VALUE,o.addClass(s,"art-fast-forward")}),t.FAST_FORWARD_TIME))})),r(document,"touchmove",l),r(document,"touchend",l),{name:"fastForward",get state(){return o.hasClass(s,"art-fast-forward")}}}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],"7BtoE":[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);var o=e("../utils");r.default=function(e){const{layers:t,icons:r,template:{$player:s}}=e;return t.add({name:"lock",mounted(t){const s=o.append(t,r.lock),i=o.append(t,r.unlock);o.setStyle(s,"display","none"),e.on("lock",(e=>{e?(o.setStyle(s,"display","inline-flex"),o.setStyle(i,"display","none")):(o.setStyle(s,"display","none"),o.setStyle(i,"display","inline-flex"))}))},click(){o.hasClass(s,"art-lock")?(o.removeClass(s,"art-lock"),e.emit("lock",!1)):(o.addClass(s,"art-lock"),e.emit("lock",!0))}}),{name:"lock",get state(){return o.hasClass(s,"art-lock")}}}},{"../utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],aafSd:[function(e,t,r){e("@parcel/transformer-js/src/esmodule-helpers.js").defineInteropFlag(r);r.default=class{constructor(e){this.art=e,this.init()}get current(){return this.art.option.ads[this.index]}get prev(){return this.art.option.ads[this.index-1]}get next(){return this.art.option.ads[this.index+1]}init(){this.index=0,this.isEnd=!1,this.playing=!1,this.urlCache=this.art.option.url,this.current&&(this.playing=!0,this.play(this.current))}play(e={}){this.isEnd||(this.art.switchUrl(e.url),this.art.once("video:timeupdate",(()=>{this.art.emit("ads:start",e)})),this.art.once("video:ended",(()=>{const e=this.next;e?(this.index+=1,this.play(e)):this.end()})))}end(){this.isEnd||(this.isEnd=!0,this.playing=!1,this.art.option.url=this.urlCache,this.art.switchUrl(this.urlCache),this.art.emit("ads:end"))}}},{"@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}],fkUkB:[function(e,t,r){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(r);var s=e("./config"),i=o.interopDefault(s),n=e("./utils");r.default=class{constructor(e){const{option:t,events:{proxy:r},template:{$video:o}}=e;for(let t=0;t{e.emit(`video:${t.type}`,t)}));Object.keys(t.moreVideoAttr).forEach((e=>{o[e]=t.moreVideoAttr[e]})),t.muted&&(o.muted=t.muted),t.volume&&(o.volume=n.clamp(t.volume,0,1)),t.poster&&(o.poster=t.poster),t.autoplay&&(o.autoplay=t.autoplay),t.playsInline&&(o.playsInline=!0,o["webkit-playsinline"]=!0);const s=t.type||n.getExt(t.url),a=t.customType[s];s&&a?(a(o,t.url,e),e.emit("customType",s)):(o.src=t.url,e.emit("url",o.src))}}},{"./config":"eksZR","./utils":"geSvU","@parcel/transformer-js/src/esmodule-helpers.js":"fRZO2"}]},["6SN6P"],"6SN6P");
\ No newline at end of file
diff --git a/scripts/build.js b/scripts/build.js
index 0709351a1..30f7a1d1c 100644
--- a/scripts/build.js
+++ b/scripts/build.js
@@ -1,5 +1,4 @@
import fs from 'fs';
-import path from 'path';
import inquirer from 'inquirer';
import projects from './projects.js';
import { Parcel } from '@parcel/core';
@@ -12,12 +11,14 @@ async function develop(name) {
entries: `${projects[name]}/src/index.js`,
defaultConfig: '@parcel/config-default',
mode: 'production',
- targets: ['main'],
- defaultTargetOptions: {
- sourceMaps: false,
- outputFormat: 'global',
- engines: {
- browsers: ['last 1 Chrome version'],
+ targets: {
+ main: {
+ distDir: `${projects[name]}/dist`,
+ sourceMap: false,
+ outputFormat: 'global',
+ engines: {
+ browsers: ['last 1 Chrome version'],
+ },
},
},
env: {
@@ -30,6 +31,7 @@ async function develop(name) {
try {
const { bundleGraph, buildTime } = await bundler.run();
const bundles = bundleGraph.getBundles();
+ fs.renameSync(`${projects[name]}/dist/index.js`, `${projects[name]}/dist/${name}.js`);
console.log(`✨ Built ${bundles.length} bundles in ${buildTime}ms!`);
} catch (err) {
console.log(err.diagnostics);
diff --git a/scripts/copyAfterBuild.js b/scripts/copyAfterBuild.js
deleted file mode 100644
index c014dc3a7..000000000
--- a/scripts/copyAfterBuild.js
+++ /dev/null
@@ -1,23 +0,0 @@
-const cpy = require('cpy');
-const logger = require('./logger');
-
-module.exports = (opts = {}) => ({
- name: 'copyAfterBuild',
- generateBundle(outputOptions, bundle, isWrite) {
- if (!isWrite) {
- logger.fatal('copyAfterBuild currently only works with bundles that are written to disk');
- }
-
- if (opts.from && opts.to) {
- setTimeout(() => {
- cpy(opts.from, opts.to)
- .then(() => {
- logger.success(`${opts.from} successfully copied to ${opts.to}`);
- })
- .catch(() => {
- logger.fatal('File copy failed!');
- });
- }, 200);
- }
- },
-});
diff --git a/scripts/creatRollupConfig.js b/scripts/creatRollupConfig.js
deleted file mode 100644
index bde686857..000000000
--- a/scripts/creatRollupConfig.js
+++ /dev/null
@@ -1,104 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-const { babel } = require('@rollup/plugin-babel');
-const commonjs = require('@rollup/plugin-commonjs');
-const { nodeResolve } = require('@rollup/plugin-node-resolve');
-const postcss = require('rollup-plugin-postcss');
-const { eslint } = require('rollup-plugin-eslint');
-const autoprefixer = require('autoprefixer');
-const cssnano = require('cssnano');
-const replace = require('@rollup/plugin-replace');
-const svgo = require('rollup-plugin-svgo');
-const { terser } = require('rollup-plugin-terser');
-const copyAfterBuild = require('./copyAfterBuild');
-const removeHtmlSpace = require('./removeHtmlSpace');
-const json = require('@rollup/plugin-json');
-
-module.exports = function creatRollupConfig(projectPath) {
- const packageJson = JSON.parse(fs.readFileSync(path.join(projectPath, 'package.json'), 'utf-8'));
- const { version, homepage, name, expose } = packageJson;
- const isProd = process.env.NODE_ENV === 'production';
- const banner =
- '/*!\n' +
- ` * ${name}.js v${version}\n` +
- ` * Github: ${homepage}\n` +
- ` * (c) 2017-${new Date().getFullYear()} Harvey Zack\n` +
- ' * Released under the MIT License.\n' +
- ' */\n';
-
- return {
- input: path.join(projectPath, 'src/index.js'),
- output: {
- name: expose,
- file: isProd
- ? path.join(projectPath, `dist/${name}.js`)
- : path.join(process.cwd(), `docs/uncompiled/${name}.js`),
- format: 'umd',
- sourcemap: isProd ? false : true,
- },
- watch: {
- exclude: ['node_modules/**', 'packages/**/node_modules/**'],
- },
- plugins: [
- json({
- exclude: ['node_modules/**', 'packages/**/node_modules/**'],
- }),
- eslint({
- exclude: [
- 'node_modules/**',
- 'packages/*/src/**/*.scss',
- 'packages/*/src/**/*.svg',
- 'packages/*/src/**/*.json',
- ],
- }),
- postcss({
- plugins: [
- autoprefixer(),
- cssnano({
- preset: [
- 'default',
- {
- calc: false,
- },
- ],
- }),
- ],
- sourceMap: isProd ? false : true,
- extract: false,
- }),
- nodeResolve(),
- commonjs(),
- babel({
- babelHelpers: 'runtime',
- exclude: ['node_modules/**', 'packages/**/node_modules/**'],
- presets: [['@babel/env', { modules: false }]],
- plugins: ['@babel/plugin-external-helpers', '@babel/plugin-transform-runtime'],
- }),
- svgo({
- raw: true,
- }),
- replace({
- preventAssignment: true,
- exclude: 'node_modules/**',
- __ENV__: process.env.NODE_ENV || 'development',
- __VERSION__: version,
- __BUILD__: Date.now(),
- }),
- isProd && removeHtmlSpace(),
- isProd &&
- terser({
- output: {
- preamble: banner,
- comments: function () {
- return false;
- },
- },
- }),
- isProd &&
- copyAfterBuild({
- from: path.join(projectPath, 'dist/*'),
- to: path.join(process.cwd(), 'dist'),
- }),
- ],
- };
-};
diff --git a/scripts/logger.js b/scripts/logger.js
deleted file mode 100644
index 9da09d94c..000000000
--- a/scripts/logger.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import chalk from 'chalk';
-import { format } from 'util';
-
-const prefix = 'artplayer-cli';
-const sep = chalk.gray('·');
-
-export function log(...args) {
- const msg = format.apply(format, args);
- console.log(chalk.white(prefix), sep, msg);
-}
-
-export function fatal(...args) {
- if (args[0] instanceof Error) args[0] = args[0].message.trim();
- const msg = format.apply(format, args);
- console.error(chalk.red(prefix), sep, msg);
- process.exit(1);
-}
-
-export function success(...args) {
- const msg = format.apply(format, args);
- console.log(chalk.green(prefix), sep, msg);
-}
-
-export function warn(...args) {
- const msg = format.apply(format, args);
- console.log(chalk.yellow(prefix), sep, msg);
-}
diff --git a/scripts/removeHtmlSpace.js b/scripts/removeHtmlSpace.js
deleted file mode 100644
index f20a596ae..000000000
--- a/scripts/removeHtmlSpace.js
+++ /dev/null
@@ -1,8 +0,0 @@
-module.exports = () => ({
- name: 'removeHtmlSpace',
- transform(code) {
- return {
- code: code.replace(/\\n*\s*\\n*\s*/g, '>'),
- };
- },
-});