こんにちは！
配信者向けに情報発信してる
「からあげ太郎」です！
配信中に他の配信者さんとコラボすること、よくありますよね！
でも、視聴者さんからすると、
「今、誰が話しているんだろう？」と、せっかくのコラボ配信が分かりにくい時ってありませんか？
そこで今回は、Discordで通話している相手のアイコンを配信画面に表示する方法を、分かりやすく解説します！
🖊️ 本記事では、配信者向けに情報発信を行っている筆者が、実際の配信経験をもとに解説します。
📋 事前準備：これだけは確認しておこう
この方法では、Discordのボイスチャンネルを使うのが前提になります。
以下の準備ができているか、確認してください！
- ✔ コラボで使うサーバーを用意する（いつも使っているサーバーでOK）。
- ✔ そのサーバー内にボイスチャンネルを作成する。
通常の1対1通話（DM）では使えないので、
必ずサーバー内のボイスチャンネルを用意してくださいね！
🌐 Streamkitの設定方法
通話相手のアイコンを表示するには、
Discord公式ツール「Discord Streamkit Overlay」を使用します。
以下の4ステップで設定しましょう！
Discord Streamkit Overlay公式サイトにアクセスします。
Streamkitのサイトにアクセスし、「Install for OBS」をクリックします。
初めてアクセスするとエラーのような画面が出ますが、問題ありません。
同時にDiscordアプリ側で連携を求める通知が来るので、「認証」をクリックしてください。
認証後、「VOICE WIDGET」タブで以下の項目を設定します。
- ✔ Server：コラボで使うサーバーを選択
- ✔ Voice Channel：使用するボイスチャンネルを選択
- ✔ Show Speaking Users Only：チェックすると話している人だけ表示（推奨）
設定が完了したら、右下に表示されているURLをコピーします。
このURLをOBSに読み込ませることで、アイコンが表示される仕組みです。
⚙️ OBSの設定方法
コピーしたURLをOBSに設定し、アイコンを表示させます。
あと少しです！
OBSの「ソース」から「＋」をクリックし、「ブラウザ」を選択します。
名前を「Discordアイコン」など、分かりやすい名前にしておきましょう。
プロパティ画面が開くので、「URL」の欄に先ほどコピーしたURLを貼り付けます。
幅と高さは、配信画面のどこに置くかに合わせて調整してください（幅300～600pxあたりがおすすめです）。
設定が完了すると、ボイスチャンネルに参加している人のアイコンがOBS上に表示されます。
表示されたソースは、ドラッグ＆ドロップで好きな位置に移動できます！
アイコンが表示されない場合は、以下の点を確認してみてください。
- ✔ 自分とコラボ相手が、指定したボイスチャンネルに正しく参加しているか
- ✔ StreamkitでコピーしたURLは正しいか
- ✔ OBSを一度再起動してみる
この基本設定ではアイコンが縦に並びますが、
CSSを少し追加することで、横並びにしたり、アイコンを四角形にすることも可能です！
カスタマイズ方法は、こちらの記事で詳しく解説しています。
📄詳しくはこちらDiscordの通話相手を配信画面に表示！Discordのアイコンのレイアウトを変更する方法＞
🎉 さいごに
今回は、Discordの通話相手をOBSに表示する方法を紹介しました。
この一手間を加えるだけで、
視聴者は「誰が話しているか」が一目で分かり、コラボ配信がもっと見やすくなります。
視聴者参加型の企画などでも大活躍するので、あなたの配信の魅力をさらに引き出してくれますよ。
設定はとても簡単なので、ぜひこの記事を参考に、コラボ相手にも優しい配信画面を作ってみてください！
