T E C H N I C

画面合成を活用する方法【OBS の設定・操作】

複数の映像を 1 画面に集約する際に使用できる、画面合成用のソフトウェア、 OBS Studio（Open Broadcaster Software、以下 OBS）の設定方法や使い方のポイントについて紹介します。授業映像を収録する際や、Web 会議ツール内にプレゼン資料などを合成して配信したい場合などにも手軽に活用できます。

OBS とは？
OBS はパソコン上でいくつかの画面を合成して、録画したりライブ配信したりする際に活用できるフリーソフトです。授業映像の収録・配信や講演会などの場合に活用できます。
・複数のビデオ映像を１画面に合成する・プレゼン資料とウェブサイト画面を１つの画面に合成する
・同じ場所にいる講師 2 人の別々のカメラ映像とプレゼン資料を１つの画面に合成する
・講師の映像とプレゼン資料、情報保障映像を１つの画面に合成する（映像は 3 個以上でも合成可能）
本稿では、収録・配信を行うパソコン（今回は Windows10 を使用）での準備の流れと、配信時の設定方法をご紹介します。
なお、OBS の動作には多くの映像処理が伴うため、使用するパソコンはできるだけ処理能力が高く、メモリに余裕のあるものを選ぶようにします。実際の収録・配信を行う前に、映像がカクカクしたり、途中で画面が止まってしまうことがないか、音声の不具合が生じていないかを確認しておきましょう。また、ネットワーク接続はできるだけ有線接続を用いて安定した接続を維持しましょう。
Mac パソコンの場合には、本稿で説明する内容以外にも別途設定が必要な事項がありますので、インストール・設定方法の詳細につきましては、ウェブサイト等をご確認ください。

1

T E C H N I C

１．ソフトウェアのインストール
ここではバージョン: 30.1.2 で説明を進めます。サポートは Windows10 および 11 となっています。バージョンアップにより仕様が変わる場合もありますので、ご了承ください。
（1）OBS のウェブサイトにアクセスします。
https://obsproject.com/ja/download（2）Windows／macOS／Linux とオペレーティ
ングシステム（OS）が表示されますので、Windowsのアイコンを選択してクリックします。
画面右下に「ダウンロードインストーラー」のボタンが表示されますので、クリックしてインストーラーをダウンロードします。
（3）ダウンロードされたプログラムをインストールします。
「Next」のボタンをクリックして進めます。

（4）ダウンロードフォルダを確認・指定し、「Install」のボタンをクリックして進めます。

（5）“Completed Setup”のメニューが表示されたら「Finish」のボタンを押してダウンロードを終了します。

2

T E C H N I C（6）OBS が起動します。最初に開いた時には自動構成ウィザード画面が表示され、ここで選択した使用目的に応じて、最適なプログラム設定が進みます。
今回は一番上の「配信のために最適化し、録画は二次的なものとする」を選択し、「次へ」をクリックします。

（7）映像設定画面が表示されます。一般的な画面合成や映像収録では規定値のままで問題ありませんので、「次へ」をクリックします。

（8）配信情報画面が表示されます。ここは「キャンセル」をクリックして次に進みます。

（9）これでインストールと初期設定は完了です。デスクトップ上に OBS のアイコンが表示されるようになっています。

3

T E C H N I C

２．画面合成の構成方法
次に、画面合成を構成する設定の流れを説明します。
（１）OBS ソフトウェアの起動
デスクトップのアイコンをクリックし、OBS を起動します。
画面下（赤枠部分）が、設定で使用するメニューになります。
画面上（オレンジ破線部分）が、合成した画面を表示できる範囲です。

（２）合成させる映像の表示①

OBS に取り込みたい映像を開きます。ここでは PowerPoint のスライド②映像を表示させています。
なお、PowerPoint のスライドショーを開始すると、全画面でスライドが表示されてしまい、OBS の操作画面を確認することができなくなってしまいま③

す。OBS と PowerPoint の両方を操作できるように、スライドショーの設定を変更しておきましょう。
①PowerPoint のメニュータブから「スライドショー」を選択します。
②「スライドショーの設定」画面が開きますので、「出席者として閲覧する（ウィンドウ表示）」を選択します。
③「OK」をクリックし、設定画面を閉じます。
④PowerPoint の表示を任意のサイズに調整しておきます。

スライドショー「ウィンドウ表示」の操作メニュー

4

T E C H N I C（3）ソースの追加
メニューの左から２番目に表示されている「ソース」（表示させる映像）を追加します。
左下の “+” ボタンをクリックすると、「ソース」の種類が表示されます。今回はデスクトップに開いているスライド画面を取り込みますので、「ウィンドウキャプチャ」を選択します。
「ソースを作成／選択」の画面が表示されますので、ソース名を入力し（任意で設定可能。今回は「スライド」に設定） 、OK をクリックします。

（4）ウィンドウの選択
ソースに「スライド」が追加されました。ウィンドウの[デバイスが接続されていないまたは利用不可]と表示されている部分をクリックすると、“現在デスクトップ上で開かれているアプリ”が表示されます。先にスライドが開かれていれば、一覧に表示されます。一覧にない場合は、一度デスクトップに戻り、スライドを起動させましょう。今回は PowerPoint を選択して設定します。

5

T E C H N I C（5）取り込んだ画面のサイズ調整指定したソース画面が開きます。表示位置やサイズの調整をして、画面を構成しましょう。
①表示画面の表示位置の調整・サイズの調整
・画面の上で左クリックを押しながらドラッグすると、位置の変更ができます。
・取り込んだ画面の周りに表示される赤い枠を選択し、左クリックを押しながらドラッグすると、サイズを変更できます。

画面の赤い枠を選択し、左クリックを押しながらドラッグ

画面の上で左クリックを押しながらドラッグ位置の変更

サイズの変更6

T E C H N I C②表示画面のトリミング（クロップ）
取り込んだ画面の中で、表示させたい部分を切り出す方法を説明します。スライド画面に余白がある場合や、カメラ映像をトリミングしたい場合などに活用できます。

・サイズを調整したいソースをクリックすると、赤い枠が表示されます。赤い枠の角と直線の中央に表示されている四角（■）を、Alt キー＋左クリックを押しながら選択し、ドラッグすると、表示範囲を調整することができます。
なお、元の画面サイズ部分は赤色の線で、トリミングされた部分は緑色の線で表示されます。

Alt キー＋サイズ調整をした画面の様子です。基本設定では 16:9 の比率で OBS 操作画面が設定されていますので、スライド資料を取り込む場合などはサイズを合わせて作成しておきましょう。

7

T E C H N I C（6）2 つ目のソースの追加
画面合成に追加する映像を取り込んでいきます。手順は （3）ソースの追加と同じです。今回はデスクトップで開いているウェブサイトを取り込んでみましたので、「ウィンドウキャプチャ」を選択し、ソース名を「ウェブサイト」に変更して「OK」をクリックします。
取り込んだ映像が最前面に配置されていますので、２つの画面のサイズと配置を （５）取り込んだ画面のサイズ調整の流れで調整しましょう。
（７）ソースの重なりの変更
OBS 上に表示される画面は、「ソース」の設定画面の並び順で重なっています。
移動させるソースをクリックして選択し、ウィンドウの下にある上下矢印のアイコンを操作すると、順番の変更ができます。

左：「ウェブサイト」ソースが上
右：「ウェブサイト」ソースを下げて「スライド」ソースが上

これで画面の設定は完了です。

8

T E C H N I C

３．OBS 画面を Web 会議ツールに投影する
OBS で構成した画面を Zoom などの Web 会議ツールに投影する際のポイントを説明します。
（１）OBS のコントロールメニューから「仮想カメラ開始」をクリックします。

（２）Zoom の「ビデオ」アイコンの右側にある上向き矢印をクリックし、「カメラを選択」のメ ニ ュ ー を 表 示 し ま す 。 「 OBS VirtualCamera」を選択し、カメラ ON にするとOBS の映像を表示することができます。

（３）OBS 映像が左右反転して表示されてしまう場合、Zoom のビデオ設定内「マイビデオをミラーリング」のチェックが入っていないかを確認をしてください。（チェックがあると反転します）

映像が白くなる場合があるのでチェックを外す

9

T E C H N I C

４．配置した映像の表示・非表示を切り替える
OBS でレイアウトした映像を、映像収録や Web 会議システムでの配信途中に見せたい画面を切り替えで表示したい場合があると思います。例えば、最初はスライド資料で説明を進めて、途中でウェブサイトの情報を表示させたい場合などです。
この際、表示させているソースの“表示・非表示”を切り替えることで、途中での映像の切り替えができます。設定の方法を説明します。
（１）右の画面合成では、４つのソースが重なっています。上から順に①カメラ映像②スライド（PowerPoint）③ウェブサイト④色ソース（背景色）を設定しています。

（２）ソースの重なり（順番）を入れ替える時は、２‐（７）で説明した上下矢印アイコンを操作する方法のほかに、「ソース」の一覧内で入れ替えたいソースを左クリックを押しながらドラッグして動かして変更することもできます。。

入れ替えたいソースの上で左クリックを押しながらドラッグ

10

T E C H N I C（３）ソースのメニューにあるアイコンをクリックすると、ソースの表示・非表示を切り替えることができます。
例１ 「カメラ映像」を非表示に切り替え表示非表示

例２ 「ウェブサイト」をスライドと同じサイズに調整して重ね、「スライド」を非表示に切り替えて「ウェブサイト」を表示

アイコン操作での表示・非表示をさせる他、「シーン」を追加して表示させる画面を変更する方法もあります。詳しくはテクニック集「手話通訳やパソコンノートテイク画面を合成して配信する方法【OBS による画面合成】」をご覧ください。

11

T E C H N I C

5．OBS で収録をする
授業映像などを収録する場合、OBS 上で録画をすることもできます。その際、録画フォーマット初期設定の mkv 形式から編集のしやすい形式に変更しておくと良いでしょう。ここでは、MPEG-4（mp4 形式）に変更する流れを説明します。
①OBS 画面の上に表示されるツールバーから「ファイル」タブを選択し、「設定」メニューをクリックして開きます。

②設定メニューから「出力」をクリックして開き、画面右側の一覧で「録画」を表示します。
「録画フォーマット」をクリックし、フォーマット一覧の中から「MPEG-4（.mp4）」を選択して確定します。画面右下の「適用」ボタンをクリックして設定します。

※音声を収録する場合には、事前に一度収録テストをして音声の確認をしておきましょう。

12

T E C H N I C【参考】「ソース」で選択できる映像の種類についてソースメニューで選択できる映像の種類は複数あります。目的に応じて選択し、活用しましょう。ここでは主なソースについて説明します。

ソースの種類説明

ウィンドウキャプチャ表示しているアプリケーションのウィンドウ画面を表示する。
PowerPoint スライドや Word 文書、ウェブブラウザなど、表示させたいアプリケーションを開いておくと、選択可能な項目に表示される。

映像キャプチャデバイス

ウェブカメラの映像や、ビデオキャプチャーなどを使用してパソコンに取り込んでいる映像を表示させる

画面キャプチャウィンドウキャプチャと異なり、デスクトップ画面を全て表示させる方法。デスクトップ上の画面操作を説明する時などに活用する以外はあまり使用しない。

ブラウザ

URL からウェブブラウザを表示する。ウェブページで表示可能な文字通訳を表示させる時などに利用可能。

※この他の細かい設定や応用的な利用方法等は、ウェブサイトを検索してご活用ください。

●発行日 ： 2024 年 6 月 3 日●執 筆 ： 磯田恭子（筑波技術大学 障害者高等教育研究支援センター）●編 集 ： 日本聴覚障害学生高等教育支援ネットワーク（PEPNet-Japan）事務局●発 行 ： 筑波技術大学 障害者高等教育研究支援センター〒305-8520 茨城県つくば市天久保 4-3-15

URL https://www.pepnet-j.org※本事業は、筑波技術大学「聴覚障害学生支援・大学間 コラボレーションスキーム構築事業」の活動の一部です。

本シートの内容は、自由にダウンロードの上、印刷・配布して頂いて構いませんが、一部のみの抜粋は禁止します。また、無断複写・転載を禁じます。

13