Reproductor HTML5

[ExpectedMoss0]

Hola

He estado investigando mucho últimamente acerca de cómo realizar un reproductor en HTML5 y hasta ahora he comprendido la mayor parte de cómo hacerlo, pero actualmente tengo un problema, y es que no encuentro información hacerca de cómo mostrar lo que se ha cargado del archivo multimedia(como lo muestra naturalmente la etiqueta audio).

Alguien puede ayudarme por favor?
Si necesitan que explique más detalladamente mi duda, sólo avisenme.

De antemano agradezco su ayuda

[eContento]

Hola,

No he entendido lo que quieres hacer.
¿Un reproductor de música que no sea el que se muestra con la etiqueta <audio>?

Da más detalles para que veamos si podemos ayudarte

[ExpectedMoss0]

Claro amigo

Lo que estoy realizando actualmente es un reproductor de audio con controles en javascript ya que no me gusta el clásico estilo de la etiqueta audio además de que lo necesito hacer de esta forma por cuestión de otras funciones.

Pero el problema que tengo ahora es que no se como puedo mostrar lo que se ha cargado del archivo multimedia(como lo hace naturalmente la etiqueta audio), esa clásica barra más transparente que te señala hasta que punto podrás avanzar sin problema (ya que hasta ahí se ha cargado) y a partir de donde tendrás que esperar un poco a que el archivo cargue.
Espero puedan ayudarme, he estado buscando información acerca de cómo lograr hacer esto pero no encuentro nada y la verdad no tengo idea de como hacerlo.

[eContento]

Mira,
Hice un jsfiddle hace tiempo para ver qué eventos se disparaban en el reproductor de audio.
https://jsfiddle.net/jjimenezt/obfr9e9n/

El caso es que al darle al "play", y mientras se está reproduciendo el audio, veo que se repiten una y otra vez los eventos:

• timeupdate
• progress
• suspend

Previamente, al iniciarse la reproducción ha ejecutado:

Código:

play, waiting, progress, durationchange, loadedmetadata, loadeddata, canplay, playing, canplaythrough

Sospecho que en "loadedmetadata" o "loadeddata" o en "durationchange", se obtiene la duración total. En o "progress" sacas información de la parte ya descargada. Y en "timeupdate" la actualización de por donde va reproduciendo.

Echa un vistazo a la documentación de los media events.
https://developer.mozilla.org/en-US/...s/Media_events

Espero haberte orientado un poquito.

[ExpectedMoss0]

Agradezco tu ayuda amigo.
Me pondré a leer el artículo que me has enviado y echaré un vistazo al ejemplo.