画面録画は、ブラウザが選択を許可した画面・ウィンドウ・タブをそのまま録画するツールです。ページは getDisplayMedia + MediaRecorder で動作し、フレームレートは 30 か 60 fps を選べ、システム音声も要求できます。さらにマイクを有効にすることもでき、2 系統の音声が使えるときは AudioContext を使ってローカルで 1 本の音声トラックに混ぜます。

録画結果は WebM で、エンコードは VP9+Opus を優先し、次に VP8+Opus、それも無理ならブラウザ既定の WebM にフォールバックします。録画中は ffmpeg.wasm を使いません。「MP4 に変換（音声・動画スタジオへ送る）」を押したときだけ、変換ステップが ffmpeg core を読み込みます。

1. 01オプションを設定録画前に 30 か 60 fps を選び、「システム音声」と「マイク」を要求するかを決めます。
2. 02録画を開始ボタンを押し、ブラウザの共有ダイアログで画面 / ウィンドウ / タブを選びます。システム音声が必要なときは、ダイアログ内で音声の共有も許可してください。
3. 03録画を操作一時停止・再開・停止が使えます。ブラウザ標準の共有バーで「共有を停止」を押した場合も、ページ側が MediaRecorder を自動で停止します。
4. 04結果を保存停止すると WebM がローカルでプレビューされるので、そのままダウンロードします。MP4 が必要なときは「MP4 に変換」を押して結果を音声・動画スタジオへ送ります。

プラットフォーム対応

getDisplayMedia に依存するため、デスクトップの Chrome / Edge / Firefox などが中心です。モバイルのブラウザはほぼ対応しておらず、ページに非対応の案内がそのまま表示されます。

システム音声

録音できるかはブラウザ・OS・共有ダイアログでのユーザーの選択によります。コード上は Firefox がシステム音声に対応しないことを明確に案内します。

フレームレートは理想値

30/60 fps は共有トラックに対する ideal の要求で、実際の値はシステムと共有する内容によって決まります。

出力形式

直接の結果は WebM だけです。MP4 は録画のエンコードではなく、録った WebM を ffmpeg スタジオへ送って変換したものです。

やらないこと

範囲の切り抜き、カメラのピクチャーインピクチャー、録画後の自動編集は行いません。後処理はダウンロードするか、対応する音声・動画ツールへ送ってください。

画面の映像・システム音声・マイクはブラウザ内の MediaRecorder / AudioContext だけが処理し、アップロードも ffmpeg CDN の読み込みもありません。自分で WebM をスタジオへ送って MP4 に変換したときだけ、変換ステップが初めて ffmpeg core をダウンロードします。