vndangkhoa/kv-music
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Scrolling on volume bar changes volume

Browse source
This commit is contained in:
Bee / Simon 2025-12-31 09:09:35 +01:00
parent 698c6abd15
commit 5bb7c341db
1 changed files with 32 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
js/events.js
View file

@ -152,6 +152,7 @@ function initializeSmoothSliders(audioPlayer, player) {
const progressFill = document.getElementById('progress-fill'); const progressFill = document.getElementById('progress-fill');
const volumeBar = document.getElementById('volume-bar'); const volumeBar = document.getElementById('volume-bar');
const volumeFill = document.getElementById('volume-fill'); const volumeFill = document.getElementById('volume-fill');
const volumeBtn = document.getElementById('volume-btn');
let isSeeking = false; let isSeeking = false;
let wasPlaying = false; let wasPlaying = false;
@ -314,6 +315,37 @@ function initializeSmoothSliders(audioPlayer, player) {
}); });
} }
}); });
volumeBar.addEventListener('wheel', e => {
e.preventDefault();
const delta = e.deltaY > 0 ? -0.05 : 0.05;
const newVolume = Math.max(0, Math.min(1, audioPlayer.volume + delta));
if (delta > 0 && audioPlayer.muted) {
audioPlayer.muted = false;
localStorage.setItem('muted', false);
}
audioPlayer.volume = newVolume;
volumeFill.style.width = `${newVolume * 100}%`;
volumeBar.style.setProperty('--volume-level', `${newVolume * 100}%`);
localStorage.setItem('volume', newVolume);
}, { passive: false });
volumeBtn?.addEventListener('wheel', e => {
e.preventDefault();
const delta = e.deltaY > 0 ? -0.05 : 0.05;
const newVolume = Math.max(0, Math.min(1, audioPlayer.volume + delta));
if (delta > 0 && audioPlayer.muted) {
audioPlayer.muted = false;
localStorage.setItem('muted', false);
}
audioPlayer.volume = newVolume;
volumeFill.style.width = `${newVolume * 100}%`;
volumeBar.style.setProperty('--volume-level', `${newVolume * 100}%`);
localStorage.setItem('volume', newVolume);
}, { passive: false });
} }
export async function handleTrackAction(action, item, player, api, lyricsManager, type = 'track', ui = null, scrobbler = null) { export async function handleTrackAction(action, item, player, api, lyricsManager, type = 'track', ui = null, scrobbler = null) {