Tsukasa Aoki

( Html Canvas Recorder )

Media unavailable

Description

HTML Canvas Recorder は、Web ページ上の HTML5 <canvas> 要素を検出し、その描画内容を動画ファイルとして保存する Chrome 拡張機能。

Manifest V3 の Chrome Extension として構成し、content script でページ内・iframe 内の canvas をスキャンする。popup UI から対象 canvas を選択できるほか、ページ上で直接クリックして選ぶ picker、番号付きバッジ、ハイライト表示を用意した。録画は HTMLCanvasElement.captureStream() を起点に、通常は MediaRecorder で WebM として保存し、対応環境では WebCodecs と mp4-muxer による MP4 出力も選べる。