Capture video from canvas elements

Latest Version

Version

1.3.0

Update

March 27, 2019

Size

213KiB

Developer

Canvas Capture Extension

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.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Canvas Capture", "version": "1.3.0", "description": "Capture video from canvas elements", "author": "Chase", "icons": { "16": "/img/png/icon_16.png", "32": "/img/png/icon_32.png", "48": "/img/png/icon_48.png", "64": "/img/png/icon_64.png", "128": "/img/png/icon_128.png" }, "permissions": [ "activeTab", "storage", "notifications", "webNavigation", "http://*/", "https://*/" ], "background": { "scripts": [ "lib/webextension-polyfill/browser-polyfill.min.js", "capture/utils.js", "background.js" ], "persistent": false }, "options_ui": { "page": "/options/options.html" }, "browser_action": { "default_title": "Canvas Capture", "browser_style": false }, "web_accessible_resources": [ "/capture/*.html", "/capture/*.css", "/capture/img/*", "/capture/utils.js", "/wasm/worker.js", "/wasm/build/webm_muxer.js", "/wasm/build/webm_muxer.wasm" ], "minimum_chrome_version": "57"}

Download CRX(213KiB)