MediaStreamTrackProcessor

Die MediaStreamTrackProcessor-Schnittstelle der Insertable Streams for MediaStreamTrack API konsumiert die Quelle eines MediaStreamTrack-Objekts und generiert einen Stream von Medienrahmen.

Konstruktor

MediaStreamTrackProcessor()

Erstellt ein neues MediaStreamTrackProcessor-Objekt.

Instanzeigenschaften

MediaStreamTrackProcessor.readable

Gibt einen ReadableStream zurück.

Beispiele

Das folgende Beispiel stammt aus dem Artikel Insertable streams for MediaStreamTrack und demonstriert eine Barcode-Scanner-Anwendung, die den Stream zugänglich macht über MediaStreamTrackProcessor.readable, indem sie den Barcode hervorhebt.

js
const stream = await getUserMedia({ video: true });
const videoTrack = stream.getVideoTracks()[0];

const trackProcessor = new MediaStreamTrackProcessor({ track: videoTrack });
const trackGenerator = new MediaStreamTrackGenerator({ kind: "video" });

const transformer = new TransformStream({
  async transform(videoFrame, controller) {
    const barcodes = await detectBarcodes(videoFrame);
    const newFrame = highlightBarcodes(videoFrame, barcodes);
    videoFrame.close();
    controller.enqueue(newFrame);
  },
});

trackProcessor.readable
  .pipeThrough(transformer)
  .pipeTo(trackGenerator.writable);

Spezifikationen

Specification
MediaStreamTrack Insertable Media Processing using Streams
# track-processor-interface

Browser-Kompatibilität

BCD tables only load in the browser