0 Votes

Changes for page ProWhiteMusicPlayer

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

From version 39.1
edited by Ryan C
on 2025/04/28 01:28
Change comment: Uploaded new attachment "16 - Brotherhood.mp3", version 1.1
To version 40.1
edited by Ryan C
on 2025/04/28 01:28
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -45,3 +45,42 @@
45 45  }
46 46  </script>
47 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: Brotherhood (2008)</h2>
54 +
55 +<select id="tracklist2" onchange="changeTrack2()" style="width:100%; margin-bottom: 20px; padding: 8px;">
56 + <option value="">🎵 Select a track...</option>
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>
58 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/02%20-%20Senseless%20violence.mp3">02 - Senseless Violence</option>
59 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/03%20-%20Repatriation.mp3">03 - Repatriation</option>
60 + <option value="/bin/download/Pro%20White%20Music/ProWhiteMusicBrotherhoodPlayer/WebHome/04%20-%20The%20patriots.mp3">04 - The Patriots</option>
61 + <!-- etc, I'll build all 16 for you -->
62 +</select>
63 +
64 +<audio id="player2" controls style="width:100%;">
65 + <source id="playerSource2" src="" type="audio/mp3" />
66 +</audio>
67 +
68 +<script>
69 +document.addEventListener('DOMContentLoaded', () => {
70 + const player2 = new Plyr('#player2');
71 +});
72 +
73 +function changeTrack2() {
74 + var select = document.getElementById('tracklist2');
75 + var player2 = document.getElementById('player2');
76 + var source2 = document.getElementById('playerSource2');
77 +
78 + if (select.value) {
79 + source2.src = select.value;
80 + player2.load();
81 + player2.play();
82 + }
83 +}
84 +</script>
85 +{{/html}}
86 +