ManagedMediaSource: ManagedMediaSource() Konstruktor
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Hinweis: Diese Funktion ist in Dedicated Web Workers verfügbar.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Der ManagedMediaSource()-Konstruktor der ManagedMediaSource Schnittstelle erstellt und gibt eine neue ManagedMediaSource-Objektinstanz ohne zugeordnete Quellpuffer zurück.
Syntax
js
new ManagedMediaSource()
Parameter
Keine.
Rückgabewert
Eine neue ManagedMediaSource Objektinstanz.
Beispiele
Erstellen einer ManagedMediaSource und Anfügen an ein Videoelement
Im folgenden Beispiel wird eine neue ManagedMediaSource erstellt, an ein <video>-Element angehängt und das startstreaming-Ereignis verwendet, um mit dem Abrufen von Mediendaten zu beginnen.
js
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 source = new ManagedMediaSource();
const video = document.createElement("video");
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
| Spezifikation |
|---|
| Media Source Extensions™ # dom-managedmediasource-constructor |