Riproduzione di più istanze dell'oggetto Audio di html5

Question

Sto facendo un piccolo gioco in Javascript e richiede un po 'di audio per una migliore esperienza utente. Il problema principale che ho è che devo suonare 1 canzone/suono più volte, e talvolta allo stesso tempo. Tuttavia, se cloneNode l'oggetto Audio, l'audio viene scaricato un'altra volta dal server, quindi viene riprodotto solo da ultimo, poiché deve essere scaricato per primo. Quindi il suono può essere scaricato più di 100 volte durante il normale gioco!

Come ho coulnd't trovo una risposta su Internet, ti sto chiedendo :)

Si prega di notare, che voglio farlo con il mio codice, e non con una biblioteca.

Answer 1

Non l'ho provato, ma potrebbe valere la pena provare a utilizzare gli URI di dati per l'src delle clip audio che devono essere riprodotte simultaneamente. Ciò impedirebbe il colpo del server quando clonate l'elemento, anche se il fatto che venga scaricato ogni volta sembra davvero un bug del browser. Penserei che dovrebbe essere estratto dalla cache del browser.

sembra che qualcuno ha provato questo già: Is it possible to use data URIs in video and audio tags?

Answer 2

Non v'è alcuna necessità di cloneNode l'oggetto audio. Basta chiamare play() sullo stesso oggetto da JavaScript e suonerà ogni volta che viene chiamata la funzione. Se è già in riproduzione, verrà riavviato. Vedi https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox#Controlling_media_playback