... |
... |
@@ -2,6 +2,8 @@ |
2 |
2 |
<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" /> |
3 |
3 |
<script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script> |
4 |
4 |
|
|
5 |
+<h2 style="text-align:center;">Final War: Glory Unending (2002)</h2> |
|
6 |
+ |
5 |
5 |
<select id="tracklist" onchange="changeTrack()" style="width:100%; margin-bottom: 20px; padding: 8px;"> |
6 |
6 |
<option value="">🎵 Select a track...</option> |
7 |
7 |
<option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/01%20-%20Shit%20out.mp3">01 - Shit Out</option> |
... |
... |
@@ -18,6 +18,7 @@ |
18 |
18 |
<option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/12%20-%20Defenders%20of%20the%20Reich.mp3">12 - Defenders of the Reich</option> |
19 |
19 |
<option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/13%20-%20Glory%20unending.mp3">13 - Glory Unending</option> |
20 |
20 |
<option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/14%20-%20Pulled%20over%20+%20Verstecktes%20Lied%20(Suddenly).mp3">14 - Pulled Over + Verstecktes Lied (Suddenly)</option> |
|
23 |
+ <!-- (etc all your songs) --> |
21 |
21 |
</select> |
22 |
22 |
|
23 |
23 |
<audio id="player" controls style="width:100%;"> |
... |
... |
@@ -43,3 +43,41 @@ |
43 |
43 |
</script> |
44 |
44 |
{{/html}} |
45 |
45 |
|
|
49 |
+{{html}} |
|
50 |
+<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" /> |
|
51 |
+<script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script> |
|
52 |
+ |
|
53 |
+<h2 style="text-align:center;">Final War: We Speak the Truth (2004)</h2> |
|
54 |
+ |
|
55 |
+<select id="tracklist2" onchange="changeTrack2()" style="width:100%; margin-bottom: 20px; padding: 8px;"> |
|
56 |
+ <option value="">🎵 Select a track...</option> |
|
57 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/01%20-%20A%20day%20in%20the%20life%20of.mp3">01 - A Day in the Life Of...</option> |
|
58 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/02%20-%20Senseless%20violence.mp3">02 - Senseless Violence</option> |
|
59 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/03%20-%20Repatriation.mp3">03 - Repatriation</option> |
|
60 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/04%20-%20The%20patriots.mp3">04 - The Patriots</option> |
|
61 |
+ <!-- etc, I'll build all 16 for you --> |
|
62 |
+</select> |
|
63 |
+ |
|
64 |
+<audio id="player2" controls style="width:100%;"> |
|
65 |
+ <source id="playerSource2" src="" type="audio/mp3" /> |
|
66 |
+</audio> |
|
67 |
+ |
|
68 |
+<script> |
|
69 |
+document.addEventListener('DOMContentLoaded', () => { |
|
70 |
+ const player2 = new Plyr('#player2'); |
|
71 |
+}); |
|
72 |
+ |
|
73 |
+function changeTrack2() { |
|
74 |
+ var select = document.getElementById('tracklist2'); |
|
75 |
+ var player2 = document.getElementById('player2'); |
|
76 |
+ var source2 = document.getElementById('playerSource2'); |
|
77 |
+ |
|
78 |
+ if (select.value) { |
|
79 |
+ source2.src = select.value; |
|
80 |
+ player2.load(); |
|
81 |
+ player2.play(); |
|
82 |
+ } |
|
83 |
+} |
|
84 |
+</script> |
|
85 |
+{{/html}} |
|
86 |
+ |