Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

ManagedMediaSource: streaming-Eigenschaft

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.

Die schreibgeschützte Eigenschaft streaming des ManagedMediaSource-Interfaces ist ein Boolean, der angibt, ob die Anwendung aktiv Mediendaten abrufen und anhängen sollte.

Der Wert dieser Eigenschaft wird durch den Überwachungsalgorithmus des Benutzeragenten aktualisiert. Wenn sich der Wert ändert, wird das entsprechende startstreaming- oder endstreaming-Ereignis ausgelöst.

Wert

Ein Boolean, der initial false ist. Wenn true, benötigt der Benutzeragent mehr Daten, um eine unterbrechungsfreie Wiedergabe sicherzustellen. Wenn false, hat der Benutzeragent genug Daten gepuffert und die Anwendung kann das Abrufen neuer Segmente stoppen.

Beispiele

Überprüfung des Streaming-Zustands

Dieses Beispiel erstellt eine ManagedMediaSource, verbindet sie mit einem <video>-Element und protokolliert den Wert von streaming, wann immer er sich zwischen true und false ändert.

js
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);

  console.log(source.streaming); // false

  source.addEventListener("startstreaming", () => {
    console.log(source.streaming); // true — start fetching data
  });

  source.addEventListener("endstreaming", () => {
    console.log(source.streaming); // false — stop fetching data
  });

  source.addEventListener("sourceopen", () => {
    source.addSourceBuffer(mediaType);
  });
}

Spezifikationen

Spezifikation
Media Source Extensions™
# dom-managedmediasource-streaming

Browser-Kompatibilität

Siehe auch