Barra de progreso: Que se pueda seleccionar desde donde reproducir

[sergiomaidana1989]

Hola amigos de ForosDelWeb.

tengo a una barra de progreso creada para un reproductor de audio. La creé con dos <section>, una dentro de otra. Una es la principal que es la barra que contiene el progreso, y la otra es la del progreso en sí.
Además, ya le creé un código con javascript y jQuery para que esa barra se agrande conforme al tamaño total de ancho de la barra que contiene a ésta y del tiempo del archivo que se está reproduciendo. Esto es mediante un porcentaje de lo que se está reproduciendo.

Ahora, lo que quiero hacer es que... Al hacer click en cualquier lugar de la barra que me reproduzca desde donde yo hago el Click.

No sé si fui claro. Espero que si.

Desde ya, muchas gracias.

[Carlangueitor]

Creo que fue incorrecto (semánticamente hablando) usar dos sections. Con dos div hubiera bastado.

Luego para lo segundo, podrías probar con la propiedad currentTime.


Saludos

[sergiomaidana1989]

Bueno, si, puede que tengas razón. Pero eso se puede cambiar rápido no más. Con la propiedad currentTime me decis, y la conozco. El problema es cómo... Cómo armar la función tengo duda para que al hacer click se vaya a donde quiero.

[marlanga]

Captura el evento click del div contenedor de la barra de progreso, y a través de ese evento puedes saber la coordenada X del click. Con una regla de tres, sabrás qué segundo de la canción debes reproducir modificando el currenTime.

[sergiomaidana1989]

Necesito ejemplos por favor. Alguien que tenga algún ejemplo sencillo para mostrarme.

[Carlangueitor]

A ver, una ayuda de google:

http://stackoverflow.com/questions/4...hin-an-element
http://stackoverflow.com/questions/9...audio-position

Saludos