From: Chris Fulljames <christianfulljames@gmail.com>
Date: Sat, 21 Jun 2025 19:23:26 +0000 (-0400)
Subject: Fix volume refresh issue
X-Git-Url: https://littlesong.place/gitweb/?a=commitdiff_plain;h=fdf0639b1e831da85e74775042c18f68055991be;p=littlesongplace.git

Fix volume refresh issue
---

diff --git a/src/littlesongplace/static/player.js b/src/littlesongplace/static/player.js
index 9338e3e..b14d598 100644
--- a/src/littlesongplace/static/player.js
+++ b/src/littlesongplace/static/player.js
@@ -180,6 +180,11 @@ function songUpdate() {
 var m_firstLoadPlayer = true;
 document.addEventListener("DOMContentLoaded", (event) => {
 
+    // Sync volume with current slider position (may be reset after refresh)
+    var audio = document.getElementById("player-audio");
+    const slider = document.getElementById("volume-slider");
+    audio.volume = slider.value;
+
     // The player never gets rebuilt, so we only need to set it up the first time
     if (!m_firstLoadPlayer) {
         return;
@@ -187,7 +192,6 @@ document.addEventListener("DOMContentLoaded", (event) => {
     m_firstLoadPlayer = false;
 
     // Audio playback position while playing
-    var audio = document.getElementById("player-audio");
     audio.addEventListener("timeupdate", songUpdate);
 
     // Next song on audio playback end