画面録画ツール

録画が停止すると、動画が再生エリアに表示されます。再生ボタンで視聴するか、ダウンロードリンクでパソコンに保存できます。

このツールは、ブラウザに組み込まれた getDisplayMedia と MediaRecorder API を使用します。getDisplayMedia はオペレーティングシステム自体の画面/ウィンドウ/タブ選択画面を開き、MediaRecorder は結果として得られる映像(音声が含まれる場合はそれも)ストリームを動画ファイルに記録します。

• 「録画を開始」をクリックすると、ブラウザが共有する画面/ウィンドウ/タブを選択するダイアログを開きます。
• ユーザーがソースを選択して許可を与えると、そのソースからのライブ映像ストリームが始まります。
• MediaRecorder API がこのストリームをチャンク単位で動画ファイルに書き込みます。
• 「録画を停止」をクリックすると録画が終了し、チャンクが結合されて再生可能な動画が作成されます。
• 動画はブラウザ内で直接再生でき、ダウンロードリンクから端末に保存できます。

プレゼンテーション中に「録画を開始」をクリックしてブラウザのタブを選択します。終了したら「録画を停止」をクリックすると、動画が再生エリアに即座に表示され、ダウンロードリンクが準備されます。

• 開始する前に、ブラウザの一覧からどのウィンドウまたはタブを共有するか慎重に選んでください。
• 音声も録画したい場合は、ブラウザの許可ダイアログで「タブの音声を共有」または「システム音声を共有」オプションを選択することを忘れないでください。
• 録画が終わったらすぐに動画をダウンロードしてください。ページを再読み込みまたは閉じると、録画内容はメモリから消去されます。

画面録画は、チュートリアル動画の作成、バグレポートの作成、製品デモの撮影、プレゼンテーションの記録など、さまざまな目的で使用されます。従来は別途ソフトウェアをインストールする必要がありましたが、最新のブラウザは今やこの機能を直接提供しています。

このツールは、W3C標準の Screen Capture API(getDisplayMedia)と MediaRecorder API の組み合わせを使用します。この2つのAPIにより、追加のプラグインやソフトウェアをインストールすることなく、ブラウザ自体を通じて画面録画が可能になります。

プライバシー保護のため、ブラウザはユーザーの明示的かつ十分な情報に基づく同意がある場合にのみ画面共有を開始します。録画セッションごとにシステムダイアログが表示され、ユーザーはどの画面、ウィンドウ、タブを共有するかを選択できます。これにより、ウェブサイトが許可なく密かに画面を録画することを防ぎます。

録画された動画は WebM 形式で作成され、完全にブラウザのメモリ内に保持されます。どの段階でもサーバーにアップロードされることはありません。これにより、大きな動画ファイルをインターネット経由で送信する必要がないため、プライバシーと速度の両面で利点があります。

このツールを使用する際は、録画したい内容を明確に選ぶことが重要です。特に「画面全体」オプションを使用する場合、デスクトップ上の他のウィンドウに表示したくない情報が映り込む可能性があることに注意してください。