LoginSignup
9
8

More than 3 years have passed since last update.

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

Last updated at Posted at 2020-08-07

はじめに

Qiita初投稿です.

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

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

前提

  • 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 - Google Chrome 2020_08_07 8_09_46.png

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

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

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

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

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

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

OBS-VirtualCamのダウンロードサイトより,インストーラをダウンロードします.
ここでは,"OBS-VirtualCamX.X.X-Installer.exe"をダウンロードします.
※zipファイルから手動でインストールする場合は,参考サイト1の注意に従い進めてください.
Releases · CatxFish_obs-virtual-cam - Google Chrome 2020_08_07 10_44_18.png

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

ライセンス契約に同意します.
スクリーンショット (22).png

インストール先の選択では,デフォルトで"C:\Program Files\obs-studio\"となっています.先述したOBS Studioのインストール先と同じフォルダを選択していください.
スクリーンショット (28).png

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

仮想カメラのインストール数を選択します.
「4つ」または「1つ」を選択でき,どちらを選択してもwebタイマーは動作します.
スクリーンショット (30).png

インストール項目を確認し,問題がなければ「Install」をクリックします.
スクリーンショット (31).png

以下のようなウィンドウが表示されればインストール成功です.
スクリーンショット (33).png

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

OBS Studioを起動します.

「ツール」タブ -> 「VisualCam」をクリックします.
スクリーンショット (36).png

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

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

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

次にOBS Studioで,「ソース」ウィンドウの「+」をクリック -> 「ウィンドウキャプチャ」をクリックします.
スクリーンショット (24).png

ソースを作成/選択する画面で,「新規作成」を選択し任意のタイトルを入力して,「OK」をクリックします.
スクリーンショット (38).png

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

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

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

Zoomを起動します.

Zoomの「カメラ」より”OBS-Camera”を選択すると,先ほど設定したタイマー画面がカメラ映像として出力されます.
スクリーンショット (42).png

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

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

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

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

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

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

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

まず,VB-CABLEのダウンロードサイトより,「VB-CABLE」をダウンロードします.
VB-Audio Virtual Apps - Google Chrome 2020_08_07 15_03_22.png

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

展開したフォルダから"VBCABLE_Setup_x64.exe"を探し,『管理者として実行』を行います.
※32bit OSの場合は,"VBCABLE_Setup.exe"を実行してください.
スクリーンショット (45).png

「Install Driver」をクリックすると,インストールが開始されます.
スクリーンショット (46).png

以下のようなウィンドウが表示されればインストール成功です.
スクリーンショット (47).png

2. パソコンの再起動

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

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

Zoomを起動します.

Zoomの「マイク」より”CABLE Input(VB-Audio Visual Cable)”を選択します.
スクリーンショット (48).png

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

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

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

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

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

  • マイク音量の「自動で音量を調整」をオフ
  • マイク音量を小さめに設定 スクリーンショット (50).png

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

おわりに

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

9
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
8