Skip to Content
0 Votes

Changes for page ProWhiteMusicPlayer

Last modified by Ryan C on 2025/04/28 01:43
From version 17.1
edited by Ryan C
on 2025/04/28 00:58
Change comment: There is no comment for this version
To version 44.1
edited by Ryan C
on 2025/04/28 01:36
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,5 +1,93 @@
1 -<figure>
2 - <figcaption>Listen to the T-Rex:</figcaption>
3 - <audio controls src="/shared-assets/audio/t-rex-roar.mp3"></audio>
4 - <a href="/shared-assets/audio/t-rex-roar.mp3"> Download audio </a>
5 -</figure>
1 +
2 +
3 +{{html}}
4 +<!-- ONLY ONE TIME: Load Plyr CSS + JS -->
5 +<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />
6 +<script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script>
7 +
8 +<!-- Album 1 -->
9 +<h2 style="text-align:center;">Final War: Glory Unending (2002)</h2>
10 +<select id="tracklist" onchange="changeTrack()" style="width:100%; margin-bottom: 20px; padding: 8px;">
11 + <option value="">🎵 Select a track...</option>
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 -->
29 +</select>
30 +
31 +<audio id="player" controls style="width:100%;">
32 + <source id="playerSource" src="" type="audio/mp3" />
33 +</audio>
34 +
35 +<!-- Album 2 -->
36 +<h2 style="text-align:center;">Final War: We Speak the Truth (2004)</h2>
37 +<select id="tracklist2" onchange="changeTrack2()" style="width:100%; margin-bottom: 20px; padding: 8px;">
38 + <option value="">🎵 Select a track...</option>
39 + <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>
40 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/02%20-%20Senseless%20violence.mp3">02 - Senseless Violence</option>
41 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/03%20-%20Repatriation.mp3">03 - Repatriation</option>
42 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/04%20-%20The%20patriots.mp3">04 - The Patriots</option>
43 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/05%20-%20We%20speak%20the%20truth.mp3">05 - We Speak the Truth</option>
44 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/06%20-%20Pearl%20Harbor.mp3">06 - Pearl Harbor</option>
45 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/07%20-%20Don't%20want%20your%20excuses.mp3">07 - Don't Want Your Excuses</option>
46 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/08%20-%20Victory%20or%20death.mp3">08 - Victory or Death</option>
47 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/09%20-%20Settle%20the%20score.mp3">09 - Settle the Score</option>
48 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/10%20-%20War%20machine.mp3">10 - War Machine</option>
49 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/11%20-%20Final%20attack.mp3">11 - Final Attack</option>
50 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/12%20-%20Never%20alone.mp3">12 - Never Alone</option>
51 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/13%20-%20Living%20for%20the%20day.mp3">13 - Living for the Day</option>
52 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/14%20-%20Do%20what%20you%20want.mp3">14 - Do What You Want</option>
53 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/15%20-%20OC%20Skinhead.mp3">15 - OC Skinhead</option>
54 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/16%20-%20Brotherhood.mp3">16 - Brotherhood</option>
55 + <!-- etc -->
56 +</select>
57 +
58 +<audio id="player2" controls style="width:100%;">
59 + <source id="playerSource2" src="" type="audio/mp3" />
60 +</audio>
61 +
62 +<script>
63 +document.addEventListener('DOMContentLoaded', () => {
64 + new Plyr('#player');
65 + new Plyr('#player2');
66 +});
67 +
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 +
80 +function changeTrack2() {
81 + var select = document.getElementById('tracklist2');
82 + var player2 = document.getElementById('player2');
83 + var source2 = document.getElementById('playerSource2');
84 +
85 + if (select.value) {
86 + source2.src = select.value;
87 + player2.load();
88 + player2.play();
89 + }
90 +}
91 +</script>
92 +{{/html}}
93 +
01 - A day in the life of.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +3.4 MB
Content
02 - Senseless violence.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +3.3 MB
Content
03 - Repatriation.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +6.3 MB
Content
04 - The patriots.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +4.8 MB
Content
05 - We speak the truth.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +3.4 MB
Content
06 - Pearl Harbor.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +4.8 MB
Content
07 - Don't want your excuses.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +3.5 MB
Content
08 - Victory or death.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +4.8 MB
Content
09 - Settle the score.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +4.0 MB
Content
10 - War machine.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +4.9 MB
Content
11 - Final attack.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +3.5 MB
Content
12 - Never alone.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +2.7 MB
Content
13 - Living for the day.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +3.5 MB
Content
14 - Do what you want.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +1.5 MB
Content
15 - OC Skinhead.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +2.4 MB
Content
16 - Brotherhood.mp3
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.AdminAngriff
Size
... ... @@ -1,0 +1,1 @@
1 +4.1 MB
Content