MediaStreamTrackGenerator

Интерфейс MediaStreamTrackGenerator интерфейса потоков, вставляемых в API MediaStreamTrack создает WritableStream, который выступает в качестве источника MediaStreamTrack. Объект потребляет поток кадров медиа в качестве входных данных, которые могут быть кадрами аудио или видео.

MediaStreamTrackGenerator() Экспериментально Нестандартно

Создаёт новый объект MediaStreamTrackGenerator, который принимает объекты VideoFrame или AudioData.

Этот интерфейс также наследует свойства от MediaStreamTrack.

MediaStreamTrackGenerator.writable Экспериментально Нестандартно

A WritableStream.

Этот интерфейс не реализует никаких конкретных методов, но наследует методы от MediaStreamTrack.

Следующий пример взят из статьи Вставляемые потоки для MediaStreamTrack и демонстрирует приложение для сканирования штрих-кодов, которое обрабатывает штрих-коды и выделяет их перед записью преобразованных кадров в поток записи MediaStreamTrackGenerator.writable.

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