0 Votes

Wiki source code of ProWhiteMusicPlayer

Version 21.1 by Ryan C on 2025/04/28 01:05

Show last authors
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 <select id="tracklist" onchange="changeTrack()" style="width:100%; margin-bottom: 20px; padding: 8px;">
6 <option value="">🎵 Select a track...</option>
7 <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/01%20-%20Shit%20out.mp3">01 - Shit Out</option>
8 <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/02%20-%20Pride%20and%20tradition.mp3">02 - Pride and Tradition</option>
9 <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/03%20-%20Land%20of%20the%20White.mp3">03 - Land of the White</option>
10 <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/04%20-%20Saturday%20night.mp3">04 - Saturday Night</option>
11 <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/05%20-%20Tales%20of%20honor.mp3">05 - Tales of Honor</option>
12 <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/06%20-%20Hail%20the%20new%20dawn.mp3">06 - Hail the New Dawn</option>
13 <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/07%20-%20The%20nationalist.mp3">07 - The Nationalist</option>
14 <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/08%20-%20Race%20land.mp3">08 - Race Land</option>
15 <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/09%20-%20Stand%20against.mp3">09 - Stand Against</option>
16 <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/10%20-%20Vision%20in%20my%20mind.mp3">10 - Vision in My Mind</option>
17 <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/11%20-%20Trtrv.mp3">11 - Trtrv</option>
18 <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/12%20-%20Defenders%20of%20the%20Reich.mp3">12 - Defenders of the Reich</option>
19 <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/WebHome/13%20-%20Glory%20unending.mp3">13 - Glory Unending</option>
20 <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>
21 </select>
22
23 <audio id="player" controls style="width:100%;">
24 <source id="playerSource" src="" type="audio/mp3" />
25 </audio>
26
27 <script>
28 document.addEventListener('DOMContentLoaded', () => {
29 const player = new Plyr('#player');
30 });
31
32 function changeTrack() {
33 var select = document.getElementById('tracklist');
34 var player = document.getElementById('player');
35 var source = document.getElementById('playerSource');
36
37 if (select.value) {
38 source.src = select.value;
39 player.load();
40 player.play();
41 }
42 }
43 </script>
44 {{/html}}