@Leonardo-Tadei ya tengo listo mi lista reproduccion, me tomo regular tiempo conseguirlo
<audio src="#" autoplay="true" controls="true" id="beat"></audio>
<button onclick="reproducir()">iniciar</button>
<button onclick="detener()">detener</button>
<div id="seccion"></div>
<script type="text/javascript">
currentTrack = 0 ;
/* DENTRO DEL ARREGLO DEBEN IR LOS NOMBRES DE LAS CANCIONES QUE PASARAN A FORMAR PARTE DE LA LISTA DE REPRODUCCION, POR DEFECTO EL NOMBRE DE LA CARPETA QUE CONTIENE ESTOS ARCHIVOS SE DENOMINA TRACKS */
beats = ['track01.mp3', 'track02.mp3'] ;
beat = document.getElementById('beat') ;
/* define la UBICACION del archivo */
function reproducir(){
beat.setAttribute('src', beats[0]);
beat.play();
/* declaracion del evento que esta esperando que termine la cancion para pasar a la siguiente cancion y modifica la ruta */
beat.addEventListener('ended', function(){
nextTrack = beats[currentTrack++];
beat.setAttribute('src', "tracks/"+nextTrack);
beat.play();
/* al llegar al ultimo elemento de la lista, reinicia desde el principio */
if(currentTrack == beats.length)
{
currentTrack = 0;
}
})
function detener(){
beat.pause();
}
</script>
ahora me falta solo la pausa antes de pasar a la siguiente cancion, que puedo hacer
