Wie man erkennt, dass das HTML5-Medienelement blockiert ist und darauf wartet, dass weitere Medien weiter abgespielt werden
Ich arbeite mitMediaSource
undSourceBuffer
, um HTML5-Video abzuspielen. Ich rufe nacheinander DASH-Fragmente ab, um die ununterbrochene Videowiedergabe fortzusetzen. Aber manchmal, aufgrund der Netzwerkbedingungen,SourceBuffer
hat keine Daten mehr, um die Wiedergabe fortzusetzen. Wenn diese Daten ankommen, wird die Wiedergabe fortgesetzt. In der Zwischenzeit sieht das Video jedoch ins Stocken geraten. Ich möchte dem Medienelement einen visuellen Hinweis hinzufügen, dass es angehalten ist, da für die Pufferung erforderliche Daten vorhanden sind.
Ich habe versucht, 'Warte'- und' Blockierte'-Ereignisse auf Video zu binden, aber keines der Ereignisse wird ausgelöst.
var vid = $('video')[0];
vid.addEventListener('stalled', function(e) { console.log('Media stalled...');})
Gibt es eine andere Möglichkeit, um festzustellen, ob der Datenträger angehalten wurde und wann er wieder aufgenommen wird?
Vielen Dank