<script src="//code.jquery.com/jquery.min.js"></script>
<script>
var music = {
"happy": ["music/happy1.mp3", "music/happy2.mp3", "music/happy3.mp3"],
"sad": ["music/sad1.mp3", "music/sad2.mp3", "music/sad3.mp3"],
"angry": ["music/angry1.mp3"]
}
var mood = "";
var input = "happy";
var i = 0;
var nextSong = "";
function setup(mood) {
var audioPlayer = document.getElementById('audio');
audioPlayer.addEventListener('ended', function() {
i = (i + 1) % music[mood].length;
nextSong = music[mood][i];
audioPlayer.src = nextSong;
audioPlayer.load();
audioPlayer.play();
}, false);
audioPlayer.src = music[mood][i];
audioPlayer.load();
audioPlayer.play();
}
function setmood(inputMood) {
mood = inputMood;
if (mood !== null) {
setup(mood);
}
}
</script>
<body>
<audio id="audio" controls autoplay></audio>
<button onclick="setmood(input)">Set Mood</button>
</body>
