Changes for page ProWhiteMusicPlayer
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 +