... |
... |
@@ -1,16 +1,28 @@ |
1 |
1 |
{{html}} |
2 |
|
-<iframe |
3 |
|
- style=" |
4 |
|
- border-radius: 12px; |
5 |
|
- width: 100%; |
6 |
|
- height: 352px; |
7 |
|
- border: none; |
8 |
|
- " |
9 |
|
- src="https://open.spotify.com/embed/playlist/0e8guQffSLf0AD7SayyGpc?utm_source=generator&theme=0" |
10 |
|
- allowfullscreen="" |
11 |
|
- allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" |
12 |
|
- loading="lazy" |
13 |
|
-></iframe> |
14 |
|
-{{/html}} |
|
2 |
+<select id="tracklist" onchange="changeTrack(this)"> |
|
3 |
+ <option value="">🎵 Select a track...</option> |
|
4 |
+ <option value="/bin/download/Pro%20White%20Music/01%20-%20Shit%20out.mp3">01 - Shit Out</option> |
|
5 |
+ <option value="/bin/download/Pro%20White%20Music/02%20-%20Pride%20and%20tradition.mp3">02 - Pride and Tradition</option> |
|
6 |
+ <option value="/bin/download/Pro%20White%20Music/03%20-%20Land%20of%20the%20White.mp3">03 - Land of the White</option> |
|
7 |
+ <option value="/bin/download/Pro%20White%20Music/04%20-%20Saturday%20night.mp3">04 - Saturday Night</option> |
|
8 |
+ <!-- etc --> |
|
9 |
+</select> |
15 |
15 |
|
|
11 |
+<br><br> |
16 |
16 |
|
|
13 |
+<div id="playerarea"> |
|
14 |
+ <audio controls style="width: 100%;"> |
|
15 |
+ <source src="" type="audio/mpeg"> |
|
16 |
+ Your browser does not support the audio element. |
|
17 |
+ </audio> |
|
18 |
+</div> |
|
19 |
+ |
|
20 |
+<script> |
|
21 |
+function changeTrack(select) { |
|
22 |
+ var src = select.value; |
|
23 |
+ var playerArea = document.getElementById('playerarea'); |
|
24 |
+ playerArea.innerHTML = '<audio controls style="width:100%;"><source src="' + src + '" type="audio/mpeg">Your browser does not support the audio element.</audio>'; |
|
25 |
+} |
|
26 |
+</script> |
|
27 |
+{{/html}} |
|
28 |
+ |