We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS


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

No compatibility data found. Please contribute data for "api.CanvasCaptureMediaStreamTrack.canvas" (depth: 1) to the MDN compatibility data repository.

See also

Document Tags and Contributors

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