... |
... |
@@ -27,47 +27,20 @@ |
27 |
27 |
<source id="playerSource" src="" type="audio/mp3" /> |
28 |
28 |
</audio> |
29 |
29 |
|
30 |
|
- |
31 |
|
-<h2 style="text-align:center;">Final War: We Speak the Truth (2002)</h2> |
32 |
|
- |
33 |
|
-<select id="tracklist2" onchange="changeTrack2()" style="width:100%; margin-bottom: 20px; padding: 8px;"> |
34 |
|
- <option value="">🎵 Select a track...</option> |
35 |
|
- <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> |
36 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/02%20-%20Senseless%20violence.mp3">02 - Senseless Violence</option> |
37 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/03%20-%20Repatriation.mp3">03 - Repatriation</option> |
38 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/04%20-%20The%20patriots.mp3">04 - The Patriots</option> |
39 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/05%20-%20We%20speak%20the%20truth.mp3">05 - We Speak the Truth</option> |
40 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/06%20-%20Pearl%20Harbor.mp3">06 - Pearl Harbor</option> |
41 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/07%20-%20Don't%20want%20your%20excuses.mp3">07 - Don't Want Your Excuses</option> |
42 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/08%20-%20Victory%20or%20death.mp3">08 - Victory or Death</option> |
43 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/09%20-%20Settle%20the%20score.mp3">09 - Settle the Score</option> |
44 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/10%20-%20War%20machine.mp3">10 - War Machine</option> |
45 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/11%20-%20Final%20attack.mp3">11 - Final Attack</option> |
46 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/12%20-%20Never%20alone.mp3">12 - Never Alone</option> |
47 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/13%20-%20Living%20for%20the%20day.mp3">13 - Living for the Day</option> |
48 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/14%20-%20Do%20what%20you%20want.mp3">14 - Do What You Want</option> |
49 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/15%20-%20OC%20Skinhead.mp3">15 - OC Skinhead</option> |
50 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/16%20-%20Brotherhood.mp3">16 - Brotherhood</option> |
51 |
|
-</select> |
52 |
|
- |
53 |
|
-<audio id="player2" controls style="width:100%;"> |
54 |
|
- <source id="playerSource2" src="" type="audio/mp3" /> |
55 |
|
-</audio> |
56 |
|
- |
57 |
57 |
<script> |
58 |
58 |
document.addEventListener('DOMContentLoaded', () => { |
59 |
|
- const player2 = new Plyr('#player2'); |
|
32 |
+ const player = new Plyr('#player'); |
60 |
60 |
}); |
61 |
61 |
|
62 |
|
-function changeTrack2() { |
63 |
|
- var select = document.getElementById('tracklist2'); |
64 |
|
- var player2 = document.getElementById('player2'); |
65 |
|
- var source2 = document.getElementById('playerSource2'); |
|
35 |
+function changeTrack() { |
|
36 |
+ var select = document.getElementById('tracklist'); |
|
37 |
+ var player = document.getElementById('player'); |
|
38 |
+ var source = document.getElementById('playerSource'); |
66 |
66 |
|
67 |
67 |
if (select.value) { |
68 |
|
- source2.src = select.value; |
69 |
|
- player2.load(); |
70 |
|
- player2.play(); |
|
41 |
+ source.src = select.value; |
|
42 |
+ player.load(); |
|
43 |
+ player.play(); |
71 |
71 |
} |
72 |
72 |
} |
73 |
73 |
</script> |
... |
... |
@@ -74,39 +74,11 @@ |
74 |
74 |
{{/html}} |
75 |
75 |
|
76 |
76 |
{{html}} |
77 |
|
-<!-- ONLY ONE TIME: Load Plyr CSS + JS --> |
78 |
78 |
<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" /> |
79 |
79 |
<script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script> |
80 |
80 |
|
81 |
|
-<!-- Album 1 --> |
82 |
|
-<h2 style="text-align:center;">Final War: Glory Unending (2002)</h2> |
83 |
|
-<select id="tracklist" onchange="changeTrack()" style="width:100%; margin-bottom: 20px; padding: 8px;"> |
84 |
|
- <option value="">🎵 Select a track...</option> |
85 |
|
- <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> |
86 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/02%20-%20Senseless%20violence.mp3">02 - Senseless Violence</option> |
87 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/03%20-%20Repatriation.mp3">03 - Repatriation</option> |
88 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/04%20-%20The%20patriots.mp3">04 - The Patriots</option> |
89 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/05%20-%20We%20speak%20the%20truth.mp3">05 - We Speak the Truth</option> |
90 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/06%20-%20Pearl%20Harbor.mp3">06 - Pearl Harbor</option> |
91 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/07%20-%20Don't%20want%20your%20excuses.mp3">07 - Don't Want Your Excuses</option> |
92 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/08%20-%20Victory%20or%20death.mp3">08 - Victory or Death</option> |
93 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/09%20-%20Settle%20the%20score.mp3">09 - Settle the Score</option> |
94 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/10%20-%20War%20machine.mp3">10 - War Machine</option> |
95 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/11%20-%20Final%20attack.mp3">11 - Final Attack</option> |
96 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/12%20-%20Never%20alone.mp3">12 - Never Alone</option> |
97 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/13%20-%20Living%20for%20the%20day.mp3">13 - Living for the Day</option> |
98 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/14%20-%20Do%20what%20you%20want.mp3">14 - Do What You Want</option> |
99 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/15%20-%20OC%20Skinhead.mp3">15 - OC Skinhead</option> |
100 |
|
- <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/16%20-%20Brotherhood.mp3">16 - Brotherhood</option> |
101 |
|
- <!-- etc --> |
102 |
|
-</select> |
|
53 |
+<h2 style="text-align:center;">Final War: We Speak the Truth (2002)</h2> |
103 |
103 |
|
104 |
|
-<audio id="player" controls style="width:100%;"> |
105 |
|
- <source id="playerSource" src="" type="audio/mp3" /> |
106 |
|
-</audio> |
107 |
|
- |
108 |
|
-<!-- Album 2 --> |
109 |
|
-<h2 style="text-align:center;">Final War: We Speak the Truth (2004)</h2> |
110 |
110 |
<select id="tracklist2" onchange="changeTrack2()" style="width:100%; margin-bottom: 20px; padding: 8px;"> |
111 |
111 |
<option value="">🎵 Select a track...</option> |
112 |
112 |
<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> |
... |
... |
@@ -125,7 +125,6 @@ |
125 |
125 |
<option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/14%20-%20Do%20what%20you%20want.mp3">14 - Do What You Want</option> |
126 |
126 |
<option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/15%20-%20OC%20Skinhead.mp3">15 - OC Skinhead</option> |
127 |
127 |
<option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/16%20-%20Brotherhood.mp3">16 - Brotherhood</option> |
128 |
|
- <!-- etc --> |
129 |
129 |
</select> |
130 |
130 |
|
131 |
131 |
<audio id="player2" controls style="width:100%;"> |
... |
... |
@@ -134,22 +134,9 @@ |
134 |
134 |
|
135 |
135 |
<script> |
136 |
136 |
document.addEventListener('DOMContentLoaded', () => { |
137 |
|
- new Plyr('#player'); |
138 |
|
- new Plyr('#player2'); |
|
81 |
+ const player2 = new Plyr('#player2'); |
139 |
139 |
}); |
140 |
140 |
|
141 |
|
-function changeTrack() { |
142 |
|
- var select = document.getElementById('tracklist'); |
143 |
|
- var player = document.getElementById('player'); |
144 |
|
- var source = document.getElementById('playerSource'); |
145 |
|
- |
146 |
|
- if (select.value) { |
147 |
|
- source.src = select.value; |
148 |
|
- player.load(); |
149 |
|
- player.play(); |
150 |
|
- } |
151 |
|
-} |
152 |
|
- |
153 |
153 |
function changeTrack2() { |
154 |
154 |
var select = document.getElementById('tracklist2'); |
155 |
155 |
var player2 = document.getElementById('player2'); |
... |
... |
@@ -164,3 +164,4 @@ |
164 |
164 |
</script> |
165 |
165 |
{{/html}} |
166 |
166 |
|
|
98 |
+ |