screen_record オンライン画面録画ツール star

ブラウザは何もインストールせずにどうやって画面を録画できるのか

画面録画は、かつてはOS(オペレーティングシステム)に深くアクセスできる専用のデスクトップソフトウェアが必要でした。ディスプレイに表示されている内容をキャプチャすることは、通常サンドボックス化されたWebページにはできない処理だったからです。これを変えたのがScreen Capture API、具体的にはgetDisplayMedia()です — WebRTCと並んで標準化されたこのブラウザAPIにより、ページは画面全体、特定のウィンドウ、あるいは単一のブラウザタブのライブ動画ストリームをリクエストできるようになりました。重要なのは、このリクエストが常にページ自身ではなく、ブラウザ自体の選択UIを経由するという点です。サイト側が録画対象を選ぶことは決してなく、キャプチャがアクティブな間、ブラウザは常時表示され消すことのできない録画インジケーターを表示します。これは、画面キャプチャがバックグラウンドで静かに行われることが決してないよう、APIの設計に意図的に組み込まれたプライバシー保護のための仕組みです。

動画ストリームが存在すると、それをファイルに録画する処理は、このサイトの他の場所でマイク録音にも使われているのと同じインターフェースである、もう一つの古いAPIMediaRecorderが担当します。これは任意のライブMediaStream — 画面の動画、必要に応じてWeb Audioに近縁のMediaStream API経由でマイクの音声トラックと結合されたもの — を受け取り、録画が進むにつれて、ブラウザに内蔵されているコーデック(一般的にはVP8またはVP9の動画とOpus音声をWebMコンテナに詰めたもの)を使って、エンコードされた動画の圧縮チャンクを定期的に出力します。この処理の流れのどこにもサーバーは関与しません。キャプチャ、エンコード、そして生成されるファイルはすべて、あなたがダウンロードを選ぶまで、ブラウザのメモリ内にのみ存在します。

画面の動画とマイクの音声を組み合わせる処理は、MediaRecorder自体ではなくMediaStreamのレベルで行われます。このツールは、画面キャプチャのストリームから動画トラックを取り出し、必要であれば別途行ったマイクリクエストからの音声トラックを一つの結合されたストリームに加えたうえで、MediaRecorderに渡します — このため、マイクへのアクセス許可は、画面共有の選択ダイアログの後に表示される、2つ目の独立した許可リクエストになります。

知っておくと役立つ実用的な詳細

• ブラウザ自体の録画インジケーターと「共有を停止」コントロールは、このページとは完全に独立して存在します — そのシステムコントロールをクリックしても(このページの「停止」ボタンの代わりに)、録画はきちんと終了し、それまでにキャプチャされた内容が保存されます。
• 単一のタブを録画する方が、画面全体や別のアプリケーションウィンドウを録画するよりも、一般的にCPU負荷が軽くなります。ブラウザはすでに描画している内容を合成するだけで済むからです。
• 出力形式はWebMという、オープンでロイヤリティフリーのコンテナ形式です — MP4のような別の形式が必要な場合は、後から一般的な動画変換ツールでファイルを変換できます。
• 録画データはこのページのメモリにのみ保持され(自動的にディスクへ保存されることはありません)、そのためタブを閉じたり他のページへ移動したりする前に録画をダウンロードすることが不可欠です — どこにも自動保存されることはありません。