オンライン学会でタイムキーパーをする【zoom】【MacOS】

オンライン学会でタイムキーパー係をすることになり、取り組んだので記録を残しておきます。2021年12月3日時点の方法です。zoomでの開催、macOSでの実装です。

## 環境

macOS Monterey ver.12.0.1　（Intel　プロセッサ）
zoom ver.5.8.6


## できるもの

タイムキーパー専門としてタイマーの画面を表示と音で時間を通知することができるようになります。
初心者向きのシンプルな構成です。

## 参考したサイト

https://note.com/kulo/n/nb540797ecabd

## 使用したツール

- [Time keeper](https://maruta.github.io/timekeeper/#t1=15:00&t2=20:00&t3=25:00&m=Click%20to%20edit%20this%20message.)
- [OBS Studio](https://obsproject.com/download)
- [Background Music](https://github.com/kyleneideck/BackgroundMusic)

## 映像編

### Time keeper
以下のリンクから表示できます。
[Time keeper](https://maruta.github.io/timekeeper/#t1=15:00&t2=20:00&t3=25:00&m=Click%20to%20edit%20this%20message.)

![スクリーンショット 2021-12-06 16.26.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/2a3eef26-d100-c5b7-8448-402aaee036c9.png)

- お好みでベルを鳴らす時間を３つ用意できます。
- 「Click to edit this message」の文章は編集できます。



## [OBS Studio](https://obsproject.com/download)のダウンロード
以下を参考にしました。

https://www.ecc.kumagaku.ac.jp/technology_information/video/obs


以下のリンクをクリックしてください。
[OBS Studio](https://obsproject.com/download)
下のような画面が開くと思います。

![スクリーンショット 2021-12-06 12.35.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/0adc378a-0ba8-67e8-5fb6-9fd4e21cc702.png)

MacOSの場合、りんごのマークを選択後、「Download Installer」からダウンロードできます。ダウンロードした後、下の画面でOBS StudioをApplicationsにドラックアンドドロップしてください。

![スクリーンショット 2021-12-06 12.38.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/e811ec8d-2a8d-446e-1b7f-54182d43357e.png)

アプリケーションになります。

![スクリーンショット 2021-12-06 12.39.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/981ac347-c2ba-d861-32a4-f55fa68dccf9.png)

OBS Studioを開くと、以下の画面が出てきます。キャンセルで消せます。

![スクリーンショット 2021-12-06 12.40.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/7a47f744-1f02-5de8-f3f0-068d291ba987.png)

以下のようなOBSの画面で
ソースの「＋ボタン」 を押し、「ウインドウキャプチャ」を選択してください。

![スクリーンショット 2021-12-06 12.41.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/940f56b5-3371-568e-1299-f84f535ae425.png)

以下の画面が出てきます。名前はわかりやすく変えてもいいですが、このまま「OK」を押していただいて大丈夫です。

![スクリーンショット 2021-12-06 12.42.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/91dc1498-05d0-cfc3-a4a8-405b1b63abca.png)

ウインドウキャプチャの以下の画面で「Time Keeper」を選んでください。[Safari]の部分はTime Keeperを開いているブラウザが表示されていると思います。

![スクリーンショット 2021-12-06 12.45.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/d79c4e21-7429-3164-5ab8-36a08d099cf7.png)

もし、ウインドウキャプチャでTime Keeperのブラウザが表示されないときは以下のサイトを参考に解決できます。

https://rapicro.com/mac%E3%81%A7obs%E3%81%AE%E3%82%A6%E3%82%A3%E3%83%B3%E3%83%89%E3%82%A6%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3%E3%81%8C%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E3%81%A8%E3%81%8D%E3%81%AE%E5%AF%BE/

Time keeperを表示しているブラウザの大きさを調節してOBS Srudioにいい感じに表示されるようにしてください。
ここまでで、OBS StudioにTime keeperを表示することができました。

## 音声編
次は仮想デバイスで音声を認識し、時間が来たら音がなるようにします。

まず、[Background Music](https://github.com/kyleneideck/BackgroundMusic)をインストールします。
下にスクロールすると、pkgファイルをダウンロードできるところがあります。
安定版の0.3.2はBig Surに対応していないとありますので、0.4.0-SNAPSHOTの方をダウンロードしました。こちらは2021年12月3日時点では、MacOS Montereyに対応していました。

![スクリーンショット 2021-12-06 13.03.27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/a5fe7b84-9f42-f246-8607-54eb568315ee.png)

クリックすると以下のページにいきます。ここでpkgファイルをインストールしてください。

![スクリーンショット 2021-12-06 13.03.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/edd0a899-396d-0946-d89e-cd4cf8f10ac6.png)

インストールが終わると次のアイコンが表示されます。

![スクリーンショット 2021-12-06 13.05.40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/f1047e46-f2b9-80ec-066c-7206bca5c29b.png)

### OSの出力、OBS Studioの出力をBackground Musicにする
以下のサイトを参考にしました。

https://cyber-tenchou.com/tips/20200828/

https://hideshigelog.com/obs-studiomacoto

#### OSの設定

デスクトップ左上のリンゴマーク→システム環境設定→サウンドから、出力と入力をBackground Musicを選択します。

![スクリーンショット 2021-12-06 16.36.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/b175b9a6-a4a5-4789-9358-c5e416501ed8.png)

#### OBS Studioの設定

OBS Studioのコントロールの「設定」をクリックします。

![スクリーンショット 2021-12-06 14.54.32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/a5269ef4-ced0-a330-61c7-16b56cc5fdc9.png)

音声の設定を以下のようにしました。マイク音声をBackground Musicにしました。これでBackground Musicの音が認知できます。

![スクリーンショット 2021-12-06 14.55.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/9ff3aff2-ebdc-6047-dcea-6cf3edd14ad1.png)

以下のサイトを参考にしました。

https://www.streamers-lab.com/setting-obs-sound/


## zoomの設定
zoomを開いた状態で左上のメニューバーから「zoom.us」→「設定」をクリックします。

![スクリーンショット 2021-12-06 14.59.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/31e2d373-8428-b3ac-cbae-97ae4a0d32ac.png)

「ビデオ」からカメラで「OBS Virtual Camera」を選択します。また、「マイビデオをミラーリングします」にチェックが入っていたら外してください。

![スクリーンショット 2021-12-06 15.02.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/3d53ccf9-9ee6-4f7c-498f-2c5a5362853c.png)

この状態で、OBSで「仮想カメラ開始」ボタンを押すと表示されます。

以下のサイトを参考にしました。

https://ahtapae.work/obs-start-virtual-camera/

これで画面にタイマーを表示させることができます。次に音声の設定です。

「オーディオ」→「スピーカーのテスト」、「マイクのテスト」を「内蔵出力（内蔵スピーカー）」から「Background Music」にします。

![スクリーンショット 2021-12-06 16.44.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/b38f35d7-118a-8df3-1dd2-bc99ccc18219.png)


## 音量調整

- zoomの「マイクの音量を自動調整します」のチェックを外します。
- OBS Studioの音声ミキサーで調整します。
- 聞こえづらい時はzoomの「設定」→「オーディオ」から「背景雑音を抑制」を「低」にすると聞こえやすくなります。

![スクリーンショット 2021-12-06 16.45.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1881340/83a915f3-6220-f511-e7d0-667537a0fbe5.png)

## タイムキーパーが終わったら
OBS Studio
Background Music
を完全に消しましょう。

OBS Studioは以下のサイトを参考にしました。

https://kousotublog.com/archives/2034

Background Musicは以下を参考にしました。

https://discussionsjapan.apple.com/thread/253124950

補足としてFinder → アプリケーションからBackground Musicをゴミ箱に捨てるときにパスワードを聞かれます。

## 消えたか確認方法
デスクトップの左上リンゴマーク　→ システム環境設定 → サウンド で　Background Musicを消えているか確認します。

## 最後に
最後まで読んでいただきありがとうございました。
新しくオミクロン株が流行しそうなので、気をつけて年末年始お過ごしください。皆様の健康をお祈りします。