当サイトはアフィリエイト広告を利用しています。

Discordのアイコン表示をOBSに映して誰が話してるかわかりやすくする方法!


Discord(ディスコード)を使用して友達と通話(ボイスチャット)しながらゲーム実況をやっている人も多いですが、以下の画像のようにDiscordのアイコン表示をOBSの画面に映して誰が話しているのかわかりやすくしたい人もいるのではないでしょうか?

そんなあなたのために、今回はDiscordのアイコン表示をOBSに映して誰が話してるかわかりやすくする方法を徹底解説していきます!

スポンサーリンク

🔽OBSの使い方を全てまとめたページはこちら!
check!
>>OBS Studioの使い方まとめページを確認する!

🔽Discordの使い方を全てまとめたページはこちら!
check!
>>Discordの使い方をまとめたページを確認する!

 

動画でも解説しています

 

Discordのアイコン表示をOBSに映して誰が話してるかわかりやすくする方法

それでは早速、Discordのアイコン表示をOBSに映して誰が話してるかわかりやすくする方法を解説していきますが、

・Discord StreamKit Overlayでの設定方法
・OBSでの設定方法

というように順を追って設定していくので、1つ1つしっかりと確認しながら作業を進めるようにして下さい。

ちなみに、自分はWindows10を使用しているのでWindows版のDiscordとOBSを使用して解説していきますし、時期によっては仕様が変化し、実際の画面とは異なる場合もあるので予めご了承ください。

 

Discord StreamKit Overlayでの設定方法

それではDiscord StreamKit Overlayでの設定方法を解説していきたい所ですが、まずはDiscordを起動してサーバーを作成し、通話(ボイスチャット)を始めて下さい。

もしもDiscordでサーバーを作成して通話する方法がわからない場合は、こちらのページで詳しいやり方を解説しているので要チェックです!
check!
>>Discordでサーバーを作成して通話する方法を確認する!

 

Discordで通話を始める事ができたら、こちらの「Discord StreamKit Overlay」というページを開いてください。

すると以下のような画面が表示されると思うので、「Install for OBS」をクリックしましょう。

 

すると、このような画面が表示されますが、Discordでアクセス許可を行う必要があります。

 

Discordの画面を開くとこのような画面が表示されているので、「認証」をクリックしてください。

 

次に、Discord StreamKit Overlayの画面に戻り、このように表示されていたらアクセス許可は完了です。

 

しかし、このままだと英語になっているので非常にわかりにくいですよね。

もしも、ブラウザでChromeを使用しているのなら、画面内で右クリックして「日本語に翻訳」をクリックすると、

 

以下の画像のようにページ内の文字を日本語翻訳する事ができます。(Chromeを使っていない人はこちらからダウンロードしてみて下さい。)

日本語の方がわかりやすいと思うので、ここからは日本語翻訳の状態で解説していきます。

 

まずは「音声ウィジェット」タブをクリックして、現在通話しているサーバーと音声チャンネルを選択してください。

 

すると、画面右側にプレビュー画面が表示されます。

実際にマイクに向かって話すとアイコン画像の周りが緑色になりますが、リアルタイムで動作を確認できるようになっています。

基本的にこのプレビュー画面を見ながら各種設定を行っていくので覚えておきましょう。

 

ここからは重要な項目に関して説明をしていきますが、「話すユーザーのみを表示する」にチェックを入れると、話している時は以下の画像のように表示され、

 

話していない時は以下の画像のように表示されなくなります。

これは完全に好みになるので好きなように設定してください。

 

次に「小さなアバター」についてですが、チェック無しだと表示されているアイコンの大きさは以下の画像のようになりますが、

 

チェックを入れるとアイコン画像が少し小さくなります。

OBSでも多少のサイズ変更はできるので、OBSに表示させてからチェックを入れるか・入れないかを決めた方が良いかもしれないです。

 

次に「名前を隠す」についてですが、チェック無しだとアイコン画像の横に名前が表示されていますが、

 

チェックを入れると名前の表示が消えます。

アイコン画像だけOBSに表示させたいのならチェックを入れるのがおすすめです。

 

ちなみに画面を下にスクロールすると、名前のテキストの色や文字サイズ、シャドウカラーなどを変更できるようになっています。

これらの設定はプレビュー画面を見ながら自分が好きなように設定してみて下さい。

スポンサーリンク

OBSでの設定方法

自分好みに表示方法を設定できたら、OBSでの設定方法を確認していきましょう!

プレビュー画面の下にURLが記載されていますが、これをクリックすると全て選択する事ができます。

選択できたら右クリックして「コピー」をクリックしてください。

もしくは「Ctrl+C」のショートカットキーでコピーすることが可能です。

 

次にOBSを起動したら、ソースの欄の「+」をクリックして「ブラウザ」をクリックします。

 

ソースを作成/選択という画面が表示されるので、好きな名前を付けたら「OK」をクリックしてください。
(今回は初期設定のまま解説していきます。)

 

すると、プロパティの画面が表示されますが、URLの欄に記載されている文字を消した後に右クリックして「Paste」をクリックして貼り付けて下さい。

もしくは「Ctrl+V」のショートカットキーでも貼り付けることが可能です。

 

次に幅と高さの設定を行いますが、

 

Discord StreamKit Overlayのサイトを確認すると、「幅:312ピクセル、高さ:600ピクセル」となっているのでこの数値に合わせて設定します。

 

OBS側の幅の項目を「312」、高さの項目を「600」に設定したら「OK」をクリックしてください。

 

すると、以下の画像のようにDiscordのアイコンが表示されるので、位置調整やサイズ調整を行いましょう。

 

ちなみに、実際にOBSに表示させると、やっぱり設定を変更したい所が出てくると思います。

ただ、設定を変更するとURLが変わってしまうので、もう1度同じようにURLを選択してコピーし、OBSのブラウザのURLに貼り付け直すようにして下さい。

ちなみに、Discordの使い方を全てまとめたページを作成しているので、Discord関連でわからない事がある場合はチェックしてみて下さい!
check!
>>Discordの使い方をまとめたページを確認する!

まとめ

今回は、Discordのアイコン表示をOBSに映して誰が話してるかわかりやすくする方法を解説しました!

ちなみに、自分は「しふぁチャンネル」というゲーム実況チャンネルと「しふぁの作業部屋」というこれからYouTubeを始めたい人向けの情報を発信しているチャンネルを運営していますが、両方のチャンネルとも収益化の条件である、

・登録者1000人
・直近12ヶ月の総再生時間が4000時間以上

この条件をクリアしており、収益化もしています。

特に「しふぁの作業部屋」ではたった4ヶ月間・3日に1本動画を投稿するだけで収益化する事ができたので、その時のノウハウをまとめた記事をnoteにて販売しております。

少しでも早く登録者数や再生回数を増やして収益化まで行きたいと考えている人にとって役に立つ情報を解説していますし、今なら購入者限定で無料で貰えるお得な特典も用意しています!

今後も特典を増やしたり、内容のアップデートも行っていく予定なので、お得なうちにチェックしてみて下さいね♪

スポンサーリンク
この記事を書いた人
しふぁ

「1人でゲームをプレイするのは面白くない!」というのがキッカケでYouTubeで「しふぁチャンネル」というゲーム実況チャンネルを運営開始。約1年4ヶ月で収益化達成。その経験を元に自分と同じようにゲーム実況を始めたい人向けに本ブログを運営開始。さらにブログで解説している内容を動画化するために第2のYouTubeチャンネル「しふぁの作業部屋」も運営開始。こちらは3日に1本・たった4ヶ月の動画投稿で収益化を達成。2023年4月時点で登録者5.5万人を突破。ゲーム実況は非常に楽しいし、たくさんのゲーム仲間と繋がれる最高のコンテンツと考えているので、その魅力を1人でも多くの人に体験してもらえるよう、今からゲーム実況を始めたい人をサポートしています。

しふぁをフォローする
OBSDiscord
スポンサーリンク
シェアする
しふぁチャンネルのゲーム実況ブログ

コメント

  1. れん より:

    Discordでアクセス許可が来ません

    • しふぁ しふぁ より:

      申し訳ないですが、そのような事を自分は経験していないので対処法が分からないです…

      考えられる事としたら、自分はブラウザにChrome(クローム)を使用しているので、別のブラウザを使用しているせいでアクセス許可が来ないのかも?しれないので確認してみて下さい。

  2. より:

    URL貼ってつけてもアイコン表示が起きません

    • しふぁ しふぁ より:

      そのような症状を経験したことが無いので、なぜそうなるのか正直わかりません…
      なので、もう1度やり方を確認してどこか間違った事をやっていないのか確認して下さい。
      それでもダメなら他の人のブログ記事や動画等を確認してみて下さい。

  3. より:

    OBSの変更が反映されません

  4. あそまつ より:

    参考にさせてもらいました!
    アイコンの名前を隠す をチェックに入れたのですが何度やっても名前が消えません!何か対策はありますか?

    • しふぁ しふぁ より:

      チェックを入れているのに消えない原因がわからないですね…
      申し訳ないです。

  5. すふれ より:

    ブラウザのプロパティにURLを貼り付けても、OBSロゴの青い画像が出てきません。
    そのまま設定してもDiscordがオーバーレイ表示されないのですが、なにかお心あたりはございませんか?

    • しふぁ しふぁ より:

      >ブラウザのプロパティにURLを貼り付けても、OBSロゴの青い画像が出てきません。

      こちらに関しては特に気にする必要は無いです。

      ただ、設定しても表示されないというのがちょっと良くわからないですね…

      自分も今確認してみましたが特にやり方が変更になっているわけでもないので、何かのやり方がダメなんだろうと思いますが…

      ちなみに、自分はブラウザはChromeを使用しているので、Chromeでページを開いて確認してみて下さい。

  6. すふれ より:

    Chromeから実施していますが何度試してもだめでした。
    ディスコードの設定に問題があるのかも試しましたがどうもうまく行かないです……

    • より:

      ダイレクトメッセージ欄でグループを作ってるんですが、サーバーしか反映されないですか?

      • しふぁ しふぁ より:

        ダイレクトメッセージ欄でグループ作成してやった事が無いのでわからないのですが、この解説はサーバーを作成してからやっているので、できないのであればサーバーを作成してやってみて下さい。

  7. ゆら より:

    スマホはできないんですか?

  8. ひつぎ より:

    コメント失礼します。
    試合ごとにVCのチャンネルが変わるのですがその場合その都度URLを書き換えないとだめでしょうか?
    自分の入ったVCのチャンネルを自動で連動みたいな事は難しいですか?

    • しふぁ しふぁ より:

      面倒かもしれないですが、ボイスチャンネルが変更になったら都度URLを書き換える必要がありますね。
      自分の入ったボイスチャンネルを自動で連動みたいな事はできないです。

タイトルとURLをコピーしました