CanvasCaptureMediaStreamTrack

Limited availability

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

See full compatibility

The CanvasCaptureMediaStreamTrack interface of the Media Capture and Streams API represents the video track contained in a MediaStream being generated from a <canvas> following a call to HTMLCanvasElement.captureStream().

Instance properties

This interface inherits the properties of its parent, MediaStreamTrack.

CanvasCaptureMediaStreamTrack.canvas Read only: Returns the HTMLCanvasElement object whose surface is captured in real-time.

Instance methods

This interface inherits the methods of its parent, MediaStreamTrack.

CanvasCaptureMediaStreamTrack.requestFrame(): Manually forces a frame to be captured and sent to the stream. This lets applications that wish to specify the frame capture times directly do so, if they specified a frameRate of 0 when calling captureStream().

Specifications

Specification
Media Capture from DOM Elements # the-canvascapturemediastreamtrack

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
`CanvasCaptureMediaStreamTrack`	Chrome – Full support Chrome 51 (Release date: 2016-05-25) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – No support Firefox footnote footnote See bug 1231131	Opera – Full support Opera 38 (Release date: 2016-06-08) footnote Full support	Safari – Full support Safari 11 (Release date: 2017-09-19) footnote Full support	Chrome Android – Full support Chrome Android 51 (Release date: 2016-06-08) footnote Full support	Firefox for Android – No support Firefox for Android footnote footnote See bug 1231131	Opera Android – Full support Opera Android 41 (Release date: 2016-10-25) footnote Full support	Safari on iOS – Full support Safari on iOS 11 (Release date: 2017-09-19) footnote Full support	Samsung Internet – Full support Samsung Internet 5 (Release date: 2016-12-15) footnote Full support	WebView Android – Full support WebView Android 51 (Release date: 2016-06-08) footnote Full support	WebView on iOS – Full support WebView on iOS 11 (Release date: 2017-09-19) footnote Full support
`canvas`	Chrome – Full support Chrome 51 (Release date: 2016-05-25) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – No support Firefox footnote No support	Opera – Full support Opera 38 (Release date: 2016-06-08) footnote Full support	Safari – Full support Safari 11 (Release date: 2017-09-19) footnote Full support	Chrome Android – Full support Chrome Android 51 (Release date: 2016-06-08) footnote Full support	Firefox for Android – No support Firefox for Android footnote No support	Opera Android – Full support Opera Android 41 (Release date: 2016-10-25) footnote Full support	Safari on iOS – Full support Safari on iOS 11 (Release date: 2017-09-19) footnote Full support	Samsung Internet – Full support Samsung Internet 5 (Release date: 2016-12-15) footnote Full support	WebView Android – Full support WebView Android 51 (Release date: 2016-06-08) footnote Full support	WebView on iOS – Full support WebView on iOS 11 (Release date: 2017-09-19) footnote Full support
`requestFrame`	Chrome – Full support Chrome 51 (Release date: 2016-05-25) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – No support Firefox footnote No support	Opera – Full support Opera 38 (Release date: 2016-06-08) footnote Full support	Safari – Full support Safari 11 (Release date: 2017-09-19) footnote Full support	Chrome Android – Full support Chrome Android 51 (Release date: 2016-06-08) footnote Full support	Firefox for Android – No support Firefox for Android footnote No support	Opera Android – Full support Opera Android 41 (Release date: 2016-10-25) footnote Full support	Safari on iOS – Full support Safari on iOS 11 (Release date: 2017-09-19) footnote Full support	Samsung Internet – Full support Samsung Internet 5 (Release date: 2016-12-15) footnote Full support	WebView Android – Full support WebView Android 51 (Release date: 2016-06-08) footnote Full support	WebView on iOS – Full support WebView on iOS 11 (Release date: 2017-09-19) footnote Full support

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

Full support: Full support
No support: No support
: See implementation notes.

CanvasCaptureMediaStreamTrack

Instance properties

Instance methods

Specifications

Browser compatibility

Legend

See also