🔴 画面録画ツール

概要

このツールはブラウザのgetDisplayMedia APIを使って画面・ウィンドウ・タブをキャプチャし、MediaRecorderでストリームをWebMファイルに録画してローカルに保存します。システム/タブ音声とマイクはWeb Audio APIでミキシングされてからレコーダーに渡されるため、録画中にナレーションを入れることも可能です。すべてデバイス上のみで動作し、映像データはサーバーに送信されません。getDisplayMediaはセキュアなコンテキスト(HTTPSまたはlocalhost)が必要です。タブ・システム音声のキャプチャはChromeとEdgeで最も安定しており、Firefoxはマイクのみ対応です。

使い方

1. ChromeまたはEdgeでHTTPS（またはlocalhost）のページを開いてください — 完全な音声サポートに必要です。
2. 音声ソースを選択してください: システム/タブ音声、マイク、または両方をオンにするか、無音で録画することもできます。
3. 「録画開始」をクリックしてください。ブラウザが共有する画面・ウィンドウ・タブの選択を求めます。
4. セッションを録画してください — ライブタイマーで経過時間が表示されます。終了したら「録画停止」をクリックしてください。
5. ブラウザで録画内容をプレビューし、「ダウンロード」をクリックしてWebMファイルをデバイスに保存してください。

よくある質問

録画データはサーバーにアップロードされますか？

いいえ。すべてgetDisplayMediaとMediaRecorderを使ってブラウザ内で処理されます。動画はデバイスのメモリ上で組み立てられ、外部に送信されることはありません。

Firefoxでシステムオーディオがキャプチャされないのはなぜですか？

FirefoxのgetDisplayMedia実装はシステム音声やタブ音声を公開しません。画面やブラウザタブの音声をキャプチャするにはChromeまたはEdgeを使用してください。

ページをHTTPSで提供する必要があるのはなぜですか？

getDisplayMediaはブラウザがセキュアなコンテキスト（HTTPSページまたはlocalhost）でのみ許可する強力なAPIです。通常のhttp:// URLでは動作しません。

録画にはどのような動画形式が使用されますか？

録画はWebM形式で保存されます。これはすべての主要ブラウザのMediaRecorderがネイティブに生成する形式です。このサイトの他のツールでWebMをMP4やGIFに変換できます。

画面全体ではなく、ブラウザのタブ1つだけを録画できますか？

はい。ブラウザの共有ダイアログが開いたら「タブ」オプションに切り替えて、録画したいタブを選択してください。タブキャプチャではChromeとEdgeでシステム音声も有効になります。