MediaStreamTrackProcessor

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Hinweis: Diese Funktion ist nur in Dedicated Web Workers verfügbar.

Warnung: Browser unterscheiden sich darin, in welchem globalen Kontext sie dieses Interface darstellen (z. B. nur window in einigen Browsern und nur dedizierter Worker in anderen), was sie inkompatibel macht. Behalten Sie dies im Hinterkopf, wenn Sie die Unterstützung vergleichen.

Das MediaStreamTrackProcessor-Interface der Insertable Streams for MediaStreamTrack API konsumiert die Quelle eines Video-MediaStreamTrack-Objekts und erzeugt einen Strom von VideoFrame-Objekten.

In diesem Artikel

Konstruktor

MediaStreamTrackProcessor()

Erstellt ein neues MediaStreamTrackProcessor-Objekt.

window.MediaStreamTrackProcessor()

Erstellt ein neues MediaStreamTrackProcessor-Objekt im Main-Thread, das sowohl Video als auch Audio verarbeiten kann.

Instanz-Eigenschaften

MediaStreamTrackProcessor.readable

Gibt einen ReadableStream zurück.

Beispiele

Das folgende Beispiel stammt aus dem Artikel Unbundling MediaStreamTrackProcessor and VideoTrackGenerator. Es überträgt ein Kamera-MediaStreamTrack zu einem Worker zur Verarbeitung. Der Worker erstellt eine Pipeline, die einen Sepia-Ton-Filter auf die Videoframes anwendet und sie spiegelt. Die Pipeline mündet in einen VideoTrackGenerator, dessen MediaStreamTrack zurückübertragen und abgespielt wird. Die Medien fließen nun in Echtzeit durch die Transformation außerhalb des Main-Threads.

js
const stream = await navigator.mediaDevices.getUserMedia({ video: true });
const [track] = stream.getVideoTracks();
const worker = new Worker("worker.js");
worker.postMessage({ track }, [track]);
const { data } = await new Promise((r) => {
  worker.onmessage = r;
});
video.srcObject = new MediaStream([data.track]);

worker.js:

js
onmessage = async ({ data: { track } }) => {
  const vtg = new VideoTrackGenerator();
  self.postMessage({ track: vtg.track }, [vtg.track]);
  const { readable } = new MediaStreamTrackProcessor({ track });
  await readable
    .pipeThrough(new TransformStream({ transform }))
    .pipeTo(vtg.writable);
};

VideoTrackGenerator
Insertable streams for MediaStreamTrack auf developer.chrome.com

Hinweis: Dieser Artikel wurde geschrieben, bevor die API auf Worker und Video beschränkt war. Achten Sie auf die Verwendung der nicht standardmäßigen Version von MediaStreamTrackProcessor, die auf dem Main-Thread blockiert.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

Insertable Streams for MediaStreamTrack API
MediaStreamTrackProcessor
Konstruktor
1. MediaStreamTrackProcessor()
Instanzeigenschaften
1. readable
Verwandte Seiten für Insertable Streams for MediaStreamTrack API
1. MediaStreamTrackGenerator
2. VideoTrackGenerator

MediaStreamTrackProcessor

In diesem Artikel

Konstruktor

Instanz-Eigenschaften

Beispiele

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN