Changeset 73cffc3 in Klonkt for src/assets/js/audio-player.js

Timestamp:

06/28/2026 10:47:29 AM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

2eca083

Parents:

515cf1a

Message:

feat(player): remember volume + mute across sessions (localStorage)

The audio player reset to 80% on every load. It now restores the last volume and mute state
from localStorage (pcmsVolume/pcmsMuted) and saves on every change.

• assets/js/audio-player.js — read/write pcmsVolume + pcmsMuted on load + input/mute
• views/shell.ejs — bump audio-player.js cache buster to v31

File:

• src/assets/js/audio-player.js (modified) (1 diff)

src/assets/js/audio-player.js

@@ -560 +560 @@
   attachSeek(sheetSeek);
 
-  audio.volume = 0.8;
+  // Volume + mute persist across sessions/pages via localStorage.
+  const VOL_KEY = 'pcmsVolume', MUTE_KEY = 'pcmsMuted';
+  const saveVol = () => { try { localStorage.setItem(VOL_KEY, String(audio.volume)); localStorage.setItem(MUTE_KEY, audio.muted ? '1' : '0'); } catch (e) { /* private mode */ } };
+  let _initVol = parseFloat(localStorage.getItem(VOL_KEY));
+  if (!isFinite(_initVol) || _initVol < 0 || _initVol > 1) _initVol = 0.8;
+  audio.volume = _initVol;
+  volumeSlider.value = Math.round(_initVol * 100);
+  if (localStorage.getItem(MUTE_KEY) === '1') audio.muted = true;
+  root.classList.toggle('is-muted', audio.muted || audio.volume === 0);
   volumeSlider.addEventListener('input', () => {
     audio.volume = volumeSlider.value / 100;
     if (volumeSlider.value > 0) audio.muted = false;
-  });
-  muteBtn.addEventListener('click', () => { audio.muted = !audio.muted; });
+    saveVol();
+  });
+  muteBtn.addEventListener('click', () => { audio.muted = !audio.muted; saveVol(); });
 
   // ============================================================