ManagedMediaSource: startstreaming Ereignis
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Hinweis: Diese Funktion ist in Dedicated Web Workers verfügbar.
Das startstreaming-Ereignis der ManagedMediaSource-Schnittstelle wird ausgelöst, wenn die streaming-Eigenschaft von false zu true wechselt. Dies zeigt an, dass der User-Agent mehr Daten benötigt, um eine unterbrechungsfreie Wiedergabe zu gewährleisten, und die Anwendung sollte damit beginnen, Mediensegmente abzurufen und anzufügen.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.
addEventListener("startstreaming", (event) => {});
onstartstreaming = (event) => {};
Ereignistyp
Ein generisches Event.
Beispiele
Datenabruf als Reaktion auf startstreaming
Dieses Beispiel erstellt eine ManagedMediaSource, hängt sie an ein <video>-Element an und nutzt das startstreaming-Ereignis, um mit dem Abrufen und Anfügen von Mediendaten zu beginnen.
const videoUrl =
"https://mdn.github.io/shared-assets/videos/flower-fragmented.mp4";
const mediaType = 'video/mp4; codecs="avc1.64001F, mp4a.40.2"';
if (ManagedMediaSource.isTypeSupported(mediaType)) {
const video = document.createElement("video");
const source = new ManagedMediaSource();
video.controls = true;
video.disableRemotePlayback = true;
video.src = URL.createObjectURL(source);
document.body.appendChild(video);
source.addEventListener("sourceopen", () => {
const sourceBuffer = source.addSourceBuffer(mediaType);
source.addEventListener("startstreaming", async () => {
console.log("startstreaming — fetching media data");
const response = await fetch(videoUrl);
const data = await response.arrayBuffer();
sourceBuffer.appendBuffer(data);
});
});
}
Spezifikationen
| Specification |
|---|
| Media Source Extensions™ # dfn-startstreaming |