... |
... |
@@ -1,3 +1,28 @@ |
1 |
|
-<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" /> |
2 |
|
-<script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script> |
|
1 |
+{{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> |
3 |
3 |
|
|
11 |
+<br><br> |
|
12 |
+ |
|
13 |
+<audio id="player" controls style="width: 100%;"> |
|
14 |
+ <source id="playerSource" src="" type="audio/mpeg"> |
|
15 |
+ Your browser does not support the audio element. |
|
16 |
+</audio> |
|
17 |
+ |
|
18 |
+<script> |
|
19 |
+function changeTrack(select) { |
|
20 |
+ var player = document.getElementById('player'); |
|
21 |
+ var source = document.getElementById('playerSource'); |
|
22 |
+ source.src = select.value; |
|
23 |
+ player.load(); |
|
24 |
+ player.play(); |
|
25 |
+} |
|
26 |
+</script> |
|
27 |
+{{/html}} |
|
28 |
+ |