The CanvasCaptureMediaStreamTrack canvas read-only property returns the HTMLCanvasElement from which frames are being captured.


var elt = stream.canvas;


An HTMLCanvasElement indicating the canvas which is the source of the frames being captured.


// Find the canvas element to capture
var canvasElt = document.getElementsByTagName("canvas")[0];

// Get the stream
var stream = canvasElt.captureStream(25); // 25 FPS

// Do things to the stream

// Obtain the canvas associated with the stream
var canvas = stream.canvas;


Specification Status Comment
Media Capture from DOM Elements
The definition of 'CanvasCaptureMediaStreamTrack.canvas' in that specification.
Working Draft Initial definition

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support No ?411 No No No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support No No ?411 No No No

1. 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.

See also

Document Tags and Contributors

Contributors to this page: Sheppy, fscholz, Sebastianz, teoli
Last updated by: Sheppy,