Ausführen von Javascript-Code 5 Sekunden vor HTML5 Audio-Element erreicht das Ende der Wiedergabe

Question

Ich arbeite mit einem Standard audio Element (ohne Kontrolle für den Benutzer), mit denen ich über jQuery interagieren (Quelle ändern, Wiedergabe/Pause - die gewöhnlich). Jetzt versuche ich in die nächste Spur (eines zweiten Audioelements) zu blenden, indem ich es 5 Sekunden zu früh einsetze, um einen nahtlosen Übergang zu haben.

Von dem, was ich gesammelt von den media events und audio element attributes Seiten gibt es keine Methode, dies standardmäßig zu tun - die nächste Sache in Existenz scheint das onended Ereignis zu sein (was zu spät ausgelöst, natürlich), und das loop Attribut, das hat das gleiche Problem.

ich meinen früheren Versuch in einer Antwort getrennt die Frage aus der unbeantwortet Warteschlange zu entfernen, aber es war ursprünglich hier

enthalten

Jede Hilfe dieses Problem habe ich verpasst, nativ in einer Art und Weise effizienter auf die Lösung oder die Verbesserung meiner bestehenden Lösung wird sehr geschätzt! Danke im Voraus.

Answer 1

An dieser Stelle ist die einzige Lösung, die ich sehe, ist die Dauer der Spur vor der Zeit zu überprüfen, dann legen Sie die folgende Timeout:

$('audio').bind('loadedmetadata', function() { 
    duration = $(this).prop('duration') * 1000; // get duration in milliseconds 
    var fadetimer = setTimeout(function(){ 
    // set up next audio file 
    }, duration - 5000); // execute timeout 5 seconds before end of playback 
}); 

Dies ist für mich enorm ineffizient scheint jedoch. Ich bin auch nicht sicher, ob diese Methode "Müll" Timeouts oder Ereignisbindungen im Hintergrund laufen lassen wird, die schließlich die Anwendung summieren und verlangsamen werden.