最終更新日: 2026-01-08

ほとんどの方にとって、スクリーンとウェブカメラのオーバーレイを同時に録画する最速の方法は、StreamYardのブラウザスタジオを使うことです。画面を共有し、カメラを追加し、レイアウトやブランドオーバーレイを適用して、クラウドまたはローカルに録画できます。シーンごとの詳細なコントロールやハードウェアレベルの調整が必要な場合は、StreamYardとOBSを組み合わせるか、OBS単体でより高度な合成を行うことも可能です。

概要

• StreamYardなら、重いソフトウェアをインストールせずにブラウザ上で画面＋ウェブカメラのオーバーレイ録画ができます。(StreamYardの料金)
• ブランドオーバーレイを追加したり、画面とマイクの音声を個別に制御したり、同じセッションからローカルのマルチトラックファイルを取得できます。(ローカル録画)
• OBSは高度なハードウェア調整が必要な場合に適しており、Loomはカメラバブル付きの素早い非同期クリップに向いています。(OBSヘルプ, Loomのモード)
• 日本のクリエイターやチーム、トレーナーにとっては、StreamYardが信頼性が高く高品質なウェブカメラオーバースクリーン録画を最も簡単に実現できます。

ウェブカメラオーバーレイとは？なぜ重要なのか？

ウェブカメラオーバーレイとは、あなた（またはゲスト）の小さなビデオウィンドウを画面録画の上に配置するものです。多くの場合、画面の隅やサイドストリップに表示されます。典型的なチュートリアル動画のように、アプリやスライド資料が全画面で表示され、発表者の顔が小さなフレームで見えるイメージです。

このピクチャーインピクチャーの見せ方が重要な理由は以下の通りです：

• 視聴者は人の顔が見えることで、より集中して視聴できます。
• 指差しやジェスチャーを交えて複雑な内容を説明でき、信頼感も高まります。
• チームで同じレイアウトを使い回すことで、トレーニングや製品デモ、ウェビナーなどでも「ブランド感」を統一できます。

多くの最新ツールは技術的にはカメラを画面上に表示できますが、実際の違いはセットアップの速さ、日常的なノートPCでの録画の安定性、そして録画素材の再利用のしやすさにあります。

StreamYardでウェブカメラオーバーレイを録画する方法は？

StreamYardで画面とウェブカメラのオーバーレイを録画する最もシンプルなワークフローは以下の通りです（すべてブラウザ上で完結します）：

1. 録画スタジオを作成

   • ログインして新しいスタジオを作成します。録画のみのオプションを選択（ライブ配信は不要）。

2. カメラとマイクをセットアップ

   • グリーンルームでウェブカメラとマイクを選択します。
   • StreamYardではマイクとシステム音声を個別に制御できるため、どちらか一方だけをミュートすることも可能です。例えば、画面音声を無音にしてクリアなナレーションだけを録りたい場合に便利です。

3. 画面を共有

   • スタジオに入ったら共有をクリックし、ウィンドウ、ブラウザタブ、または全画面を選択します。
   • 画面共有はスタジオ内で「ソース」として表示され、ゲストと同じ扱いになります。

4. 両方が映るレイアウトを選択

   • レイアウトコントロールで、画面を大きくウェブカメラを小さく表示する（典型的なチュートリアル風）か、サイドバイサイドで両方を同じくらいの大きさで表示するかを選べます。
   • 録画中にレイアウトを切り替えて、スライドを強調したり、顔を大きく見せたりすることも可能です。

5. ブランドオーバーレイを追加（任意だが効果的）

   • ブランドパネルで有料プランの場合はカスタムオーバーレイ（フレーム、ローワーサード、サイドバーなど）をアップロードできます。推奨サイズは1280×720ピクセルです。(オーバーレイのサイズ)
   • オーバーレイは話しながらオン・オフを切り替え可能。StreamYardはこれらのビジュアルをクラウドで合成するため、デスクトップアプリよりもローカルPCの負荷が軽減されます。(オーバーレイのレンダリング)

6. クラウドとローカルのマルチトラックで録画

   • 録画を開始すると、StreamYardはクラウド録画を行い、ローカル録画を有効にしていれば各参加者ごとに個別の音声・映像ファイルも保存します。
   • ローカルのマルチトラックファイルは、後で動画編集ソフトで細かく編集したい場合に便利です。オーバーレイや背景はこれらのローカルファイルには焼き込まれません。(ローカル録画の挙動)

7. 録画停止・エクスポート

   • 録画が終わったら停止します。
   • 混合動画をダウンロードしてすぐに公開でき、個別トラックもダウンロードして後からオーバーレイやレイアウトを再編集できます。

すべてブラウザで動作するため、日本の一般的な業務用ノートPCでも管理者権限不要・重いインストール不要・GPU調整不要で利用できます。

オーバーレイ、レイアウト、ローカルファイルはどう連携する？

よくある疑問：「オーバーレイを使ったとき、どこまでが録画されるのか？」

StreamYardでは実際には2層の録画が行われています：

• ライブレイアウトのクラウド録画
  スタジオで選択したレイアウトやオーバーレイが、そのままクラウド録画に反映されます。ウェブカメラが画面上にフレーム表示された、ほぼ完成形の動画が得られます。

• 各参加者のローカル録画
  ローカル録画を有効にすると、ホストやゲストごとにカメラとマイクだけのクリーンなファイルが保存されます。オーバーレイや背景は適用されません。録画中にオーバーレイを切り替えても、後から編集で自由にレイアウトを再構築できます。(ローカル録画の挙動)

この2層アプローチにより、すぐに使える動画と、後からブランド変更などに合わせて再編集できる柔軟性の両方が得られます。

StreamYardのオーバーレイはOBSやLoomとどう違う？

OBSやLoomでも画面上に顔を表示できますが、違いはコントロール性・複雑さ・共有方法にあります。

OBS（デスクトップ向け高機能ツール）

• OBSではウェブカメラを「Video Capture Device」として追加し、赤枠をドラッグして自由に配置・サイズ変更できます。(OBSヘルプ)
• 画面、画像、ブラウザウィンドウなど複数のソースを重ねて細かいシーンを作成可能です。
• ローカルで動作し、無料・オープンソースですが、出力フォーマットやビットレートの設定、ハードウェア要件の管理はユーザー自身で行います。(OBS概要)

Loom（素早い非同期録画ツール）

• LoomのScreen + Cameraモードでは、画面やウィンドウと一緒に動かせるカメラバブルを録画できます。複雑なレイアウトよりも素早い説明動画向きです。(Loomの録画モード)
• 無料のStarterプランでは、標準の画面録画は5分・25本までと制限があり、長時間のトレーニングには有料プランが必要です。(Loom Starterの制限)

繰り返し使えるブランド付きのウェブカメラオーバースクリーン録画を求める多くの方には、StreamYardが最適な中間解となります。Loomのようにブラウザベースでありながら、OBSに近いスタジオ型レイアウトも簡単に扱えます。

StreamYardでオーバーレイをアップロード・配置する方法は？

シンプルなカメラボックスだけでなく、オーバーレイを活用すると見栄えが大きく変わります。

1. オーバーレイ素材をデザイン

   • 画像編集ツールで、画面やカメラが表示される部分を透明にしたPNGを作成します。
   • 標準HDオーバーレイの場合は1280×720ピクセルが推奨です。(オーバーレイのサイズ)

2. ブランドパネルにアップロード

   • スタジオ内でブランド → オーバーレイを開き、ファイルをアップロードします（カスタムオーバーレイ対応の有料プランが必要）。

3. 合うレイアウトを選択

   • 画面共有とカメラをオンにします。
   • デザインに合ったレイアウト（例：画面が広く、カメラが特定の隅に配置されるもの）を選びます。

4. オーバーレイをライブで切り替え

   • オーバーレイをクリックすると、レイアウト上に表示されます。
   • チュートリアルの進行に合わせて複数のオーバーレイを切り替えることも可能です（例：「セットアップ用」「デモ用」など）。

例：SaaSプロダクトのウォークスルー動画を想定します。タイトルバーやロゴ、右下に丸いウィンドウフレームを配置したオーバーレイをデザインし、StreamYardでカメラがその隅に来るレイアウトを選択、オーバーレイを適用すれば、毎回一貫した「テレビ番組風」のフレームが簡単に作れます。編集ソフトでの手動合成は不要です。

OBSやLoomを使うべきケースは？

StreamYardはほとんどのウェブカメラオーバーレイ録画ニーズをカバーしますが、以下のような場合は他ツールも検討できます：

• エンコーダーの詳細設定や複雑なシーンが必要な場合
  コーデックやビットレートの細かい調整、複雑なマルチシーンアニメーションをPC上で完結させたい場合はOBSが最適です。セットアップに時間をかけられ、ハードウェアも十分な場合におすすめです。(OBS概要)

• 超短時間（1～2分）のフィードバック動画だけ必要な場合
  SlackやJiraなどで短い非同期アップデートを送るのが主目的なら、Loomが手軽です。ただし無料プランの時間・保存制限には注意してください。

• OBSの映像をStreamYardスタジオ内で使いたい場合
  上級者はOBSの「バーチャルカメラ」出力をStreamYardのソースとして選び、StreamYardのレイアウトや録画、マルチ参加者機能と組み合わせて使うこともあります。このハイブリッド方式ならOBSレベルの映像表現とStreamYardのブラウザスタジオ、ローカルトラック、チームワークフローの両方を活用できます。

米国拠点のチームで、迅速なオンボーディング、一貫したブランド表現、録画素材の再利用のしやすさを重視する場合、StreamYardがデフォルトのハブとなり、OBSやLoomは補助的に使われることが多いです。

おすすめの使い分け

• StreamYard をメインのウェブカメラオーバースクリーン録画ツールとして使いましょう。ブラウザスタジオ、簡単なレイアウト、ブランドオーバーレイ、クラウド＆ローカルマルチトラック録画が揃っています。
• OBS は、ハードウェアチューニングや高度なカスタムシーンが必要な場合のみ追加で使いましょう。セットアップに慣れている方向けです。
• Loom は、リンク共有が主目的のごく短い非同期画面＋カメラメッセージ用に活用しましょう。
• まずはシンプルなStreamYardスタジオで短いテスト動画を録画し、オーバーレイやレイアウトは徐々に改良していくのがおすすめです。「完璧な」セットアップを待つ必要はありません。