<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Music Player</title>
<script>
function playMusic() {
var selectBox =document.getElementById("selectBox");
var musicPath = selectBox.value;
var audio =document.getElementById("myAudio");
audio.src= musicPath;audio.play();
}
function pauseMusic() {
var audio = document.getElementById("myAudio");
audio.pause();
}
function stopMusic() {
var audio = document.getElementById("myAudio");
audio.pause();
audio.currentTime = 0;
}
</script>
</head>
<body>
<select id="selectBox">
<option value="path/to/music1.mp3">Music 1</option>
<option value="path/to/music2.mp3">Music 2</option>
<option value="path/to/music3.mp3">Music 3</option>
</select>
<audio id="myAudio" src="path/to/music/file.mp3"></audio>
<button onclick="playMusic()">Play</button>
<button onclick="pauseMusic()">Pause</button>
<button onclick="stopMusic()">Stop</button>
<audio id="myAudio"></audio>
</body>
</html>
