kankerherrie

playlist/templates/MediaPlayer.html

@@ -1,3 +1,4 @@
+{% load static %}
 <div id="embed"></div>
 <div id="album">
 {% if track.album.image %}
@@ -25,6 +26,7 @@
 <div class="spacer"></div>
 <input id="volume" type="range" min="1" max="11" value="5" />
 </div>
+<audio id="kankerherrie" loop src="{% static 'kankerherrie.mp3' %}"></audio>
 <script src="https://open.spotify.com/embed/iframe-api/v1"></script>
 <script>
   window.onSpotifyIframeApiReady = doSpotify;
@@ -93,4 +95,13 @@
         iframe.classList.add('hide');
       });
   };
+  document.getElementById("volume").addEventListener('change', (event) => {
+    let kankerherrie = document.getElementById("kankerherrie")
+    //document.getElementById("stop").click();
+    console.log(event);
+    let volume = event.target.value / 11;
+    kankerherrie.play();
+    if (volume <= 1/11) kankerherrie.pause();
+    kankerherrie.volume = volume;
+  })
 </script>