CanvasCaptureMediaStreamTrack: canvas property
The canvas
read-only property of the CanvasCaptureMediaStreamTrack
interface returns the HTMLCanvasElement
from which frames are being captured.
Value
An HTMLCanvasElement
indicating the canvas, which is the source of the frames being captured.
Example
js
// 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
Specification |
---|
Media Capture from DOM Elements # dom-canvascapturemediastreamtrack-canvas |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
canvas |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
See also
HTMLCanvasElement.captureStream()
to create a stream to capture a given canvas element.<canvas>