x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-21 04:31:20 -08:00
Code Issues Packages Projects Releases Wiki Activity

Refactor Setting class to update range values and append items

Browse Source
This commit is contained in:
Harvey Zack committed 2024-10-20 14:46:40 +08:00
1 parent d678378119
commit fbfee926ca
7 files changed
+58 -18
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/uncompiled/artplayer-plugin-hls-control/index.js
+13 -3
View File
@@ -161,7 +161,7 @@ function uniqBy(array, property) {
function artplayerPluginHlsControl(option = {}) {
return (art)=>{
const { $video } = art.template;
const { errorHandle, query } = art.constructor.utils;
const { errorHandle, query, queryAll, inverseClass } = art.constructor.utils;
function updateQuality(hls) {
if (!hls.levels.length) return;
const config = option.quality || {};
@@ -199,9 +199,12 @@ function artplayerPluginHlsControl(option = {}) {
selector: selector,
onSelect: onSelect,
mounted: ($control)=>{
const $value = query(".art-selector-value", $control);
art.on("artplayerPluginHlsControl:quality", (item)=>{
const $value = query(".art-selector-value", $control);
const $items = queryAll(".art-selector-item", $control);
$value.innerHTML = item.html;
const $item = $items.find((element)=>Number(element.dataset.value) === item.value);
inverseClass($item, "art-current");
});
}
});
@@ -216,6 +219,8 @@ function artplayerPluginHlsControl(option = {}) {
mounted: (_, setting)=>{
art.on("artplayerPluginHlsControl:quality", (item)=>{
setting.tooltip = item.html;
const element = setting.selector.find((element)=>Number(element.$item?.dataset?.value) === item.value);
if (element?.$item) inverseClass(element.$item, "art-current");
});
}
});
@@ -252,9 +257,12 @@ function artplayerPluginHlsControl(option = {}) {
selector: selector,
onSelect: onSelect,
mounted: ($control)=>{
const $value = query(".art-selector-value", $control);
art.on("artplayerPluginHlsControl:audio", (item)=>{
const $value = query(".art-selector-value", $control);
const $items = queryAll(".art-selector-item", $control);
$value.innerHTML = item.html;
const $item = $items.find((element)=>Number(element.dataset.value) === item.value);
inverseClass($item, "art-current");
});
}
});
@@ -269,6 +277,8 @@ function artplayerPluginHlsControl(option = {}) {
mounted: (_, setting)=>{
art.on("artplayerPluginHlsControl:audio", (item)=>{
setting.tooltip = item.html;
const element = setting.selector.find((element)=>Number(element.$item?.dataset?.value) === item.value);
if (element?.$item) inverseClass(element.$item, "art-current");
});
}
});