0 Votes

Changes for page Pro White Music

Last modified by XWikiGuest on 2025/05/07 09:35

From version 24.1
edited by Ryan C
on 2025/04/28 00:40
Change comment: There is no comment for this version
To version 26.1
edited by Ryan C
on 2025/04/28 00:43
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,34 +1,27 @@
1 1  {{html}}
2 -<select id="tracklist" onchange="changeTrack(this.value)" style="width: 100%; padding: 8px;">
2 +<select id="tracklist" onchange="changeTrack(this)">
3 3   <option value="">🎵 Select a track...</option>
4 4   <option value="/bin/download/Pro%20White%20Music/01%20-%20Shit%20out.mp3">01 - Shit Out</option>
5 5   <option value="/bin/download/Pro%20White%20Music/02%20-%20Pride%20and%20tradition.mp3">02 - Pride and Tradition</option>
6 6   <option value="/bin/download/Pro%20White%20Music/03%20-%20Land%20of%20the%20White.mp3">03 - Land of the White</option>
7 7   <option value="/bin/download/Pro%20White%20Music/04%20-%20Saturday%20night.mp3">04 - Saturday Night</option>
8 - <option value="/bin/download/Pro%20White%20Music/05%20-%20Tales%20of%20honor.mp3">05 - Tales of Honor</option>
9 - <option value="/bin/download/Pro%20White%20Music/06%20-%20Hail%20the%20new%20dawn.mp3">06 - Hail the New Dawn</option>
10 - <option value="/bin/download/Pro%20White%20Music/07%20-%20The%20nationalist.mp3">07 - The Nationalist</option>
11 - <option value="/bin/download/Pro%20White%20Music/08%20-%20Race%20land.mp3">08 - Race Land</option>
12 - <option value="/bin/download/Pro%20White%20Music/09%20-%20Stand%20against.mp3">09 - Stand Against</option>
13 - <option value="/bin/download/Pro%20White%20Music/10%20-%20Vision%20in%20my%20mind.mp3">10 - Vision in My Mind</option>
14 - <option value="/bin/download/Pro%20White%20Music/11%20-%20Trtrv.mp3">11 - Trtrv</option>
15 - <option value="/bin/download/Pro%20White%20Music/12%20-%20Defenders%20of%20the%20Reich.mp3">12 - Defenders of the Reich</option>
16 - <option value="/bin/download/Pro%20White%20Music/13%20-%20Glory%20unending.mp3">13 - Glory Unending</option>
17 - <option value="/bin/download/Pro%20White%20Music/14%20-%20Pulled%20over%20+%20Verstecktes%20Lied%20%28Suddenly%29.mp3">14 - Pulled Over + Verstecktes Lied (Suddenly)</option>
8 + <!-- etc -->
18 18  </select>
19 19  
20 20  <br><br>
21 21  
22 -<audio id="player" controls style="width: 100%;">
23 - <source src="" type="audio/mpeg">
24 - Your browser does not support the audio element.
25 -</audio>
13 +<div id="playerarea">
14 + <audio controls style="width: 100%;">
15 + <source src="" type="audio/mpeg">
16 + Your browser does not support the audio element.
17 + </audio>
18 +</div>
26 26  
27 27  <script>
28 -function changeTrack(src) {
29 - var player = document.getElementById('player');
30 - player.src = src;
31 - player.play();
21 +function changeTrack(select) {
22 + var src = select.value;
23 + var playerArea = document.getElementById('playerarea');
24 + playerArea.innerHTML = '<audio controls style="width:100%;"><source src="' + src + '" type="audio/mpeg">Your browser does not support the audio element.</audio>';
32 32  }
33 33  </script>
34 34  {{/html}}