Track List con Html5?

[pato_cuack]

Buena tarde,

Estoy intentando implementar un tracklist en un proyecto; recién he conocido el atributo audio de Html5, siguiendo las indicaciones de la mayoría de los tutoriales, ya puedo hacer que mi canción suene en varios navegadores, ahora me surgió la duda, se puede hacer un tracklist?

Acá algo del código Html que estoy usando.

Código HTML:

<li class=""><a href="#">M&uacute;sica</a>
                      <li><a id="play-bt" href="#"><i class="icon-play"></i></a></li>
                      <li><a id="pause-bt" href="#"><i class="icon-pause"></i></a></li>
                      <li><a id="stop-bt" href="#"><i class="icon-stop"></i></a></li>
</li>
</ul>
                    <audio id="audio-player" name="audio-player" controls="controls" style="display:none" src="audios/03 L'Via L'Viaquez.mp3" type="audio/mpeg">
                          <source src="audios/03 L'Via L'Viaquez.ogg" type="audio/ogg">
          <source src="audios/02 The Widow.mp3" type="audio/mpeg">
        Your browser does not support the audio element.
     </audio>
 

Esto es en el html, "uso el Bootstrap para los íconos y cosas así". Ahora el javascript.

Código Javascript:

$(document).ready(function(){
  $("#play-bt").click(function(){
   $("#audio-player")[0].play();
  })
 
  $("#pause-bt").click(function(){
   $("#audio-player")[0].pause();
  })
 
  $("#stop-bt").click(function(){
   $("#audio-player")[0].pause();
   $("#audio-player")[0].currentTime = 0;
  })
 })
 

Este código también lo encontré en una web, no lo idée yo.

Entonces agradecería si alguien me pudiera dar una ayuda o información de cómo poder hacer algo así como el botón siguiente o el botón anterior.

Gracias de antemano y saludos.



Cerrando temas sin respuestas :l