x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-23 13:51: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

packages/artplayer-plugin-hls-control/src/index.js
+23 -3
View File
@@ -15,7 +15,7 @@ function uniqBy(array, property) {
export default 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;
@@ -61,9 +61,12 @@ export default 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');
});
},
});
@@ -81,6 +84,14 @@ export default 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');
}
});
},
});
@@ -125,9 +136,12 @@ export default 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');
});
},
});
@@ -145,6 +159,12 @@ export default 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');
}
});
},
});