hola muchachos estoy experimentando con las nuevas etiquetas de html5, en esta ocasion quiero crear una lista de reproduccion, para esto quiero que despues que se termine la cancion que corre al iniciar mi pagina pase a la siguiente cancion de mi lista, el fin de mi cancion lo puedo detectar con el metodo ended, por esto le digo a mi condicional que si la cancion termina cambie de ruta y pase a la siguiente cancion, he probado hacerlo tambien con un bucle while pero ninguno funciona, no entiendo en que me estoy equivocando, todos los metodos estan documentados en
documentancion oficial
<audio src="../estudio/beats/eminem.mp3" autoplay controls id="beat"></audio>
<button onclick="reproducir()">iniciar</button>
<button onclick="detener()">detener</button>
<div id="seccion"></div>
<script type="text/javascript">
pausa = "../estudio/beats/pausa.mp3";
beats = ['eminem.mp3', 'icecube.mp3', 'lilwayne.mp3', 'nas.mp3', 'still.mp3', 'today.mp3']
function reproducir(){
beat = document.getElementById('beat')
if(beat.ended == true)
{
for(i=0; i<beats.length; i++){
beat.setAttribute('src', "../estudio/beats/"+beats[i])
}
beat.play()
console.log("test")
}
}
</script>
