Zoomのミニウィンドウでwebタイマー表示・タイマー音再生する方法

はじめに

Qiita初投稿です．

Zoomで画面共有をせずに，webタイマーを表示・タイマー音を再生する方法を紹介します．
タイマー画面は，通常カメラ映像が映っているミニウィンドウに表示させます．

この方法は，発表時間が決められた研究室ゼミや研究発表などで，発表者の邪魔をせずにタイマーを利用することを想定しています．

前提

• Windows 10
• Zoomアカウントを取得済み
• Chromeをインストール済み

利用するソフトウェア

• 仮想カメラ
  • OBS Studio（無料ライブ配信用ソフト）
• 仮想マイク
  • VB-CABLE（仮想オーディオデバイス単体で利用できるフリーソフト）
• webタイマー表示ウェブブラウザ
  • Google Chrome

参考サイト

1. OBS-VirtualCamを用いて仮想カメラ経由でバーチャルキャラクターにてテレビ会議をする方法 [Windows - Android/iPhone]
2. 仮想オーディオデバイス「VB-CABLE」インストール方法。再生と録音デバイスを無料で追加できる

仮想カメラ：webタイマーをZoomミニウィンドウに表示

以下の手順は基本的に，
OBS-VirtualCamを用いて仮想カメラ経由でバーチャルキャラクターにてテレビ会議をする方法 [Windows - Android/iPhone]
の手順を踏襲しています．

1. OBS Studioのインストール

OBS(Open Broadcast Software)より，OBS Studioのインストーラをダウンロードします．
「ダウンロード インストーラ」をクリックすると，自動的に最新のインストーラがダウンロードされます．
※32bit OSの場合は，下の「ダウンロード インストーラ(32bit)」からダウンロードしてください．

ダウンロードした"OBS-Studio-X.X.X-Full-Installer-x64.exe"を実行し，指示に従いセットアップを進めます．

インストール先の選択は，デフォルトで"C:\Program Files\obs-studio"となっています．もし，別のフォルダにインストールする場合はその場所を覚えておいてください．後述のOBS-VirtualCamのインストールで利用します．

インストール後にOBS-Studioを起動すると「自動構成ウィザード」が実行されますが，webタイマーにはあまり関係のない設定なので特に気にせず進めます．

次の手順ではOBS Studioが閉じている必要があるので，OBS Studioを終了します．

2. OBS-VirtualCamのインストール

OBS-Studioに仮想カメラを導入するために，OBS-VirtualCamをインストールします．

OBS-VirtualCamのダウンロードサイトより，インストーラをダウンロードします．
ここでは，"OBS-VirtualCamX.X.X-Installer.exe"をダウンロードします．
※zipファイルから手動でインストールする場合は，参考サイト1の注意に従い進めてください．

ダウンロードした"OBS-VirtualCamX.X.X-Installer.exe"を実行し，指示に従いセットアップを進めます．

ライセンス契約に同意します．

インストール先の選択では，デフォルトで"C:\Program Files\obs-studio"となっています．先述したOBS Studioのインストール先と同じフォルダを選択していください．

インストール先の選択で「OK」をクリックすると，「フォルダが既に存在している」というアラートが表示されます．
OBS Studioのフォルダを特にいじっていなければ，「はい」をクリックして上書き展開します．

仮想カメラのインストール数を選択します．
「4つ」または「1つ」を選択でき，どちらを選択してもwebタイマーは動作します．

インストール項目を確認し，問題がなければ「Install」をクリックします．

以下のようなウィンドウが表示されればインストール成功です．

3. OBS Studioで仮想カメラの有効化

OBS Studioを起動します．

「ツール」タブ -> 「VisualCam」をクリックします．

「AutoStart」にチェックを入れ，「Buffered Frames(遅延時間)」を0に設定し，Startします．
※PCマシンパワーが不足しているときは，1以上に設定してください．

4. OBS Studioでwebタイマー画面の表示

まず，webブラウザでタイマーを表示します．
ここでは，ブラウザにはGoogle Chrome，webタイマーにはTime Keeperを使用します．
Time Keeperは，1回/2回連続/3回連続ベルのタイミングを設定することができ時間も見やすいため，おすすめです．

次にOBS Studioで，「ソース」ウィンドウの「＋」をクリック -> 「ウィンドウキャプチャ」をクリックします．

ソースを作成/選択する画面で，「新規作成」を選択し任意のタイトルを入力して，「OK」をクリックします．

「ウィンドウ」選択欄で，webタイマーを表示させているウィンドウを選択し，「OK」をクリックします．
ここでは，"[chrome.exe]: Time Keeper - Google Chrome"を選択します．

OBS Studioの画面全体にwebタイマーが表示されていない場合は，
「編集」タブ -> 「変換」 -> 「画面に合わせる」をクリックします．
これにより，ウィンドウの左右比率を変更させずに，画面全体に表示できます．

5. Zoomで仮想カメラの表示

Zoomを起動します．

Zoomの「カメラ」より”OBS-Camera”を選択すると，先ほど設定したタイマー画面がカメラ映像として出力されます．

※タイマー画面が左右反転して表示されている場合は，
「ビデオ設定」より，「マイビデオ」の「マイビデオをミラーリング」をオフにしてみてください．

以上で仮想カメラは利用できるようになりました．

仮想マイク：webタイマーのタイマー音を再生

爆音チャイムが流れる可能性があるので，必ず音量テストしてから使用してください

「VB-CABLE」は，VB-AUDIO Softwareさんが提供している仮想オーディオデバイスです．
無料で1つ，寄付をすれば3つの仮想オーディオデバイスを使用することができます．今回は，1つのみで動作するので無料版を想定します．

以下の手順は基本的に，
仮想オーディオデバイス「VB-CABLE」インストール方法。再生と録音デバイスを無料で追加できる
の手順を踏襲しています．

1. VB-CABLEのインストール

まず，VB-CABLEのダウンロードサイトより，「VB-CABLE」をダウンロードします．

ダウンロードファイル（VBCABLE_Driver_PackX.zip）はzip形式で圧縮されているので，展開してください．

展開したフォルダから"VBCABLE_Setup_x64.exe"を探し，『管理者として実行』を行います．
※32bit OSの場合は，"VBCABLE_Setup.exe"を実行してください．

「Install Driver」をクリックすると，インストールが開始されます．

以下のようなウィンドウが表示されればインストール成功です．

2. パソコンの再起動

仮想マイクを有効にするために，パソコンを再起動させます．

3. Zoomで仮想マイクの再生

Zoomを起動します．

Zoomの「マイク」より”CABLE Input(VB-Audio Visual Cable)”を選択します．

仮想マイクが正常に動作しているかは，Zoom上で別の人にチェックしてもらう必要があります．
Time keeperを表示し，右上の「Sound Check」をクリックしてタイマー音が流れるか確認してください．
※初期設定では，爆音になる可能性があるので，チェックする相手には注意してもらってください．

タイマー音が流れない場合は，「サウンドコントロールパネル」より，「録音」タブの"CABLE Output"が「有効」になっているかを確認してください．

4. Zoomで仮想マイクの音量調整

初期設定の仮想マイク音量は非常に大きいため，調整する必要があります．
ただ，自分のPCだけでは音量の確認ができないので，面倒ですが誰かに逐次確認してもらいながら調整してください．

Zoomの「オーディオ設定」より，以下の項目を行って音量を調整してください．

• マイク音量の「自動で音量を調整」をオフ
• マイク音量を小さめに設定
  

以上で，仮想マイクは利用できるようになりました．

おわりに

できるだけ分かりやすくしようと心掛けましたが，説明不足のところがあるかもしれません．
何か問題等がありましたらお教えください．