Web platform features explorer

captureStream() for <canvas>

Widely available since 2022-07-15
Tags: api Groups: Canvas

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