Streamlabsで、YouTube Liveのコメント・チャットを配信画面に表示する方法

YouTube Liveでコメント・チャットを配信画面に表示したいというとき、Streamlabsが便利でしょう。

Streamlabs

やり方は簡単です。

Streamlabsにアクセスし、そこに掲載されているURLを配信ソフトにコピー&ペーストするだけです。

しかも、チャンネル登録されたときに通知を配信画面に出すこともできます。これを機に、ぜひStreamlabsを使ってみてください。

【スポンサーリンク】

Streamlabs OBSとどう違う?

ひょっとしたら、Streamlabs OBS(以下SLOBS)という名前を聞いたことがある人もいるかもしれません。

Streamlabs OBS

StreamlabsとSLOBS、両者がどう違うのか、最初はわかりづらいところです。

たとえば、配信ソフトとしてOBS Studio(以下OBS)を使用しているなら、Streamlabsを使ってください。そうすれば、チャットを配信画面に表示できます。

OBS Studio

ただ、Streamlabsの機能を最初から標準搭載した配信ソフトもあります。それがSLOBSです。

Streamlabs OBSの詳しい使い方・設定方法
Streamlabs OBS(以下、SLOBS)は、無料で使えるライブ配信用ソフトです。使い方を詳しく見ていきましょう。 SL...
Streamlabs OBSで注目すべき機能と、本体の導入手順
Streamlabs OBS(以下、SLOBS)には、さまざまな機能が搭載されています。注目すべき機能に絞って、具体的に見ていきましょう。 ...

Streamlabs、またはSLOBS、どちらを使ってもかまいません。今回はOBS + Streamlabsの組み合わせでやります。

SLOBSを使用してコメントを表示したい場合は、下記ページをご覧ください。

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

非公開にしないこと

非公開だと、チャットが配信画面に表示されません。YouTube側で公開(推奨)、または限定公開にする必要があります。

【YouTube Live】配信するなら、覚えておくべき10個の基本的な設定・機能
YouTube Liveには、さまざまな便利な機能があります。 たとえば、以下のようなことができます。 身内だ...

設定変更後は、チャットが配信画面に表示されるまでしばらく待ちましょう。

大まかな流れは2ステップ

Streamlabsの使い方は、たった2ステップです。

  1. OBSの「+」から「ブラウザ」ソースを追加する。
  2. Streamlabsに掲載されているURLを、OBSにコピペする。

これだけでチャットが配信画面に表示され、かつチャットの背景が透明になります。

「ブラウザ」ソースを追加する

では、さっそくStreamlabsを使っていきます。

  1. OBSを起動し、「ソース」の「+」から「ブラウザ」を選択します。
  2. ブラウザ

  1. 「新規作成」が選択された状態で、適当な名称をつけます。「コメント」でも「チャット」でも、なんでもかまいません。「OK」をクリックします。
  2. 名前

  3. すると、下記画像のような設定画面が開きます。
  4. ブラウザのプロパティ

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

チャットボックスのURLをコピーする

  1. つぎに、Streamlabsにアクセスし、「YouTube」をクリックしてGoogle アカウントでログインします。画面を順に進めていってください。
  2. Streamlabs

  1. 左メニューの「All Widgets」をクリックし、「Chat Box」をクリックします。
  2. Chat Box

  3. 「COPY」をクリックします。これでチャットボックスのURLがコピーされました。あとでOBSにペーストします。
  4. URLをコピー

チャットボックスのURLをペーストする

  1. いまコピーしたチャットボックスのURLを、OBSの「ブラウザ」ソースにペーストしましょう。そして「OK」をクリックします。
  2. ブラウザ

  1. 配信は開始しなくてもよいので(配信不要)、試しに自分のチャンネルにアクセスしてコメントを入力してください。
  2. OBSの画面にコメントが反映されるはずです。
  3. コメント

  4. ただ、YouTube側の仕様変更により、うまくコメントが表示されない場合があるかもしれません。たとえば、スケジュール配信にしたうえで実際に配信を開始し、さらに数十秒以上待たないといけない、というようなこともあります。
  5. チャットの幅・高さについては、「ブラウザ」ソースの「幅」と「高さ」で変更できます。いろいろ試してください。
  6. 幅・高さ

Streamlabsの各種設定について

Streamlabsは日本語化することもできます。ただ、日本語として不自然な部分が多いため、今回は英語のままで解説します。

説明 備考
theame デザイン・アニメーションを変更
Badges スパナアイコンなどの表示・非表示
Extra Emotes 設定不要
Background Color 設定不要 配信画面に影響なし
Text Color チャットの文字色
Font Size 文字のサイズ
Hide Message After コメントの表示時間
Hide Chatters 設定不要
Muted Chatters 特定のユーザーを非表示に
Custom Bad Words / Characters 特定のワードを非表示に
Enable Custom HTML/CSS 設定不要

設定変更後は、「SAVE SETTINGS」をクリックするのを忘れないようにしましょう。そうしないと設定が反映されないからです。

設定の保存

なお、設定を変更してもチャットURLをコピー&ペーストしなおす必要はありません。Chat v2.0 Style Generatorとは異なる部分です。

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

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

関連コンテンツ



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

コメント

  1. ひろ より:

    Streamlabsで、YouTube Liveのコメント・チャットを配信画面に表示する方法について、

    facebookで同じことがしたいのですが、うまくいきません。。

    ご教授お願いします。