Fix volume refresh issue

diff --git a/src/littlesongplace/static/player.js b/src/littlesongplace/static/player.js
index 9338e3e4c4c2da400d9e1904400034dfb7dec235..b14d598c5fc88e0754f88e342ac458cfdb8ac924 100644 (file)
--- 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