Web/API/CanvasCaptureMediaStreamTrack

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

Part of the Media Capture and Streams API.

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.

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	Status	Comment
Media Capture from DOM ElementsThe definition of 'CanvasCaptureMediaStreamTrack' in that specification.	Working Draft	Initial definition

Browser compatibility

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`CanvasCaptureMediaStreamTrack` Experimental'	Chrome Full support 51	Edge Full support ≤79	Firefox Full support 41 Disabled' Full support 41 Disabled' Disabled' From version 41: this feature is behind the `canvas.capturestream.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	IE No support No	Opera No support No	Safari No support No	WebView Android Full support 51	Chrome Android Full support 51	Firefox Android Full support 41 Disabled' Full support 41 Disabled' Disabled' From version 41: this feature is behind the `canvas.capturestream.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	Opera Android No support No	Safari iOS No support No	Samsung Internet Android Full support 5.0
`canvas` Experimental'	Chrome No support No	Edge No support No	Firefox Full support 41 Disabled' Full support 41 Disabled' Disabled' From version 41: this feature is behind the `canvas.capturestream.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	IE No support No	Opera No support No	Safari No support No	WebView Android No support No	Chrome Android No support No	Firefox Android Full support 41 Disabled' Full support 41 Disabled' Disabled' From version 41: this feature is behind the `canvas.capturestream.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	Opera Android No support No	Safari iOS No support No	Samsung Internet Android No support No
`requestFrame` Experimental'	Chrome Full support 51	Edge Full support ≤79	Firefox Full support 41 Disabled' Full support 41 Disabled' Disabled' From version 41: this feature is behind the `canvas.capturestream.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	IE No support No	Opera No support No	Safari No support No	WebView Android Full support 51	Chrome Android Full support 51	Firefox Android ?	Opera Android No support No	Safari iOS No support No	Samsung Internet Android Full support 5.0

Legend

Full support: Full support
No support: No support
Compatibility unknown: Compatibility unknown
Experimental. Expect behavior to change in the future.': Experimental. Expect behavior to change in the future.
User must explicitly enable this feature.': User must explicitly enable this feature.