Wiedergabe von Audiotracks nach dem Zufallsprinzip ohne Rekursion

Question

Ich habe mehrere Audioelemente auf einer Seite, die mit JavaScript basierend auf Benutzerauswahlen mithilfe von Kontrollkästchen erstellt werden. Wenn der Benutzer auf eine Schaltfläche "Abspielen" klickt, möchte ich zufällig ausgewählte Audiotracks mit einer vom Benutzer einstellbaren Verzögerung zwischen den Tracks abspielen, bis sie auf die Schaltfläche "Stop" klicken. Ich habe diesen Code

function loopmusic(){ 
    if (!looping){ 
    alert('exiting loopmusic()'); 
    return 0; 
    } 
    var audioElements = document.getElementsByTagName('audio'); 
    var index = Math.floor(Math.random() * audioElements.length); 
    //audioElements[index].volume=0.5;  
    $(audioElements[index]).bind("ended", function(){ 
    audioElements[index].pause() 
    loopmusic()  
    }); 
    setTimeout(audioElements[index].play(), delayms); 
} 

Dieser Code angepasst wurde aus dem, was ich hier gelesen: How to play each audio element on a page (HTML, JQuery, Javascript)

Gerade jetzt der Ereignis-Listener scheint nicht die Art und Weise zu handeln ich erwartet hatte, gibt es keine Verzögerung zwischen den Tracks und mehrere Titel gleichzeitig spielen. Ich hätte gern irgendwelche Hinweise, wie man das beheben kann, und wenn ich es ohne Rekursion tun könnte, wäre das vorzuziehen. Dies kann für einige Zeit laufen und ich möchte vermeiden, dass es eine Menge Speicher verbraucht.

Answer 1

Gerade jetzt der Ereignis-Listener scheint nicht die Art und Weise handeln wird ich erwartet, gibt es keine Verzögerung zwischen den Spuren und mehr Spuren gleichzeitig spielen.

Sie rufen .play() anstelle der Referenzierung auf .play; versuchen Sie, () folgenden .play() unter setTimeout Anruf zu entfernen. Außerdem scheint das Aufrufen von .pause() bei ended Ereignis nicht erforderlich zu sein. Nicht sicher, wo delayms definiert ist?

setTimeout(audioElements[index].play, delayms);