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

Refactor Control class to update control option variables and element references

Browse Source
This commit is contained in:
Harvey Zack committed 2024-10-21 17:32:48 +08:00
1 parent 0b75f1d132
commit a01782732d
4 files changed
+37 -29
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer-plugin-dash-control/src/index.js
+18 -13
View File
@@ -17,15 +17,15 @@ export default function artplayerPluginDashControl(option = {}) {
const { $video } = art.template;
const { errorHandle } = art.constructor.utils;
function updateQuality(dashPlayer) {
const qualities = dashPlayer.getBitrateInfoListFor('video');
function updateQuality(dash) {
const qualities = dash.getBitrateInfoListFor('video');
if (!qualities.length) return;
const config = option.quality || {};
const auto = config.auto || 'Auto';
const title = config.title || 'Quality';
const getName = config.getName || ((level) => `${level.height}p`);
const currentQuality = dashPlayer.getQualityFor('video');
const currentQuality = dash.getQualityFor('video');
const defaultLevel = qualities[currentQuality];
const defaultHtml = defaultLevel ? getName(defaultLevel) : auto;
@@ -43,12 +43,12 @@ export default function artplayerPluginDashControl(option = {}) {
selector.push({
html: auto,
value: 'auto',
default: dashPlayer.getSettings().streaming.abr.autoSwitchBitrate['video'],
default: dash.getSettings().streaming.abr.autoSwitchBitrate['video'],
});
const onSelect = (item) => {
if (item.value === 'auto') {
dashPlayer.updateSettings({
dash.updateSettings({
streaming: {
abr: {
autoSwitchBitrate: {
@@ -58,7 +58,7 @@ export default function artplayerPluginDashControl(option = {}) {
},
});
} else {
dashPlayer.updateSettings({
dash.updateSettings({
streaming: {
abr: {
autoSwitchBitrate: {
@@ -67,7 +67,7 @@ export default function artplayerPluginDashControl(option = {}) {
},
},
});
dashPlayer.setQualityFor('video', item.value);
dash.setQualityFor('video', item.value);
}
art.notice.show = `${title}: ${item.html}`;
art.emit('artplayerPluginDashControl:quality', item);
@@ -108,29 +108,34 @@ export default function artplayerPluginDashControl(option = {}) {
}
}
function updateAudio(dashPlayer) {
const audioTracks = dashPlayer.getTracksFor('audio');
function updateAudio(dash) {
const audioTracks = dash.getTracksFor('audio');
if (!audioTracks.length) return;
console.log('audioTracks', audioTracks);
const config = option.audio || {};
const auto = config.auto || 'Auto';
const title = config.title || 'Audio';
const getName = config.getName || ((track) => track.lang || track.id);
const currentTrack = dashPlayer.getCurrentTrackFor('audio');
const defaultHtml = currentTrack ? getName(currentTrack) : 'Default';
const currentTrack = dash.getCurrentTrackFor('audio');
console.log('currentTrack', currentTrack);
const defaultHtml = currentTrack ? getName(currentTrack) : auto;
const selector = uniqBy(
audioTracks.map((item) => {
return {
html: getName(item),
value: item.id,
default: currentTrack && currentTrack.id === item.id,
default: currentTrack === item,
};
}),
'html',
);
const onSelect = (item) => {
dashPlayer.setCurrentTrack(audioTracks.find((track) => track.id === item.value));
dash.setCurrentTrack(audioTracks.find((track) => track.id === item.value));
art.loading.show = true;
art.notice.show = `${title}: ${item.html}`;
art.emit('artplayerPluginDashControl:audio', item);