website/js: add volume slider event handler

R-a-dio · Mar 18, 2024 · 11fdf50 · 11fdf50
1 parent 739cdff
commit 11fdf50
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/assets/js/radio.js b/assets/js/radio.js
@@ -79,6 +79,18 @@ htmx.on('htmx:load', (event) => {
             stream.setButton("Stop Stream");
         }
     }
+    // register volume slider
+    let volume = document.getElementById("stream-volume");
+    if (volume && !volume.dataset.haslistener) {
+        volume.dataset.haslistener = true;
+        volume.value = localStorage.getItem("volume");
+        volume.addEventListener("input", (ev) => {
+            vol = parseFloat(ev.target.value) / 100.0;
+            if (stream) {
+                stream.setVolume(vol, true);
+            }
+        });
+    }
 });
 
 htmx.on('htmx:afterSettle', (event) => {