Reproducir varias instancias de un objeto de audio de html5

Question

Estoy haciendo un pequeño juego en Javascript y requiere algo de audio para una mejor experiencia del usuario. El principal problema que tengo es que tengo que reproducir 1 canción/sonido varias veces, y a veces al mismo tiempo. Sin embargo, si hago clonar el objeto de audio, el audio se descarga una vez más desde el servidor, por lo que solo se reproduce más tarde, ya que debe descargarse primero. ¡Así que el sonido se puede descargar más de 100 veces durante el juego normal!

Mientras coulnd't encontrar una respuesta en Internet, te pido :)

Tenga en cuenta, que yo quiero hacer eso con mi propio código, y no con una biblioteca.

Answer 1

No he probado esto, pero podría valer la pena tratar de usar URI de datos para el src de los clips de audio que deben reproducirse simultáneamente. Esto evitaría que el servidor se golpee cuando clone el elemento, aunque el hecho de que se descargue cada vez realmente suena como un error del navegador. Creo que debería extraerse de la memoria caché del navegador.

Parece que alguien ha probado a hacer esto: Is it possible to use data URIs in video and audio tags?

Answer 2

No hay necesidad de cloneNode el objeto de audio. Simplemente llame a play() en el mismo objeto desde JavaScript y se reproducirá cada vez que se llame a la función. Si ya está jugando, se reiniciará. Ver https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox#Controlling_media_playback