MediaStreamTrackProcessor: MediaStreamTrackProcessor() constructor

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

The MediaStreamTrackProcessor() constructor creates a new MediaStreamTrackProcessor object which consumes a video MediaStreamTrack object's source and generates a stream of VideoFrames.

Syntax

js
new MediaStreamTrackProcessor(options)

Parameters

options

An object with the following properties:

track

A MediaStreamTrack.

maxBufferSize Optional

An integer specifying the maximum number of media frames to be buffered.

Examples

In the following example a new MediaStreamTrackProcessor is created.

js
const trackProcessor = new MediaStreamTrackProcessor({ track: videoTrack });

Specifications

Specification
MediaStreamTrack Insertable Media Processing using Streams
# dom-mediastreamtrackprocessor-mediastreamtrackprocessor

Browser compatibility

desktop mobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
MediaStreamTrackProcessor() constructor
Chrome – Partial support
Chrome 94 (Release date: 2021-09-21)
footnote Partial support
footnote Exposed on Window instead of DedicatedWorker.
Edge – Partial support
Edge 94 (Release date: 2021-09-24)
footnote Partial support
footnote Exposed on Window instead of DedicatedWorker.
Firefox – No support
Firefox
footnote No support
Opera – Partial support
Opera 80 (Release date: 2021-10-05)
footnote Partial support
footnote Exposed on Window instead of DedicatedWorker.
Safari – Full support
Safari 18 (Release date: 2024-09-16)
footnote Full support
Chrome Android – Partial support
Chrome Android 94 (Release date: 2021-09-21)
footnote Partial support
footnote Exposed on Window instead of DedicatedWorker.
Firefox for Android – No support
Firefox for Android
footnote No support
Opera Android – Partial support
Opera Android 66 (Release date: 2021-12-15)
footnote Partial support
footnote Exposed on Window instead of DedicatedWorker.
Safari on iOS – Full support
Safari on iOS 18 (Release date: 2024-09-16)
footnote Full support
Samsung Internet – Partial support
Samsung Internet 17 (Release date: 2022-05-04)
footnote Partial support
footnote Exposed on Window instead of DedicatedWorker.
WebView Android – Partial support
WebView Android 94 (Release date: 2021-09-21)
footnote Partial support
footnote Exposed on Window instead of DedicatedWorker.
WebView on iOS – Full support
WebView on iOS 18 (Release date: 2024-09-16)
footnote Full support

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
No support
No support