mcpField
I
install-canvas-capture-browser

install-canvas-capture-browser

github.com/remotion-dev開発68.6k225 回インストール今日更新
リポジトリ

install-canvas-capture-browser について

Canvas Capture に対応するブラウザーをインストールするスキルです。互換性のある Chrome がない場合、付属スクリプトを使って Apple Silicon 搭載 macOS に Chrome for Testing をインストールします。

主な機能

  1. 01必要な Chrome バージョンの確認
  2. 02スクリプトによる Chrome for Testing の導入
  3. 03ダウンロードしたブラウザーのバージョン検証
  4. 04Canvas Draw Element を有効にして Chrome を起動

活用シーン

  1. 01Canvas Capture 用ブラウザーの準備
  2. 02互換ブラウザーがない環境へのインストール

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/install-canvas-capture-browserを入力して読み込まれたか確認します。

同梱ファイルagents/openai.yamlscripts/install-browser.sh

詳細

Canvas Capture Browser をインストールする

Canvas Capture には、Canvas Draw Element を有効にした Chrome 157.0.8080.0 以降が必要です。 互換性のある既存の Chrome ブラウザーを使用するか、 同梱スクリプトを使って Chrome for Testing をインストールしてください。録画を許可する前に、 拡張機能は必要な HTML-in-canvas API と動画エンコードの設定も確認します。

インストール

  1. 同梱のインストーラーを実行します。

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

    このスクリプトは Apple Silicon 搭載の macOS のみをサポートしています。Google の Chrome for Testing メタデータから、互換性のある Stable、Beta、Dev、または Canary リリースのうち最初のものを選択し、ダウンロードしたアプリがそのリリースと一致することを確認してから、 /Users/jonathanburger/Applications/Recorder Chrome.app にインストールします。バージョンが 157.0.8080.0 以降で、ブラウザーがすでにインストールされている場合は、ダウンロードせずに正常終了します。互換性のない既存のアプリは上書きしません。

  2. スクリプトが、想定されるインストール先のパスと 157.0.8080.0 以上のバージョンを報告していることを確認します。

  3. Canvas Capture 用に次のように起動します。

    '/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 は、chrome://flags/#canvas-draw-element を有効にして Chrome を再起動するのと同等です。どちらの方法でもかまいません。--enable-blink-features=CanvasDrawElement は追加しないでください。この開発者向けオーバーライドは Blink の状態を直接変更し、機能がサポートされている場合でも、Chrome の未サポートのコマンドラインに関する警告を引き起こします。

コメント

Markdown 対応