From 810266c44e71fa615c515ccaf56d1f928d0d5dae Mon Sep 17 00:00:00 2001 From: Harvey Date: Thu, 28 Apr 2022 11:47:50 +0800 Subject: [PATCH] update parcel --- package.json | 3 +- packages/artplayer/dist/artplayer.js | 4092 +------------------------- scripts/build.js | 16 +- scripts/copyAfterBuild.js | 23 - scripts/creatRollupConfig.js | 104 - scripts/logger.js | 27 - scripts/removeHtmlSpace.js | 8 - 7 files changed, 12 insertions(+), 4261 deletions(-) delete mode 100644 scripts/copyAfterBuild.js delete mode 100644 scripts/creatRollupConfig.js delete mode 100644 scripts/logger.js delete mode 100644 scripts/removeHtmlSpace.js 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 url:
-
-
-
-
Video volume:
-
-
-
-
Video time:
-
-
-
-
Video duration:
-
-
-
-
Video resolution:
-
- x -
-
-
-
[x]
-
-
-
-
×
-
-
-
- `; - } - query(className) { - return $1617d61110f74a7d$export$2fa187e846a241c4(className, this.$container); - } - desktop() { - const { option: option } = this.art; - if (!option.useSSR) this.$container.innerHTML = $420c1882d92b952b$export$2e2bcd8739ae039.html; - this.$player = this.query('.art-video-player'); - this.$video = this.query('.art-video'); - this.$poster = this.query('.art-poster'); - this.$subtitle = this.query('.art-subtitle'); - this.$danmuku = this.query('.art-danmuku'); - this.$bottom = this.query('.art-bottom'); - this.$progress = this.query('.art-progress'); - this.$controls = this.query('.art-controls'); - this.$controlsLeft = this.query('.art-controls-left'); - this.$controlsRight = this.query('.art-controls-right'); - this.$layer = this.query('.art-layers'); - this.$loading = this.query('.art-loading'); - this.$notice = this.query('.art-notice'); - this.$noticeInner = this.query('.art-notice-inner'); - this.$mask = this.query('.art-mask'); - this.$state = this.query('.art-state'); - this.$setting = this.query('.art-settings'); - this.$info = this.query('.art-info'); - this.$infoPanel = this.query('.art-info-panel'); - this.$infoClose = this.query('.art-info-close'); - this.$miniHeader = this.query('.art-mini-header'); - this.$miniTitle = this.query('.art-mini-title'); - this.$miniClose = this.query('.art-mini-close'); - this.$contextmenu = this.query('.art-contextmenus'); - if (option.backdrop) { - $1617d61110f74a7d$export$d2cf6cd1dc7067d3(this.$setting, 'art-backdrop-filter'); - $1617d61110f74a7d$export$d2cf6cd1dc7067d3(this.$contextmenu, 'art-backdrop-filter'); - $1617d61110f74a7d$export$d2cf6cd1dc7067d3(this.$info, 'art-backdrop-filter'); - } - if ($46f6a63658609cc7$export$d0a8044dce8ff2fc) $1617d61110f74a7d$export$d2cf6cd1dc7067d3(this.$player, 'art-mobile'); - } - mobile() { - this.$container.innerHTML = ` -
- -
- `; - 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 = "\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n"; - - -var $a318808550c32ac6$exports = {}; -$a318808550c32ac6$exports = "\n \n"; - - -var $f4a5ad62ee3af34e$exports = {}; -$f4a5ad62ee3af34e$exports = ""; - - -var $93fafa15944f6274$exports = {}; -$93fafa15944f6274$exports = "\n \n"; - - -var $1bfbe8e3a51fd237$exports = {}; -$1bfbe8e3a51fd237$exports = "\n \n"; - - -var $3565d9857c49b4ba$exports = {}; -$3565d9857c49b4ba$exports = "\n \n \n"; - - -var $34048e42a1cebf0c$exports = {}; -$34048e42a1cebf0c$exports = "\n \n \n"; - - -var $e1361ff4dcafdf4b$exports = {}; -$e1361ff4dcafdf4b$exports = "\n \n \n"; - - -var $e0523ecc964a3d0f$exports = {}; -$e0523ecc964a3d0f$exports = "\n\t\n\n"; - - -var $659436e8c6d8debf$exports = {}; -$659436e8c6d8debf$exports = "\n \n \n"; - - -var $667a538d9bdd13c5$exports = {}; -$667a538d9bdd13c5$exports = "\n\t\n\t\n\t\n\t\n"; - - -var $238fab3092857e42$exports = {}; -$238fab3092857e42$exports = "\n\t\n"; - - -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 = "\n \n"; - - -var $baad8354f50de513$exports = {}; -$baad8354f50de513$exports = "\n\n\n\n"; - - -var $a6b31ea821176f04$exports = {}; -$a6b31ea821176f04$exports = "\n\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
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Player version:
\n
__VERSION__
\n
\n
\n
Video url:
\n
\n
\n
\n
Video volume:
\n
\n
\n
\n
Video time:
\n
\n
\n
\n
Video duration:
\n
\n
\n
\n
Video resolution:
\n
\n x \n
\n
\n
\n
[x]
\n
\n
\n
\n
×
\n
\n
\n
\n '}query(e){return o.query(e,this.$container)}desktop(){const{option:e}=this.art;e.useSSR||(this.$container.innerHTML=s.html),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$poster=this.query(".art-poster"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$miniHeader=this.query(".art-mini-header"),this.$miniTitle=this.query(".art-mini-title"),this.$miniClose=this.query(".art-mini-close"),this.$contextmenu=this.query(".art-contextmenus"),e.backdrop&&(o.addClass(this.$setting,"art-backdrop-filter"),o.addClass(this.$contextmenu,"art-backdrop-filter"),o.addClass(this.$info,"art-backdrop-filter")),o.isMobile&&o.addClass(this.$player,"art-mobile")}mobile(){this.$container.innerHTML='\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
\n
\n
\n
\n
\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, '>'), - }; - }, -});