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

2018年2月8日

discord-overlay

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


導入前の設定

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

StreamKit

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

discord-overlay-1

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

discord-overlay-2

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

discord-overlay-3

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

discord-overlay-4

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

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

discord-overlay-5

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

discord-overlay-6

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

discord-overlay-7



OBSの設定

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

discord-overlay-obs-settings-1

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

discord-overlay-obs-settings-2

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

discord-overlay-8

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

discord-overlay-obs-settings-3

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

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

obs-onsei-ninshiki-jimaku-overlay-150x150
【OBS】配信に音声認識字幕ちゃんで字幕を表示させる方法【設定】

しばしば配信サイトを見ていると遭遇することになる、日本語や英語の字幕を表示している配信者。
今回の記事では「音声認識字幕ちゃん」を利用して、OBSに字幕を追加して配信する方法を解説します。

続きを見る

毎日のチェックがおすすめ! ⇒ Amazon.co.jpのタイムセールimpression?a_id=2812297&p_id=170&pc_id=185&pl_id=4062

よく読まれている記事

-ゲーム, 環境論