... |
... |
@@ -45,42 +45,3 @@ |
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 |
|
- |