0 Votes

Changes for page ProWhiteMusicPlayer

Last modified by Ryan C on 2025/04/28 01:43

From version 42.1
edited by Ryan C
on 2025/04/28 01:31
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,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 -