V5 (#500)

* update dep * Update package.json * update contextmenu * update d.ts * update onVttLoad * build artplayer * update style * --art-theme * update style * update style * update user-select * add getIcon * update style * update style * update style * update style * update style * update style * update style * update style * update style * update style * update style * update style * update style * update style * update style * add progress-hover * update mini * update style * update style * update style * update style * update style * update volume * update style * add art-backdrop * update style * update style * update style * update currentLevel * update artplayerPluginControl * update artplayerPluginDanmuku * Update package.json
2026-10-22 13:21:20 -08:00 · 2023-04-16 23:01:26 +08:00
1 parent af12bd9634
commit 7b53de941d
@@ -174,7 +174,8 @@ function artplayerPluginHlsQuality(option) {
                    };
                }),
                onSelect (item) {
-                    hls.nextLevel = item.level;
+                    hls.currentLevel = item.level;
+                    art.loading.show = true;
                    return item.html;
                }
            });
@@ -192,7 +193,8 @@ function artplayerPluginHlsQuality(option) {
                    };
                }),
                onSelect: function(item) {
-                    hls.nextLevel = item.level;
+                    hls.currentLevel = item.level;
+                    art.loading.show = true;
                    return item.html;
                }
            });
@@ -205,8 +207,8 @@ function artplayerPluginHlsQuality(option) {
 }
 exports.default = artplayerPluginHlsQuality;
 artplayerPluginHlsQuality.env = "development";
-artplayerPluginHlsQuality.version = "1.0.1";
-artplayerPluginHlsQuality.build = "2023-02-18 11:28:03";
+artplayerPluginHlsQuality.version = "1.0.2";
+artplayerPluginHlsQuality.build = "2023-04-16 22:04:16";
 if (typeof window !== "undefined") window["artplayerPluginHlsQuality"] = artplayerPluginHlsQuality;

 },{"bundle-text:./image.svg":"1HFaU","@parcel/transformer-js/src/esmodule-helpers.js":"5dUr6"}],"1HFaU":[function(require,module,exports) {
@@ -1 +1 @@
-{"mappings":"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","sources":["packages/artplayer-plugin-hls-quality/src/index.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-cdfe3d14efbab84d.js","node_modules/@parcel/transformer-js/src/esmodule-helpers.js"],"sourcesContent":["import image from 'bundle-text:./image.svg';\n\nexport default function artplayerPluginHlsQuality(option) {\n    return (art) => {\n        const { $video } = art.template;\n        const { errorHandle } = art.constructor.utils;\n\n        function update() {\n            const hls = art.hls || window.hls;\n            errorHandle(hls && hls.media === $video, 'Cannot find instance of HLS from \"art.hls\" or \"window.hls\"');\n            const auto = option.auto || 'Auto';\n            const title = option.title || 'Quality';\n            const getResolution = option.getResolution || ((level) => (level.height || 'Unknown ') + 'P');\n            const defaultLevel = hls.levels[hls.currentLevel];\n            const defaultHtml = defaultLevel ? getResolution(defaultLevel) : auto;\n\n            if (option.control) {\n                art.controls.add({\n                    name: 'hls-quality',\n                    position: 'right',\n                    html: defaultHtml,\n                    style: { padding: '0 10px' },\n                    selector: hls.levels.map((item, index) => {\n                        return {\n                            html: getResolution(item),\n                            level: item.level || index,\n                            default: defaultLevel === item,\n                        };\n                    }),\n                    onSelect(item) {\n                        hls.nextLevel = item.level;\n                        return item.html;\n                    },\n                });\n            }\n\n            if (option.setting) {\n                art.setting.add({\n                    name: 'hls-quality',\n    Line truncated
+{"mappings":"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","sources":["packages/artplayer-plugin-hls-quality/src/index.js","node_modules/@parcel/runtime-js/lib/bundles/runtime-cdfe3d14efbab84d.js","node_modules/@parcel/transformer-js/src/esmodule-helpers.js"],"sourcesContent":["import image from 'bundle-text:./image.svg';\n\nexport default function artplayerPluginHlsQuality(option) {\n    return (art) => {\n        const { $video } = art.template;\n        const { errorHandle } = art.constructor.utils;\n\n        function update() {\n            const hls = art.hls || window.hls;\n            errorHandle(hls && hls.media === $video, 'Cannot find instance of HLS from \"art.hls\" or \"window.hls\"');\n            const auto = option.auto || 'Auto';\n            const title = option.title || 'Quality';\n            const getResolution = option.getResolution || ((level) => (level.height || 'Unknown ') + 'P');\n            const defaultLevel = hls.levels[hls.currentLevel];\n            const defaultHtml = defaultLevel ? getResolution(defaultLevel) : auto;\n\n            if (option.control) {\n                art.controls.add({\n                    name: 'hls-quality',\n                    position: 'right',\n                    html: defaultHtml,\n                    style: { padding: '0 10px' },\n                    selector: hls.levels.map((item, index) => {\n                        return {\n                            html: getResolution(item),\n                            level: item.level || index,\n                            default: defaultLevel === item,\n                        };\n                    }),\n                    onSelect(item) {\n                        hls.currentLevel = item.level;\n                        art.loading.show = true;\n                        return item.html;\n                    },\n                });\n            }\n\n            if (option.setting) {\n                art.setting.add({\n                    name: 'hls-quality',\n                    tooltip: defaultHtml,\n                    html: title,\n                    icon: image,\n                    width: 200,\n                    selector: hls.levels.map((item, index) => {\n                        return {\n                            html: getResolution(item),\n                            level: item.level || index,\n                            default: defaultLevel === item,\n                        };\n                    }),\n                    onSelect: function (item) {\n                        hls.currentLevel = item.level;\n                        art.loading.show = true;\n                        return item.html;\n                    },\n                });\n            }\n        }\n\n        art.on('ready', update);\n\n        return {\n            name: 'artplayerPluginHlsQuality',\n        };\n    };\n}\nLine truncated