概要

OBS Studio、Loom、ScreenPal、Camtasia — これらのプロフェッショナル画面録画ソフトは$0-$300+で、インストール・アカウント・サブスクリプションが必要です。このPro Studioは同等の機能をブラウザに持ち込みます:ボイスオーバー用のマイク+システム音声ミックス、チュートリアル風の「画面共有しながらナレーション」動画用のウェブカムオーバーレイ(PIP)、鮮明な技術デモ用の4K 60fps、録画開始前のカウントダウンタイマー、テイクを分ける一時停止/再開、カーソルハイライト、ローカルに保存される10件の録画履歴。インストール・登録・透かし・アップロード全て不要 — MediaRecorder + Web Audio APIですべてブラウザ内実行。

仕組み

3つのブラウザAPIを組み合わせ:getDisplayMedia(画面+オプションのシステム音声)、getUserMedia(マイク)、2回目のgetUserMedia呼び出し(ウェブカム、PIPオーバーレイとして使用)。マイクとシステム音声両方が有効な時、Web Audio AudioContextがリアルタイムで単一音声トラックにミックス。映像は選択した解像度とフレームレートでWebM(VP9またはVP8フォールバック)にエンコード。録画はobject URLとしてlocalStorageに保存(タブを閉じるまで保持)+ダウンロード可能なWebMファイル。キーボードショートカット(Space、S、P)でUIに触れずにセッション全体を制御。

こんなときに使う

画面キャプチャしたワークフローにナレーションを乗せるYouTubeチュートリアル録画。隅にface-camがあるマーケティング用製品デモ。音声コメンタリー付き非同期コードレビュー(エンジニアリングチーム向けLoom代替)。オンラインコース内容(Udemy/Skillshare講義スタイル)。完全な音声コンテキスト付き高品質バグ報告。LoomやScreenPalに支払うべきもの全て — ただし無料。

よくある質問