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>

playlist/templates/head.html

@@ -13,7 +13,7 @@
 <link rel="icon" type="image/png" sizes="32x32" href="{% static 'favicon-32x32.png' %}">
 <link rel="icon" type="image/png" sizes="16x16" href="{% static 'favicon-16x16.png' %}">
 <link rel="manifest" href="/site.webmanifest">
-<title>HD Muzak: {{ request.path }}</title>
+<title>HD Muzak</title>
 <script>
 	//Global position object for cross-page window positioning
 	position = {