Web features explorer

captureStream() for <canvas>

Widely Available (since 2022-07-15)

The captureStream() method for <canvas> elements returns a MediaStream which includes a CanvasCaptureMediaStreamTrack representing real-time video of the canvas image. You can use this to record the canvas, or send it elsewhere, such as another canvas or WebRTC connection.

Browser support

  • Chrome 51 Released on 2016-05-25
  • Chrome Android 51 Released on 2016-06-08
  • Edge 79 Released on 2020-01-15
  • Firefox 43 Released on 2015-12-15
  • Firefox for Android 43 Released on 2015-12-15
  • Safari 11 Released on 2017-09-19
  • Safari on iOS 11 Released on 2017-09-19

MDN documentation

Specifications

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist