【サイト別】コメント・チャットを配信画面に表示する方法。背景は透明に

この記事をシェアする

配信画面にコメントを表示するには、どうしたらよいのでしょうか。コメントの背景を透明にしたい(透過)という人も多いはずです。

コメント表示

じつは、いろいろな方法があり、おおよそ5種類に分類できます。

  • 外部サービスを使う
  • 配信ソフトの標準機能を使う
  • 配信サイトの機能を使う
  • コメビュの機能を使う
  • 配信ソフトでコメビュの画面を取り込む

いずれも簡単にできますが、配信サイトよっては採用できない方法もあります。今回は下記サイトが解説対象です。

  • YouTube Live
  • Twitch
  • ニコ生
  • ツイキャス
  • OPENREC

ではさっそく、コメントを配信画面に表示する方法を見ていきましょう。PCの使用が前提です。

【スポンサーリンク】

配信ソフトを用意しよう

まず、配信ソフトが必要です。背景(例 : ゲーム画面)の上にコメントを重ねるためです。

おすすめの配信ソフトはどれか。目的別、サイト別に一覧・比較してみた
ライブ配信で使う配信ソフトには、さまざまな種類があります。では、どの配信ソフトを使えばよいのでしょうか。 このページでは、各配...

配信ソフトの種類は、一般的なものであればどのようなものでもかまいません。

よく使われているのはOBSですが、コメント表示という観点からすると、SLOBSXSplitのほうが便利ではあります。それ専用の機能を標準搭載しているからです。

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

ただ、現在OBSを使っていて、配信ソフトを変えたくないという場合は、変更しなくても問題ありません。

ポイント : Streamlabsは強い味方

YouTube LiveTwitchで配信するなら、Streamlabsを覚えておきましょう。

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

これは海外で有名なWebサービスで、たとえば以下のようなことができます。

  • コメントを配信画面に表示する
  • チャンネル登録、フォロー通知を配信画面に表示する

CHAT BOX

簡単、かつ美しく設定できるのがStreamlabsの強みです。ただ、海外のサービスなので、ニコ生やツイキャス、OPENRECには対応していません。

そして、Streamlabsとの関連で覚えておきたいのが上述のSLOBSです。SLOBSはOBSをベースにしたソフトであり、Streamlabsの機能を標準搭載した配信ソフトだからです。

Streamlabs OBS

YouTube Live

お薦めは、やはりStreamlabsを使う方法です。これがいちばん簡単でしょう。同サイトにアクセスして、URLを配信ソフトにコピー&ペーストするだけです。

Streamlabsで、YouTube Liveのコメント・チャットを配信画面に表示する方法
YouTube Liveでコメント・チャットを配信画面に表示したいというとき、Streamlabsが便利でしょう。 やり方は簡...

Streamlabs

そして、もうひとつ覚えておきたいのが、Webブラウザのコメント画面を配信ソフトで取り込む方法です。「Chat v2.0 Style Generator 日本語版」というWebサービスを利用して、コメントの背景を透明にします。

Chat v2.0 Style Generatorの使い方・設定方法。YouTubeでコメント背景を透明に
YouTube Liveで配信するさいに、コメント・チャットを配信画面に表示したいという人がいるかもしれません。 このとき便利...

ほかのやり方については、下記ページをご覧ください。

【YouTube Live】全5種類、コメントを配信画面に表示する方法。透過も可能
YouTube Liveで、視聴者のコメント(チャット)を配信画面に重ねて表示するためには、どうしたらよいのでしょうか。 今回...

Twitch

Streamlabsを使う方法がお薦めです。とてもシンプルにできます。

【Twitch】コメントを配信画面に表示する方法。Streamlabsなら簡単
Twitchでコメント(チャット欄)を配信画面に重ねて表示するには、どうしたらよいのでしょうか。 Streamlabsを利用し...

ニコ生

ニコ生の場合、コメントビューアー(以下コメビュ)と、HTML5コメントジェネレーターというソフトを連携させて使う方法があります。

HTML5コメントジェネレーター

具体的なやり方については、下記ページをご覧ください。コメビュに、Ryu氏開発のマルチコメントビューアを使用する方法をまとめました。

コメジェネ + マルチコメビュでコメントを表示する方法。ニコ生以外もOK
HTML5コメントジェネレーター(以下、コメジェネ)を使うと、配信画面上にコメントをニョキニョキと表示できます。 ライブ配信...
スポンサーリンク
レクタングル(大)

ツイキャス

ツイキャスでは、コメントを配信画面に表示するための仕組みが最初から用意されています。

ツイキャス

どういうことかというと、まず配信画面のページを開いてください。

  1. ツイキャスにアクセスする。
  2. 画面右上の「配信する」ボタンにカーソルを合わせる。
  3. 「ツール配信」または「ゲームズ配信」をクリックする。

配信

ページを下にスクロールしたところに、「コメントを配信画面に表示」があります。この部分にあるURLをコピーしましょう。

https://twitcasting.tv/アカウント名/windowcomment?embedded=1

コメントを配信画面に表示

あとは、URLを配信ソフトにペーストします。OBSならば、「+」アイコンから「ブラウザ」を選択して「URL」の部分にペーストです。SLOBSは「+」→「ブラウザーのソース」です。

ブラウザ

見た目をカスタムしたい場合は、下記サイトを参照してください。

参考 【コメビュ不要】OBSにツイキャスのコメントを表示させる。(外部サイト)

OPENREC

OPENRECの場合も、ツイキャスと同様コメントを配信画面に表示するための仕組みがあります。

OPENREC

下記URLを配信ソフトにコピー&ペーストしましょう。

https://www.openrec.tv/live/ユーザーID/chat

具体的なやり方については、公式サイトを参照してください。

参考 チャットを配信画面に表示する方法について(外部サイト)

テスト時に覚えておきたいこと

配信しなくてもテストできる

コメントがきちんと表示されるかどうかは、配信していない状態でもテストできます。

つまり、配信ソフトの「配信開始」ボタンをクリックせずとも、自分でコメントを書き込んで、コメントが表示されるか確認する方法でもかまいません。

他人の配信でもテストできる

また、Streamlabsを使う方法以外は、他人の配信でもテストできます

つまり、現在配信している人を見つけ、その配信のコメントを自分の配信ソフトに表示することもできます。やり方は同じです。

備考 : ゲーム画面内にコメント表示?

コメントは、あくまでも配信画面に表示しているだけです。ゲーム画面内にコメントを表示するわけではありません。

つまり、自分がプレイするときに見ているゲーム画面にコメントを映すわけではないということです。

コメントの確認は、Webブラウザーや、コメントビューアーなどで行いましょう。

コメントビューアでコメント閲覧。最新のコメビュ事情をご紹介します
ライブ配信の魅力、楽しさのひとつは、なんといってもリアルタイムで書き込まれる視聴者のコメント・チャットでしょう。 通常、コメン...

まとめ

今回掲載したやり方は、すべてではありません。まだまだ多くの方法が存在します。気になる場合は、ぜひ調べてみてください。

また、デザインをカスタマイズしたいのであれば、HTMLやCSSについて勉強すると幸せになれます。

デザイン関連では、コメントの部分に枠を付けるのもよいでしょう。枠は画像を自作してもよいですし、SLOBSなら最初から用意されているので、それを使う方法でもかまいません。

配信画面の「枠」はどうやって付ける?オーバーレイで画面を作る方法
ゲーム画面上に枠(枠組み、フレーム)が付いている配信を見かけたことがあるかもしれません。 いったい、あの枠はどのようにして付け...

なお、ミラティブについてはあえて触れませんでしたが、マルチコメントビューア + HTML5ジェネレーターの組み合わせでコメントを表示できます。

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

この記事をシェアする

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

関連コンテンツ



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

質問・コメント

  1. タケ より:

    サイト、読ませていただきました。

    マルチコメントビューアとhtmlコメントジェネレーターの連携方法がわかりません。

    またそのあとobsにコメを表示させるやり方もわかりません。

    申し訳ないのですがもしよろしかったら教えていただけないでしょうか