Wiki source code of ProWhiteMusicPlayer
Hide last authors
| author | version | line-number | content |
|---|---|---|---|
 |
18.1 | 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 | |||
| |
22.1 | 5 | <h2 style="text-align:center;">Final War: Glory Unending (2008)</h2> |
| 6 | |||
| |
21.1 | 7 | <select id="tracklist" onchange="changeTrack()" style="width:100%; margin-bottom: 20px; padding: 8px;"> |
| 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> | ||
| |
23.1 | 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> | ||
| |
22.1 | 23 | <!-- (etc all your songs) --> |
| |
21.1 | 24 | </select> |
| 25 | |||
| |
18.1 | 26 | <audio id="player" controls style="width:100%;"> |
| |
21.1 | 27 | <source id="playerSource" src="" type="audio/mp3" /> |
| |
18.1 | 28 | </audio> |
| 29 | |||
| 30 | <script> | ||
| 31 | document.addEventListener('DOMContentLoaded', () => { | ||
| 32 | const player = new Plyr('#player'); | ||
| 33 | }); | ||
| |
21.1 | 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 | } | ||
| |
18.1 | 46 | </script> |
| 47 | {{/html}} |
