DiscordのGo LiveでVJをする

# 環境
使用PC:**2017年のMacBook Pro**
OS：**macOS Catalina**
使用ソフト：**Discord 0.0.256** / **OBS Studio 24.0.3**(多分最新じゃない) / **VDMX5 b0.8.7.2.2**

# 手順
1.VDMXとOBSをつなげる
2.OBSとDiscordをつなげる

おしまい！
あとは他の人に音声通話でDJをやってもらうだけでコロナイトフィーバーの完成です
オタク、ウイルスに負けるな

というわけでいきます

## 1.VDMXとOBSをつなげる

### 1-1 VDMX側の準備

Window > Workspace Manager > Plugins > Syphon Output　でSyphon Outputを作成
<img width="306" alt="スクリーンショット 2020-03-21 7.59.50.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/00353666-6a86-5f14-d256-d83652763623.png">
<img width="282" alt="スクリーンショット 2020-03-21 8.11.59.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/5170259e-51a4-6cf9-2a86-cf3980035ecd.png">
↓Syphon Output
<img width="254" alt="スクリーンショット 2020-03-21 8.16.37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/f6c35419-9512-cabf-a9c4-c090b97e512e.png">

この一番上のMain Outputにチェックを入れる

<img width="251" alt="スクリーンショット 2020-03-21 8.18.30.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/cb27415b-efd3-b4dd-1aed-3acf2be61b3a.png">

### 1-2 OBS側の準備

ソース > 追加 > サイフォンクライアント　でサイフォンクライアントを作成
<img width="895" alt="スクリーンショット 2020-03-21 8.19.35.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/77aa09c9-caf3-675d-a7d6-813e342faac1.png">
↓サイフォンクライアントのプロパティ
<img width="710" alt="スクリーンショット 2020-03-21 8.20.43.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/10d30657-c0c4-e3fd-0647-61242ed3319d.png">

<img width="721" alt="スクリーンショット 2020-03-21 8.21.15.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/9586f8b0-257d-6c57-30b5-c32b4304f4d0.png">

ソース > [VDMX5]Main Output　を選択

するとOBSの画面にVDMXのMain Outputの画面が表示されるはず

これでVDMXとOBSがつながりました

## ２.OBSとDiscordをつなげる

### 2-1 OBS側の準備

先ほどのサイフォンクライアントのインジェクトにチェックを入れる
※適当な動画をVDMXで流しています
<img width="1440" alt="スクリーンショット 2020-03-21 8.27.31.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/2d8879cb-3baf-9cfb-1708-a7a4e92ae3fa.png">

インジェクトの下のアプリケーションを開くと候補がたくさん出てくるので↓
下の方にあるDiscord（多分スクロールしないと見えない）を選択、OKを押してプロパティウィンドウを閉じる

<img width="1440" alt="スクリーンショット 2020-03-21 8.29.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/fb43e367-5f48-3f48-e74a-84051771d68d.png">
<img width="1418" alt="スクリーンショット 2020-03-21 8.31.48.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/215d754d-c48d-d7a0-631c-5b08c123d12c.png">


次にOBSに見えてる画面を右クリックして、ウィンドウプロジェクター（プレビュー）を選択
<img width="898" alt="スクリーンショット 2020-03-21 8.33.36 1.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/af244d29-f35a-a7a4-3a62-bf76b6bc5f96.png">

するとウィンドウの形式でVDMXのMain Outputを表示できるので、これをフルスクリーンにしておきましょう
<img width="897" alt="スクリーンショット 2020-03-21 8.35.49.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/022178a9-87fa-e06e-87c3-9088c2bc820c.png">

### 2-2 Discord側の準備

Discordの 設定 > ゲームアクティビティ > 追加する！（青いリンク） > select > OBS > ゲームを追加 を選択
　<img width="1010" alt="スクリーンショット 2020-03-21 8.41.08.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/7b8431a4-df8b-5274-6d19-77bcb4f33fa5.png">

Go Liveを行いたいボイスチャンネルに入室し、Go Liveをクリック
<img width="398" alt="スクリーンショット 2020-03-21 8.43.58.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/1441442f-2dfd-2cec-7505-a6f6a407bf0a.png">

自分はここで正常にウィンドウが表示されなかったんですが、
フルスクリーンの画面を左右に行ったり来たりすると一瞬だけウィンドウが映るという謎挙動をしていたので、
その一瞬を狙って　”ウィンドウ プロジェクター(プレビュー)”を選択しました
勝ちです
<img width="398" alt="スクリーンショット 2020-03-21 8.45.53.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/486352/cd05199a-a3e2-7d91-1fe5-cded143761e4.png">

あとはこのGo Liveをクリックすることで接続完了です
VDMX側のMain Outputがちゃんと反映されます


# 完成！
というわけでオンラインクラブの完成です
ちなみに、2-1の時に作成したプレビューは
フルスクリーンにしないとウィンドウの×ボタンとかタイトルとかがGo Liveの画面に映っちゃうので注意です。
同じ理由でVDMXのMain OutputウィンドウをGo Liveで直接選択するのも注意です。

実はVDMXには最初から存在するMain Outputの外部ウィンドウ用プレビューが別であるんですけど、
OBS及びDiscordで認識できなかったのでVDMXに標準搭載されているSyphonを使ってOBSを経由させました。
ResolumeとかならDiscordから直接Main Outputを綺麗に認識できるかもなので試してみてください
SyphonがVJソフトで使えるのであればこれと同じ感じで行けると思います

OBS使うと手元の動画も一緒に載せたい時とかに汎用性高いからいいですね（雑）