Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/10/2012, 15:37
pato_cuack
 
Fecha de Ingreso: enero-2012
Ubicación: En una casa
Mensajes: 72
Antigüedad: 13 años, 2 meses
Puntos: 2
Pregunta Track List con Html5?

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:
Ver original
  1. <li class=""><a href="#">M&uacute;sica</a>
  2.                       <li><a id="play-bt" href="#"><i class="icon-play"></i></a></li>
  3.                       <li><a id="pause-bt" href="#"><i class="icon-pause"></i></a></li>
  4.                       <li><a id="stop-bt" href="#"><i class="icon-stop"></i></a></li>
  5. </li>
  6. </ul>
  7.                     <audio id="audio-player" name="audio-player" controls="controls" style="display:none" src="audios/03 L'Via L'Viaquez.mp3" type="audio/mpeg">
  8.                           <source src="audios/03 L'Via L'Viaquez.ogg" type="audio/ogg">
  9.           <source src="audios/02 The Widow.mp3" type="audio/mpeg">
  10.         Your browser does not support the audio element.
  11.      </audio>

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

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.   $("#play-bt").click(function(){
  3.    $("#audio-player")[0].play();
  4.   })
  5.  
  6.   $("#pause-bt").click(function(){
  7.    $("#audio-player")[0].pause();
  8.   })
  9.  
  10.   $("#stop-bt").click(function(){
  11.    $("#audio-player")[0].pause();
  12.    $("#audio-player")[0].currentTime = 0;
  13.   })
  14.  })

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
__________________
Aprendo, Aprendo Aprendo :D A la filosofía de Golden Boy ^^,
Desarrollo Web en Colombia

Última edición por pato_cuack; 18/02/2013 a las 10:36 Razón: No Respuestas.