Buenas.
Estoy jugando con Javascript y HTML5 y, con ello, intento hacer una especie de reproductor de audio. He hecho una especie de barra dentro de una barra fija que su anchura progresa a medida que se reproduce la canción. Sin embargo he tenido problemas a la hora de implementar el efecto de hacer click en la barra y con ello, poner el progreso de la barra a esa posición y además adelantar el tiempo de reproducción a la proporción de barra correspondiente avanzado.
El problema se soluciona rapido con ayuda de la propiedad offsetX de un evento, que te da la posicion horizontal en pixeles respecto al corner superior izquierdo del elemento que clicas. Sin embargo, offsetX no está implementado en Firefox. De manera que necesito conseguir la posición del corner superior izquierdo de un elemento clicado respecto a la pantalla para luego poder hacer la diferencia entre event.clientX y esa posición y, así, conseguir el valor deseado para poder hacer los cálculos. El problema es que si la barra no está posicionada de forma absoluta, los atributos left y top valen auto y no puedo saber la posición absoluta de un elemento a través de getComputedStyle.
¿Alguna idea?
Un saludo!
