Wiki source code of ProWhiteMusicPlayer
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | {{html}} | ||
2 | <link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" /> | ||
3 | <script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script> | ||
4 | |||
5 | <h2 style="text-align:center;">Final War: Glory Unending (2002)</h2> | ||
6 | |||
7 | <select id="tracklist" onchange="changeTrack()" style="width:100%; margin-bottom: 20px; padding: 8px;"> | ||
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) --> | ||
24 | </select> | ||
25 | |||
26 | <audio id="player" controls style="width:100%;"> | ||
27 | <source id="playerSource" src="" type="audio/mp3" /> | ||
28 | </audio> | ||
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 | <script> | ||
58 | document.addEventListener('DOMContentLoaded', () => { | ||
59 | const player2 = new Plyr('#player2'); | ||
60 | }); | ||
61 | |||
62 | function changeTrack2() { | ||
63 | var select = document.getElementById('tracklist2'); | ||
64 | var player2 = document.getElementById('player2'); | ||
65 | var source2 = document.getElementById('playerSource2'); | ||
66 | |||
67 | if (select.value) { | ||
68 | source2.src = select.value; | ||
69 | player2.load(); | ||
70 | player2.play(); | ||
71 | } | ||
72 | } | ||
73 | </script> | ||
74 | {{/html}} | ||
75 | |||
76 | {{html}} | ||
77 | <!-- ONLY ONE TIME: Load Plyr CSS + JS --> | ||
78 | <link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" /> | ||
79 | <script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script> | ||
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> | ||
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 | <select id="tracklist2" onchange="changeTrack2()" style="width:100%; margin-bottom: 20px; padding: 8px;"> | ||
111 | <option value="">🎵 Select a track...</option> | ||
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> | ||
113 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/02%20-%20Senseless%20violence.mp3">02 - Senseless Violence</option> | ||
114 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/03%20-%20Repatriation.mp3">03 - Repatriation</option> | ||
115 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/04%20-%20The%20patriots.mp3">04 - The Patriots</option> | ||
116 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/05%20-%20We%20speak%20the%20truth.mp3">05 - We Speak the Truth</option> | ||
117 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/06%20-%20Pearl%20Harbor.mp3">06 - Pearl Harbor</option> | ||
118 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/07%20-%20Don't%20want%20your%20excuses.mp3">07 - Don't Want Your Excuses</option> | ||
119 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/08%20-%20Victory%20or%20death.mp3">08 - Victory or Death</option> | ||
120 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/09%20-%20Settle%20the%20score.mp3">09 - Settle the Score</option> | ||
121 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/10%20-%20War%20machine.mp3">10 - War Machine</option> | ||
122 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/11%20-%20Final%20attack.mp3">11 - Final Attack</option> | ||
123 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/12%20-%20Never%20alone.mp3">12 - Never Alone</option> | ||
124 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/13%20-%20Living%20for%20the%20day.mp3">13 - Living for the Day</option> | ||
125 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/14%20-%20Do%20what%20you%20want.mp3">14 - Do What You Want</option> | ||
126 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/15%20-%20OC%20Skinhead.mp3">15 - OC Skinhead</option> | ||
127 | <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/16%20-%20Brotherhood.mp3">16 - Brotherhood</option> | ||
128 | <!-- etc --> | ||
129 | </select> | ||
130 | |||
131 | <audio id="player2" controls style="width:100%;"> | ||
132 | <source id="playerSource2" src="" type="audio/mp3" /> | ||
133 | </audio> | ||
134 | |||
135 | <script> | ||
136 | document.addEventListener('DOMContentLoaded', () => { | ||
137 | new Plyr('#player'); | ||
138 | new Plyr('#player2'); | ||
139 | }); | ||
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 | function changeTrack2() { | ||
154 | var select = document.getElementById('tracklist2'); | ||
155 | var player2 = document.getElementById('player2'); | ||
156 | var source2 = document.getElementById('playerSource2'); | ||
157 | |||
158 | if (select.value) { | ||
159 | source2.src = select.value; | ||
160 | player2.load(); | ||
161 | player2.play(); | ||
162 | } | ||
163 | } | ||
164 | </script> | ||
165 | {{/html}} |