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




お得なゲーミングPCを探す

ショップ名主なブランド名主なコラボチーム
マウスコンピューターG-TuneDetonatioN Gaming / G-STAR Gaming
AXIZ / Unsold Stuff Gaming /よしもとゲーミング
パソコン工房
0
LEVEL∞JUPITER / Crazy Raccoon / 父ノ背中
EAM αD ESPORTS / 令和ゲーミング
ドスパラGALLERIANephrite / DETONATOR
フロンティアFRONTIER GAMERSLibalent / Zoo Gaming
アークarkhiveSunSister
ツクモeX.computer-

今人気のゲームランキングを見る

話題のゲームをお得に購入してみる

 

よく読まれている記事

-ゲーム, 環境論

Copyright© Raison Detre - ゲームやスマホの情報サイト , 2021 All Rights Reserved.