Changes for page ProWhiteMusicPlayer

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -1,5 +1,38 @@
1		-<figure>
2		- <figcaption>Listen to the T-Rex:</figcaption>
3		- <audio controls src="/shared-assets/audio/t-rex-roar.mp3"></audio>
4		- <a href="/shared-assets/audio/t-rex-roar.mp3"> Download audio </a>
5		-</figure>
	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}}
	38	+