estoy tratando de hacer un reproductor de MP3 en HTML5. Casi todo el trabajo está hecho, pero lo que necesito es que quiero reemplazar los controles predeterminados de la etiqueta <audio>
y hacer mis propios controles. Se hacen controles simples como play, pause, stop y volume, pero quiero hacer una barra de progreso que rastree la duración del audio/MP3, donde cuando hago clic en la posición relevante, voy a la posición específica en la pista. Como el del siguiente ejemplo.HTML5 Audio - Barra de progreso
http://msdn.microsoft.com/en-us/library/ie/gg589528(v=vs.85).aspx
La cosa aquí es que en el ejemplo anterior, el archivo/MP3 ya se cargue y estoy realidad la creación de un elemento de audio mediante el uso de document.createElement("audio");
Cuando he intentado usar diferentes maneras de cambiar el anterior ejemplo, la mayoría de las veces me aparece el error "no se puede llamar al método addeventlistener of null". Quiero que este reproductor se ejecute en Chrome.
Gracias de antemano por su apoyo y ayuda.
Es posible que desee utilizar un lienzo para eso. Cada elemento 'audio' tiene una duración y atributos de tiempo actuales, por lo que puede hacer algo como esto:' fillRect (posx, posy, audio.corrent_time/audio.duration * width, height) '. Olvidé los nombres exactos, pero los obtendrás en unos minutos de Google. – corazza
"no se puede llamar al método addeventlistener of null" es un error genérico de Javascript. Use un depurador como Firefox Firebug para depurar qué problema tiene con usted. –
¿Puedes publicar tu código o crear un violín? –