Wiki source code of ProWhiteMusicPlayer
Show last authors
author | version | line-number | content |
---|---|---|---|
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 | <h2 style="text-align:center;">Final War: Glory Unending (2008)</h2> | ||
6 | |||
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> | ||
13 | <!-- (etc all your songs) --> | ||
14 | </select> | ||
15 | |||
16 | <audio id="player" controls style="width:100%;"> | ||
17 | <source id="playerSource" src="" type="audio/mp3" /> | ||
18 | </audio> | ||
19 | |||
20 | <script> | ||
21 | document.addEventListener('DOMContentLoaded', () => { | ||
22 | const player = new Plyr('#player'); | ||
23 | }); | ||
24 | |||
25 | function changeTrack() { | ||
26 | var select = document.getElementById('tracklist'); | ||
27 | var player = document.getElementById('player'); | ||
28 | var source = document.getElementById('playerSource'); | ||
29 | |||
30 | if (select.value) { | ||
31 | source.src = select.value; | ||
32 | player.load(); | ||
33 | player.play(); | ||
34 | } | ||
35 | } | ||
36 | </script> | ||
37 | {{/html}} |