【Twitch】Streamlabsでコメントを配信画面に表示する方法

Twitchでコメント(チャット欄)を配信画面に重ねて表示するには、どうしたらよいのでしょうか。

Twitchコメント表示

画面にコメントを表示する方法は、さまざまなやり方があります。細かいものも含めると5~10種類はあるでしょう。

【サイト別】コメント・チャットを配信画面に表示する方法。背景は透明に
配信画面にコメントを表示するには、どうしたらよいのでしょうか。コメントの背景を透明にしたい(透過)という人も多いはずです。 複...

今回は、StreamlabsというWebサービスを使います。

StreamlabsとOBS、どう違う?そもそもStreamlabsとは?
ゲーム配信(生放送)で、Streamlabsという名前を聞いたことがあるかもしれません。 ▲公式サイト もし名前を聞いたこと...
【スポンサーリンク】

Streamlabs Desktopについて

念のため書いておくと、配信ソフトStreamlabs Desktop(以下Streamlabs D)を使っている場合、今回のやり方を採用する必要はありません

Streamlabs OBS

同配信ソフトには、Streamlabsの機能が標準搭載されているからです。

簡単!Streamlabs Dのウィジェットでコメント・通知を表示する方法
Streamlabs Desktop(以下Streamlabs D)の大きな特長のひとつに、ウィジェットを使えるという点があります。 ...

ここからの解説は、OBS Studio(以下OBS)の使用を想定しています。

Streamlabsにアクセスしよう

  1. Streamlabsにアクセスし、Twitchアカウントでログインします。画面を順に進めていってください。
  1. 左メニューの「チャットボックス」をクリックします。
  2. チャットボックス

  3. 「クリックしてウィジェット URL をコピー」→「コピー」の順にクリックします。すると、URLをコピーできます。このURLをあとでOBSにペーストすることになります。
  4. URLをコピー

OBSでの設定方法

つぎはOBSの設定をしていきましょう。

  1. 「+」をクリックし、「ブラウザ」を選択します。
  2. ブラウザソースの追加

  1. 適当な名前をつけて「OK」をクリックします。
  2. 名前

  3. さきほどコピーしたURLを「URL」にペーストしましょう。
  4. ブラウザ

  5. 「幅」と「高さ」を任意の数字にします。どのくらいの幅が適切なのかというのは、Streamlabs側の設定(後述するテーマ、文字の大きさ)によっても異なってきます。
  6. 幅・高さ

  7. 配信は開始しなくてもよいので、試しに自分のチャンネルにアクセスして文字を入力してみましょう。OBSの画面にコメントが反映されるはずです。
  8. テストを行う

  9. ソースの順序に注意してください。「ブラウザ」ソースをいちばん上にします。これをまちがえると、コメントがゲーム画面に隠れてしまいます。
  10. ソースの順序

Streamlabsで細かい設定をしよう

設定を保存・反映させたい

設定変更後は、「サービス設定」(設定保存のこと)をクリックするのを忘れないようにしましょう。そうしないと設定が反映されないからです。

設定の保存

文字の色・大きさを変えたい

「フォントの色」と「フォントサイズ」で変更できます。後者は24~48pxがよいでしょう。

文字の色・大きさ

文字をあまり大きくしすぎると、表示が窮屈になります。また、ユーザー名が欠けて見えなくなります。

コメントの表示時間を変えたい

画面に表示されているコメントは、一定時間が経過すると自動的に消えます。この設定を「次の後でメッセージを非表示にする」で変更できます。

「次の後でメッセージを非表示にする」の設定

コメントが消えないようにしたい場合は、「メッセージを常に表示する」にチェックを入れてください。

デザイン・アニメーションを変えたい

「スタイル」を変更します。

コメント表示できないときに確認すべき点

(1)ログインしているアカウントが適切か

TwitchアカウントでStreamlabsにログインできているか確認しましょう。YouTubeのGoogleアカウントでログインしている可能性があります。

もしこれをまちがえた場合は、画面左上からダッシュボードに戻り、右上のアイコンから「ログアウト」を選択してログインしなおします。

(2)ソースの順番が適切か

「ブラウザ」ソースがほかのソースより下の順位だと、コメントが隠れてしまいます。「ブラウザ」ソースを最上位にしましょう。

OBSで配信画面を作ろう。ソースを追加・設定する方法
OBS Studio(以下OBS)で画面を視聴者に見せたいときは、「ソース」の「+」をクリックして配信画面を作っていきましょう。 ...

(3)コメントがバウンディングボックスの範囲外にないか

「ブラウザ」ソースの幅・高さが小さい場合は、コメントがバウンディングボックス(罫線)の範囲外にあるかもしれません。

同ソースの設定画面を開いて、幅・高さを設定の大きくしてください。

(4)ソースの幅・高さを変えなかったか

もし「ブラウザ」ソースの幅・高さを変えた場合、それまで映っていたコメントは消えます。Twitchにて再度コメントを入力してください。

(5)セキュリティソフトの影響ではないか

カスペルスキーやAvastなどのセキュリティソフト(アンチウイルスソフト)をインストールしている場合は、セキュリティソフトを終了するか、またはアンインストールし、問題を切り分けてみましょう。

別の方法でコメント表示することもできる

今回は、Streamlabsを使った方法を解説しました。

しかし、ほかにもコメントを画面に重ねる方法があります。たとえば、「わんコメ」をというコメントビューアー(コメビュ)を使ったやり方です。

【わんコメ】ほんの20秒でコメントをOBSに表示する方法あります
視聴者のコメント(チャット)を配信画面に重ねて映すための方法は複数あります。 今回は、コメントビューアー(コメビュ)である「わ...

ふだんからコメビュを使った配信をしているのであれば、わんコメを使ってコメントを表示したほうが簡単です。

スポンサーリンク
レクタングル(大)
レクタングル(大)

X(旧Twitter)で最新情報をツイートしています!フォローお願いします。

関連コンテンツ



スポンサーリンク
レクタングル(大)