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

この記事をシェアする

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

Streamlabs

やり方は簡単です。

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

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

【スポンサーリンク】

Streamlabs OBSとどう違う?

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

Streamlabs OBS

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

  • Streamlabs : Webサイト、Webサービス
  • SLOBS : 配信ソフト

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

OBS Studio

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

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

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

もしSLOBSを使用したい場合は、下記ページをご覧ください。

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

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

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

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

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

チャットが表示されないケースに注意

YouTube Studioにしないこと

2019年8月時点では、YouTube Liveには2種類の配信方法があります。

  • クリエイターツール
  • YouTube Studio

このうち、YouTube Studioで配信するとチャットを配信画面に表示できませんクリエイターツールにしておきましょう。

クリエイターツール
▲クリエイターツール

よくわからない場合は、以下のように設定してください。

  1. ダッシュボードにアクセスする。
  2. 画面左下の「設定」をクリックする。
  3. 従来のクリエイターツール」を選択する。
  4. 「保存」をクリックする。

YouTube Studio

非公開にしないこと

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

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

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

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

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

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

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

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

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

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

  1. 左メニューの「Widgets」という部分にある「CHAT BOX」をクリックします。
  2. Chat Box

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

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

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

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

  3. チャットの幅・高さについては、「ブラウザ」ソースの「幅」と「高さ」で変更できます。いろいろ試してください。
  4. 幅・高さ

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とは異なる部分です。

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

この記事をシェアする

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

関連コンテンツ



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