<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image:url('https://media.istockphoto.com/vectors/rock-band-silhouette-on-stage-vector-id886153238?k=6&m=886153238&s=612x612&w=0&h=06mBUyZqK8LnOKsYuar978llyDI1JlEghEr7V_XUy3c=');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center left;
}
button {
background-color:black;
color:cyan;
border-radius:10px;
width:100px;
height:50px;
font-size:20px;
background-size:cover;
}
</style>
<script>
function playmusic(){
document.getElementById("music").play();
}
function pausemusic(){
document.getElementById("music").pause();
}
function nextmusic(){
document.getElementById("music").src = "https://vgmdownloads.com/soundtracks/silent-hill-volume-2-ost/ogacsnio/30%20Promise.mp3";
document.getElementById("music").play();
}
function stopmusic(){
document.getElementById("music").pause();
document.getElementById("music").currentTime = 0;
}
function lastmusic() {
document.getElementById("music").src="https://vgmdownloads.com/soundtracks/command-and-conquer-red-alert-3-uprising-gamerip/oeiygejhbf/Threatened%20in%20shinigaprovince.mp3";
document.getElementById("music").play();
}
</script>
</head>
<body>
<h1>MY COOL MUSIC PLAYER</h1>
<p>Powered by KIWICODING</p>
<audio id="music" controls>
<source src="https://vgmdownloads.com/soundtracks/command-and-conquer-red-alert-3-uprising-gamerip/oeiygejhbf/Threatened%20in%20shinigaprovince.mp3" type="audio/mpeg">
Your browser does not support the audio player.....please use other browers
</audio>
<br><p>The demo music here are for non-commercial purpose, copyright belong to original owner.</p>
<br>
<button onclick="lastmusic()">LAST</button>
<button onclick="playmusic()">PLAY</button>
<button onclick="pausemusic()">PAUSE</button>
<button onclick="stopmusic()">STOP</button>
<button onclick="nextmusic()">NEXT</button>
</body>
</html>