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

Fix muted status persistence and revert volume storage refactor

Browse source
This commit is contained in:
Julien Maille 2025-12-25 21:20:19 +01:00
parent 18182a8085
commit 77ccfc8234
2 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
js/events.js
View file

@ -103,17 +103,23 @@ export function initializePlayerEvents(player, audioPlayer, scrobbler) {
volumeBtn.innerHTML = (muted || volume === 0) ? SVG_MUTE : SVG_VOLUME; volumeBtn.innerHTML = (muted || volume === 0) ? SVG_MUTE : SVG_VOLUME;
const effectiveVolume = muted ? 0 : volume * 100; const effectiveVolume = muted ? 0 : volume * 100;
volumeFill.style.setProperty('--volume-level', `${effectiveVolume}%`); volumeFill.style.setProperty('--volume-level', `${effectiveVolume}%`);
volumeFill.style.width = `${effectiveVolume}%`;
}; };
volumeBtn.addEventListener('click', () => { volumeBtn.addEventListener('click', () => {
audioPlayer.muted = !audioPlayer.muted; audioPlayer.muted = !audioPlayer.muted;
localStorage.setItem('muted', audioPlayer.muted);
}); });
audioPlayer.addEventListener('volumechange', updateVolumeUI); audioPlayer.addEventListener('volumechange', updateVolumeUI);
// Initialize volume from localStorage // Initialize volume and mute from localStorage
const savedVolume = parseFloat(localStorage.getItem('volume') || '0.7'); const savedVolume = parseFloat(localStorage.getItem('volume') || '0.7');
const savedMuted = localStorage.getItem('muted') === 'true';
audioPlayer.volume = savedVolume; audioPlayer.volume = savedVolume;
audioPlayer.muted = savedMuted;
volumeFill.style.width = `${savedVolume * 100}%`; volumeFill.style.width = `${savedVolume * 100}%`;
volumeBar.style.setProperty('--volume-level', `${savedVolume * 100}%`); volumeBar.style.setProperty('--volume-level', `${savedVolume * 100}%`);
updateVolumeUI(); updateVolumeUI();
@ -272,7 +278,6 @@ function initializeSmoothSliders(audioPlayer, player) {
volumeBar.style.setProperty('--volume-level', `${position * 100}%`); volumeBar.style.setProperty('--volume-level', `${position * 100}%`);
localStorage.setItem('volume', position); localStorage.setItem('volume', position);
}); });
volumeBar.addEventListener('click', e => { volumeBar.addEventListener('click', e => {
if (!isAdjustingVolume) { if (!isAdjustingVolume) {
seek(volumeBar, e, position => { seek(volumeBar, e, position => {

2
js/storage.js
View file

@ -398,6 +398,8 @@ export const queueManager = {
} }
}; };
// System theme listener // System theme listener
if (typeof window !== 'undefined' && window.matchMedia) { if (typeof window !== 'undefined' && window.matchMedia) {
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => { window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {