概念＆ナレッジハブ
ブラウザ画面録画ツール、画面・Webカメラ・マイク音声同時収録
ソフトウェアの操作チュートリアルの作成、バグ報告用の不具合再現動画、オンラインミーティングのアーカイブ、教育ウェビナーの収録において、重い外部キャプチャソフトをインストールすることなく、ブラウザ単体で画面を高画質録画できます。全画面、特定ウィンドウ、ブラウザの特定タブの録画に加え、マイク音声とPC内部音声の同時収録に対応しています。
例えばエンジニアがWebアプリケーションの操作手順を解説する動画を収録するケースを想定します。「画面共有を選択（全画面 / ウィンドウ / タブ）」をクリックし、自分の「マイク音声」と「PCシステム音声」を両方ONに設定します。さらに「Webカメラのピクチャー・イン・ピクチャー（PiP：画面右下に丸型ワイプ表示）」を有効にすることで、自身の表情を交えた本格的なプレゼンテーション動画を即座に収録開始できます。録画終了後は、即座に動画プレビューを確認し、高画質WebMまたはMP4動画ファイルとしてローカル端末へ即時保存できます。
画面キャプチャのストリーミング、音声ミキシング、動画エンコード処理はすべてブラウザ内部のMediaStreamおよびMediaRecorder APIでローカル実行されます。録画された映像や音声が外部サーバーにアップロードされることは絶対にありません。
コアアーキテクチャ＆計算式
録画パイプライン: navigator.mediaDevices.getDisplayMedia() + getUserMedia(mic, cam) ➔ AudioContextミキシング ➔ MediaRecorder(VP9/H.264) ➔ Blob出力
画面映像トラックとカメラ・マイクの音声トラックをHTML5 AudioContextでハードウェア合成し、チャンク単位でBlobバッファへリアルタイム録画します。
ベストプラクティスと必須ガイドライン
- 個人情報保護のため「ウィンドウ共有」または「タブ共有」を活用： 全画面共有を選ぶとデスクトップの通知や別アプリのプライベート情報が映り込むリスクがあるため、対象ウィンドウのみを指定しましょう。
- マイクの音割れ・ハウリングを防ぐヘッドホンの着用： PCスピーカーから出た音をマイクが再集音してエコーが発生するのを防ぐため、イヤホンやヘッドホンを装着して収録してください。
- 長時間の録画（1時間超）におけるブラウザメモリの確保： 録画データは一時的にブラウザのメモリ上にバッファされるため、長尺収録時は不要なタブを閉じて十分な空きメモリを確保します。
- 録画終了直後の「即座の保存」： ブラウザのタブを誤って閉じると録画データがメモリから消去されるため、停止後は速やかにダウンロードボタンを押してファイルを保存してください。
よくある質問 (FAQ)
画面録画の利用に時間制限やロゴ透かし（ウォーターマーク）はありますか？
一切ありません。録画時間の制限はなく、画面に邪魔なロゴ透かしが入ることもありません。完全無料で自由にご利用いただけます。
PC内部で流れている音声（動画の音やミーティング相手の声）も録音できますか？
はい。画面共有の選択ダイアログで「システム音声を共有する」にチェックを入れることで、PC内部の音声をクリアに録音可能です。
録画した動画はどのようなファイル形式で保存されますか？
モダンなWeb標準であるWebM形式（VP8/VP9コーデック）、または一般的な動画プレーヤーで再生可能なMP4形式としてローカル保存されます。
録画中の画面やマイク音声が外部サーバーへ送信される危険は？
絶対にありません。当画面録画機能はブラウザローカルのMediaRecorder APIを利用した純粋なクライアントサイド録画であり、外部通信は一切行われません。