キャプチャ録画スタジオ

USBキャプチャの映像に Webカメラのワイプ と 音声 (キャプチャ音声＋マイク) を重ねて、ブラウザだけで合成・ローカル録画します。インストール不要、映像・音声はこの端末内だけで処理され、サーバーには送信されません。
※ 直接ライブ配信はしません。録画したファイルを後から各サービスにアップロードする用途向けです。

待機中 — STANDBY

ブラウザだけで配信合成 → ローカル録画

映像・音声はこの端末内だけで合成・録画され、サーバーには送信されません。

キャプチャ (下地映像)
Webカメラ ワイプ
音声ミックス

使い方と注意
  • ワイプと遅延: ワイプ未使用時は生映像を直接表示し、遅延を最小化します (合成しません)。録画中はワイプの切替ができません。
  • キャプチャ音声デバイス: キャプチャ機の音声 (例: UGREEN / Digital Audio Interface) を選択します。PC内蔵マイクではありません。音声処理は無効化 (原音) で取得します。
  • 手元モニター: ハウリングに注意してください。ヘッドホン推奨です。
  • フェーダの効き方: キャプチャ音声のフェーダは手元モニターと録画の両方に効きます。マイクは録音にのみ反映 (手元には返しません)。
  • 保存とプライバシー: 録画・スクショはこの端末内に保存され、サーバーには送信されません。直接ライブ配信はしません (録画してから各サービスにアップロードする用途です)。
使い方
  1. キャプチャボードをPCの USB 3.0 (青いポート) に挿し、「カメラを許可して開始」 を押して映像デバイスでキャプチャボードを選びます。ゲーム映像が下地として表示されます。
  2. 「Webカメラ ワイプ」 をオンにしてカメラを選び、位置 (四隅) とサイズを調整します。ゲーム映像の上に小窓として合成されます。
  3. 音声 (キャプチャ音声・マイク) を必要に応じてオンにします。手元モニターはハウリングに注意し、ヘッドホンを推奨します。
  4. 「録画開始」 で合成した映像と音声をWebMでローカル録画します。もう一度押すと停止し、端末にダウンロードされます。
  5. 全画面・スクショ ボタンで、UIを消したクリーンな全画面表示や、合成後のPNG保存ができます。
こんな時に使えます

ゲーム実況の録画素材を作る

ゲーム映像にワイプと声を合成して録画し、編集して動画サイトに投稿したいとき。OBSを入れなくても、ブラウザだけで合成済みのWebMが手元に残ります。

手早くワイプ付き録画を残したい

配信ソフトのセットアップは大げさだけど、カメラ小窓と音声を載せた録画を手軽に残したいとき。許可して開始するだけで合成プレビューが立ち上がります。

解説・レビュー動画の収録

機器やゲームの画面を下地に、自分の顔ワイプとマイク音声を重ねた解説動画を収録したいとき。合成後のスクショで静止画の素材も作れます。

プレイ確認用のクリーン全画面

合成した映像をUIなしの全画面で大きく確認したいとき。録画はせずにプレビューだけ全画面にする、といった使い方もできます。

仕様のポイント
  • ローカル完結・サーバー送信なし: getUserMedia で取得した映像・音声をブラウザ内のcanvasとWeb Audioで合成するだけで、サーバーへ送信しません。録画・スクショも端末内で完結します。
  • カメラワイプ (PiP): ゲーム映像の上にWebカメラを小窓で合成。四隅の位置プリセット・サイズ・左右反転に対応します。
  • 音声ミックス: キャプチャ音声とマイクをWeb Audioでミックスして録画音声に載せます。手元モニターは録音と独立して使え、既定オフ。
  • 合成して録画 (WebM): canvas.captureStream とミックス音声をMediaRecorderでWebMに録画。録画中はタイマー表示します。
  • クリーン全画面: 合成した映像だけをUIなしで全画面表示できます。録画される絵＝見える絵＝全画面が一致します。
  • 直接配信はしない: ライブ配信機能は持たず、録画してから各サービスにアップロードする用途に絞っています。
もっと詳しく：ブラウザ内合成とローカル録画の仕組み

canvas が単一のプログラム面

本ツールは <canvas> を1枚の「プログラム面」として扱います。毎フレーム、ゲーム映像をアスペクト維持で下地に描き、その上にWebカメラのワイプを指定位置・サイズで重ねます。見える絵＝全画面＝録画される絵が常に一致するので、プレビューで確認したそのままが録画されます。描画は requestVideoFrameCallback で映像のフレームに同期して回します。

音声ミックスと手元モニター

音声は AudioContext でキャプチャ音声とマイクをミックスし、MediaStreamAudioDestinationNode から取り出した音声トラックを録画に載せます。手元モニター (スピーカー再生) は既定オフです。マイクとスピーカーの距離が近いと反響 (ハウリング) しやすいため、モニターするときはヘッドホンをおすすめします。

映らない時 (HDCP / HDR) と負荷

ゲーム画面は基本的に映りますが、保護された動画アプリの映像 (HDCP) は仕様上ブラウザに渡らず黒画面になります。これは故障ではなく著作権保護の仕組みです。HDR は機器側でオフにすると安定します。また、1080p60 の合成＋録画＋2系統のカメラ取得はCPU/GPU負荷が高めです。重いときは解像度・fpsを下げるか、カメラワイプを切ると軽くなります。操作するゲームは、キャプチャ機のパススルー出力をTVへ繋いでそちらでプレイしてください。

関連ツール

他にもいくつかの単機能ツールを揃えています。

よくある質問