OBSにDiscordをオーバーレイ表示する方法

TeamSpeak 3に代わるボイスチャットアプリとして、自身も利用しているDiscord。
今回の記事では外部サイトを利用して、DiscordをOBSに表示する方法を解説します。

導入前の設定

下のボタンから「StreamKit」のページへ移動します。

StreamKit

StreamKitのページが開いたら、画面を下へスクロールします。

画面中央にあるOBSの欄から「Discordに接続」を選択します。

ページが移動したら、左側の「Install for OBS」を選択します。

このときDiscordを起動していないと「設定できない」というメッセージが表示されます。
もしこのメッセージが表示されたら、インストールしているDiscordを起動しましょう。

Discordを起動したするとページが更新され、設定画面が表示されます。
まずは「STATUS WIDGET」を選択し「Server」から任意のサーバを選びます。

すると右側にプレビューが表示され、サーバ名やサーバアイコンなどが確認できます。

つぎに「VOICE WIDGET」を選択すると「Voice Channel」からチャンネルを選択できます。

「STATUS WIDGET」と「VOICE WIDGET」ともに、画面下に詳細設定があります。
この詳細設定では表示する項目やサイズ、背景色の変更などが行えます。

OBSの設定

OBSを起動して「ソース欄にある+マーク」を選択します。（シーンの欄ではありません）
すると追加可能なソースが一覧で現れますから、上から5番目にある「ブラウザ」を選択します。

追加する設定名に任意の名称（例：Discord）を入力し「OK」を選択します。

ここまで終わったら先程のページに戻り、右下にある「URL」をコピーします。

URLをコピーしたらOBSに戻り「URLの欄」に貼り付ければ、設定完了です。
一応その下にある幅には「312」を、高さには「600」を入力しておきましょう。

配信画面に字幕を表示させる方法

ちなみに「配信画面に字幕を表示させる方法」は、別記事で詳しく解説しています。

毎日のチェックがおすすめ！　⇒　Amazon.co.jpのタイムセール