V5 (#509)

* update artplayer.d.ts

* update variables.less

* update artplayerPluginControl

* build:all

* update docs

* update docs

* update docs

* Update layers.md

* update index.js

* update docs

* update docs

docs/uncompiled/artplayer-plugin-dash-quality/index.js

@@ -169,7 +169,7 @@ function artplayerPluginDashQuality(option) {
                     }
                 }
             };
-            if (option.control) art.controls.add({
+            if (option.control) art.controls.update({
                 name: "dash-quality",
                 position: "right",
                 html: defaultHtml,
@@ -190,7 +190,7 @@ function artplayerPluginDashQuality(option) {
                     return item.html;
                 }
             });
-            if (option.setting) art.setting.add({
+            if (option.setting) art.setting.update({
                 name: "dash-quality",
                 tooltip: defaultHtml,
                 html: title,
@@ -212,6 +212,7 @@ function artplayerPluginDashQuality(option) {
             });
         }
         art.on("ready", update);
+        art.on("restart", update);
         return {
             name: "artplayerPluginDashQuality"
         };
@@ -219,8 +220,8 @@ function artplayerPluginDashQuality(option) {
 }
 exports.default = artplayerPluginDashQuality;
 artplayerPluginDashQuality.env = "development";
-artplayerPluginDashQuality.version = "1.0.1";
-artplayerPluginDashQuality.build = "2023-02-18 12:24:09";
+artplayerPluginDashQuality.version = "2.0.0";
+artplayerPluginDashQuality.build = "2023-04-23 09:50:27";
 if (typeof window !== "undefined") window["artplayerPluginDashQuality"] = artplayerPluginDashQuality;
 
 },{"bundle-text:./image.svg":"78FlN","@parcel/transformer-js/src/esmodule-helpers.js":"5dUr6"}],"78FlN":[function(require,module,exports) {

docs/uncompiled/artplayer-plugin-dash-quality/index.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/artplayer-plugin-dash-quality/src/index.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-64c514a205c07416.js","node_modules/@parcel/transformer-js/src/esmodule-helpers.js"],"sourcesContent":["import image from 'bundle-text:./image.svg';\n\nexport default function artplayerPluginDashQuality(option) {\n    return (art) => {\n        const { $video } = art.template;\n        const { errorHandle } = art.constructor.utils;\n\n        function update() {\n            const dash = art.dash || window.dash;\n            errorHandle(\n                dash && dash.getVideoElement() === $video,\n                'Cannot find instance of Dash from \"art.dash\" or \"window.dash\"',\n            );\n            const auto = option.auto || 'Auto';\n            const title = option.title || 'Quality';\n            const levels = dash.getBitrateInfoListFor('video');\n            const currentLevel = dash.getQualityFor('video');\n            const getResolution = option.getResolution || ((level) => (level.height || 'Unknown ') + 'P');\n            const settings = dash.getSettings();\n            const defaultLevel = levels[currentLevel];\n            const defaultHtml = settings?.streaming?.abr?.autoSwitchBitrate?.video ? auto : getResolution(defaultLevel);\n\n            const cfg = {\n                streaming: {\n                    abr: {\n           Line truncated
+{"mappings":"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","sources":["packages/artplayer-plugin-dash-quality/src/index.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-64c514a205c07416.js","node_modules/@parcel/transformer-js/src/esmodule-helpers.js"],"sourcesContent":["import image from 'bundle-text:./image.svg';\n\nexport default function artplayerPluginDashQuality(option) {\n    return (art) => {\n        const { $video } = art.template;\n        const { errorHandle } = art.constructor.utils;\n\n        function update() {\n            const dash = art.dash || window.dash;\n            errorHandle(\n                dash && dash.getVideoElement() === $video,\n                'Cannot find instance of Dash from \"art.dash\" or \"window.dash\"',\n            );\n            const auto = option.auto || 'Auto';\n            const title = option.title || 'Quality';\n            const levels = dash.getBitrateInfoListFor('video');\n            const currentLevel = dash.getQualityFor('video');\n            const getResolution = option.getResolution || ((level) => (level.height || 'Unknown ') + 'P');\n            const settings = dash.getSettings();\n            const defaultLevel = levels[currentLevel];\n            const defaultHtml = settings?.streaming?.abr?.autoSwitchBitrate?.video ? auto : getResolution(defaultLevel);\n\n            const cfg = {\n                streaming: {\n                    abr: {\n                        autoSwitchBitrate: {},\n                    },\n                },\n            };\n\n            if (option.control) {\n                art.controls.update({\n                    name: 'dash-quality',\n                    position: 'right',\n                    html: defaultHtml,\n                    style: { padding: '0 10px' },\n                    selector: levels.map((item, index) => {\n                        return {\n                            html: getResolution(item),\n                            level: index,\n                            default: defaultLevel === item,\n                        };\n                    }),\n                    onSelect(item) {\n                        cfg.streaming.abr.autoSwitchBitrate['video'] = false;\n                        dash.updateSettings(cfg);\n                        dash.setQualityFor('video', item.level, true);\n                        return item.html;\n                    },\n                });\n            }\n\n            if (option.setting) {\n                art.setting.update({\n                    name: 'dash-quality',\n                    tooltip: defaultHtml,\n Line truncated