Canvas Capture

Capture video from canvas elements

Canvas Capture: Capture Video from Canvas Elements

Canvas Capture is a Chrome extension that allows users to capture video from HTML canvas elements. Users just need to navigate to a page, identify the animated canvas element and hit capture. The program allows previewing of the captured videos before download. The extension mainly uses the MediaRecorder, MediaStream, and Blob APIs to generate the video files.

Download

View on Chrome Web Store

Extension stats

Users: 1,000+

Rating: 5.00

(4)

Version: 1.3.0 (Last updated: 2019-03-28)

Creation date: 2019-03-27

Risk impact: Moderate risk impact

Risk likelihood:

Very low risk likelihood

Manifest version: 2

Permissions:

activeTab
storage
notifications
webNavigation
http://*/
https://*/

Size: 218.11K

Ranking

# 27,839 ▼ 203

Other rankings

#158 in Art & Design #23 in capture keyword 80 #160 in video recorder keyword 74 ▼ 2

Other platforms

Canvas Parent (v3.13.0)

4.13

(4,242) 804,272+

Canvas Capture (v1.3.1resigned1)

4.38

(8) 268

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

The Canvas Capture extension allows video to be captured from HTML canvas elements.

Currently, video is only output in the webm container in the browser's choice of codec (typically VPX).

To use, simply navigate to a page with an animated canvas element and click the extension's browser action (toolbar button). A list of canvases present on the page will be displayed with some details about each one. Click the capture button next to the canvas that should be captured. When finished, click the stop button and a link will be generated to download the resulting video file (the file is constructed using Blobs; no network access is required).

Captured videos can be previewed before they are downloaded. By default, videos are remuxed using libwebm in WebAssembly to produce a more useful video file that is seekable and shows a duration and progress in video players.

Canvas Capture produces video files of canvas elements using the MediaRecorder, MediaStream and Blob APIs.