CanvasCaptureMediaStreamTrack: canvas property

{{APIRef("Media Capture and Streams")}}

The canvas read-only property of the {{domxref("CanvasCaptureMediaStreamTrack")}} interface returns the {{domxref("HTMLCanvasElement")}} from which frames are being captured.

Value

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

Example

// Find the canvas element to capture
const canvasElt = document.querySelector("canvas");

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

// Do things to the stream
// …

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{domxref("HTMLCanvasElement.captureStream()")}} to create a stream to capture a given canvas element.
• {{HTMLElement("canvas")}}