MediaStreamTrackProcessor

Ограниченная доступность

Эта функция не является базовой, так как она не работает в некоторых из самых широко используемых браузеров.

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

Конструктор

MediaStreamTrackProcessor(): Создаёт новый объект MediaStreamTrackProcessor.

Свойства экземпляра

MediaStreamTrackProcessor.readable: Возвращает ReadableStream.

Примеры

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

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

Спецификации

Спецификация
Обработка вставляемых медиа-данных MediaStreamTrack с помощью потоков # track-processor-interface

Совместимость браузеров

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`MediaStreamTrackProcessor`	94	94	Нет	80	18	94	Нет	66	18	17.0	94
`MediaStreamTrackProcessor`	94 Chrome неправильно предоставляет этот интерфейс только в области Window, а не в области DedicatedWorker, как определено в спецификации.	94 Edge неправильно предоставляет этот интерфейс только в области Window, а не в области DedicatedWorker, как определено в спецификации.	Нет	80 Opera неправильно предоставляет этот интерфейс только в области Window, а не в области DedicatedWorker, как определено в спецификации.	18	94 Chrome Android неправильно предоставляет этот интерфейс только в области Window, а не в области DedicatedWorker, как определено в спецификации.	Нет	66 Opera Android неправильно предоставляет этот интерфейс только в области Window, а не в области DedicatedWorker, как определено в спецификации.	18	17.0 Samsung Internet неправильно предоставляет этот интерфейс только в области Window, а не в области DedicatedWorker, как определено в спецификации.	94 WebView Android неправильно предоставляет этот интерфейс только в области Window, а не в области DedicatedWorker, как определено в спецификации.
`readable`	94	94	Нет	80	18	94	Нет	66	18	17.0	94

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrackProcessor