mcpField
I
install-canvas-capture-browser

install-canvas-capture-browser

github.com/remotion-devDevelopment68.6k225 installsUpdated today
Repository

About install-canvas-capture-browser

A skill for installing a browser compatible with Canvas Capture. It uses a bundled script to install Chrome for Testing on Apple Silicon macOS when a compatible Chrome is not already available.

Key features

  1. 01Check the required Chrome version
  2. 02Install Chrome for Testing with a script
  3. 03Verify the downloaded browser version
  4. 04Launch Chrome with Canvas Draw Element enabled

Use cases

  1. 01Set up a browser for Canvas Capture
  2. 02Install a compatible browser when none is available

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/remotion-dev/remotion --skill install-canvas-capture-browser

After installing, type/install-canvas-capture-browserin Claude Code to confirm it loaded.

Bundled filesagents/openai.yamlscripts/install-browser.sh

Details

From the project README

Install Canvas Capture Browser

Canvas Capture requires Chrome 157.0.8080.0 or newer with Canvas Draw Element enabled. Use an existing compatible Chrome browser, or install Chrome for Testing with the bundled script. The extension also checks the required HTML-in-canvas API and video encoding configuration before allowing recording.

Install

  1. Run the bundled installer:

    .agents/skills/install-canvas-capture-browser/scripts/install-browser.sh

    The script only supports Apple Silicon macOS. It selects the first compatible Stable, Beta, Dev, or Canary release from Google's Chrome for Testing metadata, verifies that the downloaded app matches that release, and installs the app at /Users/jonathanburger/Applications/Recorder Chrome.app. It exits successfully without downloading when the version is 157.0.8080.0 or newer and the browser is already installed. It does not overwrite an incompatible existing app.

  2. Confirm the script reports the expected installed path and a version of at least 157.0.8080.0.

  3. Launch it for Canvas Capture with:

    '/Users/jonathanburger/Applications/Recorder Chrome.app/Contents/MacOS/Google Chrome for Testing' \
  --user-data-dir='/Users/jonathanburger/Library/Application Support/Remotion Canvas Capture' \
  --enable-features=CanvasDrawElement \
  --no-first-run \
  --no-default-browser-check

    --enable-features=CanvasDrawElement is equivalent to enabling chrome://flags/#canvas-draw-element and restarting Chrome; either method is sufficient. Do not add --enable-blink-features=CanvasDrawElement: this developer override directly changes Blink's state and triggers Chrome's unsupported-command-line warning, even when the feature is supported.

Comments

Markdown supported