... |
... |
@@ -1,26 +1,31 @@ |
|
1 |
+ |
|
2 |
+ |
1 |
1 |
{{html}} |
|
4 |
+<!-- ONLY ONE TIME: Load Plyr CSS + JS --> |
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 |
|
|
8 |
+<!-- Album 1 --> |
5 |
5 |
<h2 style="text-align:center;">Final War: Glory Unending (2002)</h2> |
6 |
|
- |
7 |
7 |
<select id="tracklist" onchange="changeTrack()" style="width:100%; margin-bottom: 20px; padding: 8px;"> |
8 |
8 |
<option value="">🎵 Select a track...</option> |
9 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/01%20-%20Shit%20out.mp3">01 - Shit Out</option> |
10 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/02%20-%20Pride%20and%20tradition.mp3">02 - Pride and Tradition</option> |
11 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/03%20-%20Land%20of%20the%20White.mp3">03 - Land of the White</option> |
12 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/04%20-%20Saturday%20night.mp3">04 - Saturday Night</option> |
13 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/05%20-%20Tales%20of%20honor.mp3">05 - Tales of Honor</option> |
14 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/06%20-%20Hail%20the%20new%20dawn.mp3">06 - Hail the New Dawn</option> |
15 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/07%20-%20The%20nationalist.mp3">07 - The Nationalist</option> |
16 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/08%20-%20Race%20land.mp3">08 - Race Land</option> |
17 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/09%20-%20Stand%20against.mp3">09 - Stand Against</option> |
18 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/10%20-%20Vision%20in%20my%20mind.mp3">10 - Vision in My Mind</option> |
19 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/11%20-%20Trtrv.mp3">11 - Trtrv</option> |
20 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/12%20-%20Defenders%20of%20the%20Reich.mp3">12 - Defenders of the Reich</option> |
21 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/13%20-%20Glory%20unending.mp3">13 - Glory Unending</option> |
22 |
|
- <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) --> |
|
12 |
+ <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> |
|
13 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/02%20-%20Senseless%20violence.mp3">02 - Senseless Violence</option> |
|
14 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/03%20-%20Repatriation.mp3">03 - Repatriation</option> |
|
15 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/04%20-%20The%20patriots.mp3">04 - The Patriots</option> |
|
16 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/05%20-%20We%20speak%20the%20truth.mp3">05 - We Speak the Truth</option> |
|
17 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/06%20-%20Pearl%20Harbor.mp3">06 - Pearl Harbor</option> |
|
18 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/07%20-%20Don't%20want%20your%20excuses.mp3">07 - Don't Want Your Excuses</option> |
|
19 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/08%20-%20Victory%20or%20death.mp3">08 - Victory or Death</option> |
|
20 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/09%20-%20Settle%20the%20score.mp3">09 - Settle the Score</option> |
|
21 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/10%20-%20War%20machine.mp3">10 - War Machine</option> |
|
22 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/11%20-%20Final%20attack.mp3">11 - Final Attack</option> |
|
23 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/12%20-%20Never%20alone.mp3">12 - Never Alone</option> |
|
24 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/13%20-%20Living%20for%20the%20day.mp3">13 - Living for the Day</option> |
|
25 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/14%20-%20Do%20what%20you%20want.mp3">14 - Do What You Want</option> |
|
26 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/15%20-%20OC%20Skinhead.mp3">15 - OC Skinhead</option> |
|
27 |
+ <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/16%20-%20Brotherhood.mp3">16 - Brotherhood</option> |
|
28 |
+ <!-- etc --> |
24 |
24 |
</select> |
25 |
25 |
|
26 |
26 |
<audio id="player" controls style="width:100%;"> |
... |
... |
@@ -27,31 +27,8 @@ |
27 |
27 |
<source id="playerSource" src="" type="audio/mp3" /> |
28 |
28 |
</audio> |
29 |
29 |
|
30 |
|
-<script> |
31 |
|
-document.addEventListener('DOMContentLoaded', () => { |
32 |
|
- const player = new Plyr('#player'); |
33 |
|
-}); |
34 |
|
- |
35 |
|
-function changeTrack() { |
36 |
|
- var select = document.getElementById('tracklist'); |
37 |
|
- var player = document.getElementById('player'); |
38 |
|
- var source = document.getElementById('playerSource'); |
39 |
|
- |
40 |
|
- if (select.value) { |
41 |
|
- source.src = select.value; |
42 |
|
- player.load(); |
43 |
|
- player.play(); |
44 |
|
- } |
45 |
|
-} |
46 |
|
-</script> |
47 |
|
-{{/html}} |
48 |
|
- |
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 (2002)</h2> |
54 |
|
- |
|
35 |
+<!-- Album 2 --> |
|
36 |
+<h2 style="text-align:center;">Final War: We Speak the Truth (2004)</h2> |
55 |
55 |
<select id="tracklist2" onchange="changeTrack2()" style="width:100%; margin-bottom: 20px; padding: 8px;"> |
56 |
56 |
<option value="">🎵 Select a track...</option> |
57 |
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> |
... |
... |
@@ -70,6 +70,7 @@ |
70 |
70 |
<option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/14%20-%20Do%20what%20you%20want.mp3">14 - Do What You Want</option> |
71 |
71 |
<option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/15%20-%20OC%20Skinhead.mp3">15 - OC Skinhead</option> |
72 |
72 |
<option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/16%20-%20Brotherhood.mp3">16 - Brotherhood</option> |
|
55 |
+ <!-- etc --> |
73 |
73 |
</select> |
74 |
74 |
|
75 |
75 |
<audio id="player2" controls style="width:100%;"> |
... |
... |
@@ -78,9 +78,22 @@ |
78 |
78 |
|
79 |
79 |
<script> |
80 |
80 |
document.addEventListener('DOMContentLoaded', () => { |
81 |
|
- const player2 = new Plyr('#player2'); |
|
64 |
+ new Plyr('#player'); |
|
65 |
+ new Plyr('#player2'); |
82 |
82 |
}); |
83 |
83 |
|
|
68 |
+function changeTrack() { |
|
69 |
+ var select = document.getElementById('tracklist'); |
|
70 |
+ var player = document.getElementById('player'); |
|
71 |
+ var source = document.getElementById('playerSource'); |
|
72 |
+ |
|
73 |
+ if (select.value) { |
|
74 |
+ source.src = select.value; |
|
75 |
+ player.load(); |
|
76 |
+ player.play(); |
|
77 |
+ } |
|
78 |
+} |
|
79 |
+ |
84 |
84 |
function changeTrack2() { |
85 |
85 |
var select = document.getElementById('tracklist2'); |
86 |
86 |
var player2 = document.getElementById('player2'); |
... |
... |
@@ -95,4 +95,3 @@ |
95 |
95 |
</script> |
96 |
96 |
{{/html}} |
97 |
97 |
|
98 |
|
- |