T E C H N I C

手話通訳やパソコンノートテイク画面を合成して配信する方法【OBS による画面合成】

Zoom などを用いた Web 会議ツールで、手話通訳映像にパソコンノートテイク画面を合成したり、講師の映像にパソコンノートテイクを合成するなど、いくつかの映像を合成して配信する方法をご紹介します。
本稿では、「パソコンノートテイクの文字通訳映像」と「ウェブカメラで撮影した手話通訳映像」を 1 画面に合配信イメージ（手話通訳と文字通訳映像を合成して、1 画面で配信）成し、Zoom などの Web 会議ツールに配信することで、情報保障として活用するための方法を紹介します。
講演会などを開催する場合で、文字通訳者・手話通訳者は一箇所に集まり、参加者はオンラインでアクセスする場合を想定していますが、その他のシステムと組み文字通訳合わせて用いれば、情報保障者が離れた所にいる場面にも応用可能です。
なお、配信担当者のパソコン上で設定を行いますので、情報保障者側での操作は特に必要としません。

機材配置イメージビデオ
キャプチャー

手話通訳

USB 接続のウェブカメラ表示用

入力用

入力用

入力用

※文字通訳は IPtalk や T-TAC Captionなどパソコンノートテイクのシステムで入力

配信用パソコン※Zoom に接続

1

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集

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

１．ソフトウェアのインストール
OBS の機能を Web 会議ツールで使用するためには、２つのソフトウェアが必要です。
① OBS（Open Broadcaster Software）：ライブ配信ツール
https://obsproject.com/ja/download② OBS VirtualCam 2.0.5：OBS の画面を仮想カメラとして出力するためのプラグイン（最新バージョンではダウンロード不要で利用できます）
https://obsproject.com/forum/resources/obs-virtualcam.949/
ダウンロードとインストールの流れは、次のとおりです。
なお、本稿に掲載しているソフトウェアのバージョンは、作成時点のものとなっています。最新バージョンでは画面構成などが変更となっている場合もありますので、適宜読み替えてご対応ください。

2

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集（１）OBS Studio のホームページにアクセスします。Windows／macOS／Linux とオペレーティングシステム（OS）が表示されていますので、お使いのパソコンの OS を選択してクリックします。

（２）ダウンロードされたプログラムをインストールします。「Next」のボタンをクリックして進めます。
“Completing OBS Studio 25.0.8 Setup”と表示されたら「Finish」のボタンをクリックして終了します。

（３）続いて OBS Virtualcam をセットアップします。前のページに記載した URL から、OBSVirtualcam 2.0.5 のページにアクセスします。画面右側に「Go to download」と表示されているボタンをクリックすると、ダウンロードが始まります。

（４）使用許諾の確認画面が表示されます。
“I accept the agreement”にチェックを入れ、「Next」をクリックします。OBS がインストールされたフォルダが自動的に選択されると思いますが、選択されていない場合には手動で設定をしてください。

3

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集（５）仮想カメラを何台設定するかの確認画面が表示されます。通常の使用では１台設定できれば十分ですので 、 “ ２ ． Install plugin and register only 1virtual camera”を選択し、「Next」をクリックして進めます。

（６）インストール先とプラグインの確認が表示されます
ので、問題がなければ「Install」をクリックします。
セットアップが完了すると「Finish」のボタンが表示されますので、クリックして終了します。

（７）デスクトップ上に OBS Studio のアイコンが表示されるようになりました。これでソフトウェアのインストールは完了です。

4

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集

２．画面設定方法
次に、配信する画像の設定手順を見ていきます。今回は①配信用パソコンに接続したウェブカメラ（USB 接続）で手話通訳映像を撮影②文字通訳の表示用画面をビデオキャプチャーを用いて取り込んだ映像の２つを合成して表示する手順をもとに、説明します。
（１）OBS ソフトウェアの起動
デスクトップのアイコンをクリックし、OBS を起動します。画面下に表示されている部分が、設定で使用するメニューになります。

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

5

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集（３）映像の選択（手話通訳映像）
ソースを追加すると、自動的にプロパティ画面が開きますので、表示させたいコンテンツを選択します。ここでは、USB 接続したウェブカメラで手話通訳の様子を撮影したいので、「HD Pro
Webcam C920」をデバイスに指定します。するとモニター画面に映像が表示されますので、正しく表示されれば「OK」を押して、プロパティ画面を閉じます。
映像デバイスの選択

設定画面内に収まっていない場合は、画面の赤い枠をクリックし、マウス操作で表示位置と表示サイズを調整します。操作方法の詳細は（6）を参照してください。

画面の外側に表示される赤枠をクリックし、マウス操作で表示位置やサイズを調整する

これで１つ目の映像が表示されるようになりました。

6

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集（４）ソースの追加（文字通訳映像）
次に、ビデオキャプチャーで取り込んだ文字通訳映像をソースに追加していきます（※ビデオキャプチャーの操作・設定方法は、「パソコンノートテイクの画面をオンライン会議の 1 画面に取り込んで配信する方法【ビデオキャプチャーの利用】」をご参照ください）。
先ほどと同じようにソースの左下にある “+” ボタンをクリックし、ソースの種類から「映像キャプチャデバイス」を選択します。
「ソースを作成／選択」の画面が表示されますので、ソース名（今回は「文字通訳映像」）を入力し、OK をクリックします（５）映像の選択（文字通訳映像）
追加したソース（今回は「文字通訳映像」）のプロパティ画面が開くので、表示する映像デバイスを選択します。ここでは、ビデオキャプチャー（GV-USB3_HD）をデバイスに指定します。
設定が終わったら「OK」を押して、プロパティ画面を閉じます。

映像デバイスの選択

7

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集（６）表示サイズの調整（文字通訳映像）
初めは「文字通訳映像」が画面からはみ出すほどに大きく表示され、手話通訳映像と重なっていますので、表示サイズを調整します。
文字通訳映像を囲んでいる赤枠を選択し、左クリックを押しながらドラックし、サイズを調整します。２つの映像を左右に並べたら、両方の映像の大きさを同じ操作で調整しましょう。

画面の赤い枠を選択し、左クリックを押しながらドラック２つの映像を左右に並べて表示※表示させたい映像の一部を切り取って表示するなど、より詳しい調整方法は P.11 で紹介しています。
これで画面の設定は完了です。
次に、Web 会議ツールで映像を表示する方法について説明します。

8

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集

３．Web 会議ツールへの表示方法
Web 会議ツールで OBS の映像をマイビデオとして選択する手順を説明します。ここでは、Zoom での操作方法を説明します。
（１）OBS VirtualCam の設定①OBS 画面の上に表示されているメニューから「ツール」をクリックし、「VirtualCam」を選択して設定画面を開きます。

②「Buffered Frames」の設定で、数値を「３」から「０」に変更し、 「Start」ボタンをクリックします。画面右上の “×” ボタンを押して メニューを閉じます。
これで Zoom のマイビデオとして表示する設定は完了です。

※この操作を忘れると、Zoom のマイビデオとして読み込むことができません。また、接続するカメラを変更した際にも操作が必要になります。画面が右のように灰色に表示されてしまう場合には、VirtualCam の設定を確認してください。

9T E C H N I C

オンライン授業での情報保障に関するコンテンツ集（２）Web 会議ツールでのカメラ選択
Zoom を起動し、「設定→ビデオ→カメラ」とメニューを開きます。「カメラを選択」のメニューから「OBS-Camera」を選択します。
または、ミーティング画面の下に表示されるメニューから「ビデオ設定」の右に表示される“^”のボタンをクリックしてメニューを開き、「カメラを選択」から「OBS-Camera」を選択する方法でも設定ができます。

（３）表示画面の確認設定した OBS の画面が Zoom のマイビデオとして表示されていれば、設定は完了です。

基本的な設定方法は以上です。
次に OBS の機能を活用した設定の応用編を紹介します。

10

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集

４．画面構成の調整
実際の Web 会議では、情報保障の画面以外にも講師や参加者の画面が表示され、一つ一つの映像が小さくなってしまいます。こうなると、情報保障用の画面も小さくなってしまうため、手話通訳と文字通訳のどちらも見やすい大きさになるよう、調整が必要です。なお、Zoom 画面で表示したい画面サイズとズレが生じる場合には、OBS 画面を全画面表示にしてから設定を進めると良いでしょう。
（１）表示範囲のトリミング（クロップ）
OBS 画面でサイズを調整したいソースをクリックすると、赤い枠が表示されます。赤い枠の角と直線の中央に表示されている四角（■）を、Alt キー＋左クリックを押しながら選択し、ドラック
すると、表示範囲を調整することができます。元の画面サイズ部分は赤色の線で、トリミングされた部分は緑色の線で表示されます。
手話通訳映像は、手話が切れない範囲を選択しましょう。通訳者の頭は多少切れてしまっても大丈夫ですので、おへその辺りまで表示されるように設定し、手話が切れていないかを確認しましょう。
文字通訳映像は、一番下の最新行から４～５行くらいに表示範囲を設定できると良いでしょう。

この映像もトリミングする

11

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集（２）配置の調整
ソースを移動させて、配置の変更をしてみましょう。ここでは上に手話通訳映像を、下に文字通訳映像を表示するように配置します。
配置位置の調整は、２つの方法があります。
①ソース上をクリックして選択し、ドラックして配置したい位置に移動させる。
② 移動させたいソースを選択して右クリックし、設定メニューを開く。「変換」を選択し、メニューを開くと「水平方向に中央揃え」などが選択できる。
ソースを選択し右クリック

配置後に表示の大きさを変更したい場合には、の要領でソースをクリックし、角の四角や境界線を選択・ドラックして調整します。

「変換」を選択（３）背景色の追加
OBS では表示画面の背景色（基本は黒）を変更することができます。ここでは背景色を青に設定する手順を説明します。
①ソース画面の “＋” ボタンをクリックし、「色ソース」を選択する。
ソースの名前を付けて「OK」をクリックする。
②「色を選択」をクリックし、カラーパレットを表示させる。
色を選択し、「OK」をクリックする。
これで背景色の設定が終わりました。ただし、今まで表示されていた映像が見えなくなっていますね。次はソースの重なり順の変更方法を説明します。

12

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集（４）ソースの重なりの変更

OBS 上に表示される画面は、「ソース」の設定画面の並び順で重なっています。以下の画面では「背景」ソースが一番上に来ているため、「手話通訳映像」「文字通訳映像」が∧∨でソースの位置が変わる隠れています。

「背景」をクリックして選択し、ウィンドウの下にある上下矢印のアイコンで上下に動かすと、順番を変更することができます。

ソースの重なり順と実際の表示

背景

手話通訳映像

手話通訳映像

手話通訳映像背景

文字通訳映像

文字通訳映像

文字通訳映像背景

最終的な表示サイズは、Zoom 画面上の映像を見ながら調整を進めるようにしましょう。

左：講師映像

右：手話通訳＋文字通訳映像

13

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集

５．表示させる映像の切り替え（シーンの追加）
OBS でレイアウトした映像を、Zoom 上で配信している途中で表示させる画面を切り替えたい場合があると思います。例えば、開始時間までは視聴方法の案内スライドを表示させておき、配信開始後は情報保障を合成した映像を表示させたい場合があると思います。
この際、あらかじめ「シーン」を設定しておくことで、途中でも配信を止めることなく映像を切り替えることができます。設定の方法を説明します。

配信を止めることなく映像を切り替え

シーン 1

シーン 2

①最初に 1 つのシーンを設定します。ここでは、案内用スライドを表示させるシーンを作成しました。
ソースには「ウィンドウキャプチャ」を選択し、PowerPoint スライドを指定しました。

②別のシーンと区別しやすくするために、「オープニング」と名前を付けています。
③次にシーン画面左下の “＋” ボタンを押し、シーン追加をします。ここでは「講師映像＋情報保障」と名前を変更しています。変更後は「OK」をクリックします。
④2 つめのシーンで表示する映像をソースで設定します。
これで 2 つのシーンが設定できました。

14

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集⑤シーン切り替えのためのホットキーの登録をします。OBS メニューの「ファイル」から「設定」を選択し、開きます。
⑥「設定」の中に「ホットキー」のバーがありますので、クリックして選択します。
⑦①～④で設定した 2 つのシーンの名前が、ホットキーの中に表示されています。「シーン切り替え」の所にカーソルを合わせます。
⑧使用したいホットキーを実際に押すことで、シーン切り替えに登録することができます。ここではオープニングを「Ctrl キー＋O」、講師映像＋情報保障を「Ctrl キー＋S」と登録しました。

これでシーン切り替えの準備は完了です。シーンは複数登録することも可能です。本番の前には登録したホットキーで操作ができるか、確認しておきましょう。

ホットキーで切り替え

オープニング【Ctrl+O】

講師映像＋情報保障【Ctrl＋S】

15

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集【参考】スライドショーの画面を OBS でキャプチャーする際のポイント
PowerPoint 等のプレゼン資料をスライドショーに切り替えると、画面全体にスライドショーが表示されてしまいます。そのため、スライドを画面合成したい場合には OBS 操作画面が隠れてしまいます。1 台のパソコンで、スライドショーを表示させながら、スライドショー画面をキャプチャーして OBS にとりこむ際の操作のポイントを説明します。
①OBS 画面を、全画面にならないように少し小さめのウィンドウサイズに調整して表示します。
②PowerPoint を起動します。「スライドショーの設定」を開き、「出席者として閲覧する」を選択して OK を押します。こうすることで、全画面ではなく指定したサイズのウィンドウ内でスライドショーを表示することができます。
③OBS の「ウィンドウキャプチャ」を追加し、表示したいスライドのファイルを選択します。配信時に表示する大きさを OBS 側で調整します。
※OBS を画面中央に、PowerPoint を画面の右下のあたりに表示させておくと、スライドショーを実行しながら、OBS を操作することができます。
右：PowerPoint スライドショーの設定画面
下：OBS と PowerPoint を同時に表示している様子。
上が OBS の設定の画面、右下に重なっているのが PowerPoint の画面。
下の赤いバーで PowerPoint のメニュー表示も可能。シーン切り替えのホットキーは、OBS 画面が下になっていたり最小化していても機能する。

PowerPoint
操作メニュー16

T E C H N I C

オンライン授業での情報保障に関するコンテンツ集【参考】「ソース」で選択できる映像の種類についてソースメニューで選択できる映像の種類は複数あります。目的に応じて選択し、活用しましょう。ここでは主に情報保障で利用できるソースについて説明します。

ソースの種類説明

映像キャプチャデバイス

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

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

ブラウザ

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

※ウェブブラウザの表示ができない場合は、パソコンの設定で「ハードウェア アクセラレーション」の使用を許可してみてください。
この他の細かい設定や応用的な利用方法等は、ウェブサイトを検索してご活用ください。

●発行日 ： 2021 年 6 月 25 日
●執 筆 ： 磯田恭子・吉田未来（筑波技術大学）●編 集 ： 日本聴覚障害学生高等教育支援ネットワーク（PEPNet-Japan）事務局●発 行 ： 筑波技術大学 障害者高等教育研究支援センター〒305-8520 茨城県つくば市天久保 4-3-15 TEL/FAX 029-858-9438
E-mail:pepj-info@pepnet-j.org URL https://www.pepnet-j.org※本事業は、筑波技術大学「聴覚障害学生支援・大学間コラボレーションスキーム構築事業」の活動の一部です。

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

17