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

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

コメント表示

複数の方法があります。いずれも簡単にできますが、配信サイトよっては採用できない方法もあります

コメントを配信画面に表示したうえで背景を透明にする方法を見ていきましょう。

PCの使用を前提とした解説です。

配信画面にコメントを映す方法です。ゲームプレイ時に自分が見るゲーム画面にコメントを映す方法ではありません

【スポンサーリンク】

配信ソフトを用意しよう

配信ソフトが必要です。

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

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

Streamlabsは強い味方

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

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

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

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

CHAT BOX

ただ、Streamlabsは海外のサービスです。

YouTubeやTwitchには対応していますが、ニコ生やツイキャス、OPENRECには対応していません

【重要】わんコメが多サイトに対応でおすすめ

コメを表示して背景を透過できる

では、日本の定番サイトで配信したい場合、コメントを配信画面に表示するにはどうしたらよいのでしょうか。

その答えが、わんコメです。

わんコメ

これは多機能なコメントビューアー(コメビュ)で、コメントの表示も簡単にできます。LINE風にコメントを表示することもでき、設定に時間はかかりません。

テンプレート

コメビュであるにもかかわらず、これひとつでさまざまなことができるため、わんコメはとても便利なアプリです。

多くのサイトに対応

しかも、多くのサイトに対応しています。

  • YouTube
  • Twitch
  • ツイキャス
  • ミラティブ
  • SHOWROOM
  • ミクチャ
  • ニコ生
  • その他、公式サイト参照のこと

つまり、YouTubeやTwitchはもちろんのこと、ツイキャスなど日本で有名な各種サイトのコメントを配信画面に表示できる、ということです。

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

極端な書き方をすると「わんコメを使えば問題解決」です。ただ、わんコメを使う以外の方法も知りたいという人もいるでしょう。

そういった人は記事を読み進めてください。

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

わんコメを使わない人用のやり方

YouTube Live

StreamlabsはYouTubeに対応しています。

Streamlabs

使い方は、同サイトにアクセスしてURLを配信ソフトにコピー&ペーストするだけです。

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

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

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

Twitch

Streamlabsを使ったやり方については、下記記事をご覧ください。

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

ニコ生

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

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

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

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

ツイキャス

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

ツイキャス

詳細については、下記ページをご覧ください。

【ツイキャス】コメントを配信画面に表示する方法。1分でできます
ツイキャスで配信するさい、コメントを配信画面に映すにはどうしたらよいのでしょうか。 じつは簡単にできます。というのも、ツイキャ...

OPENREC

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

OPENREC

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

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

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

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

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

コメントは、あくまでも「配信画面に」表示しているだけです。自分がプレイ時に見ている「ゲーム画面内に」コメントを表示するわけではありません。

コメントの確認は、Webブラウザーや、コメントビューアーなどで行いましょう。これが一般的な方法です。

コメントビューアでコメント閲覧。最新のコメビュ事情をご紹介します
ライブ配信の魅力、楽しさのひとつは、なんといってもリアルタイムで書き込まれる視聴者のコメント・チャットでしょう。 じつは、コメ...
ゲーム配信中、コメントをどうやって確認すればいい?4種類の方法
ゲーム配信(生放送)が初めてだと、コメントを確認する方法はイメージしづらいかもしれません。 その理由はいくつか考えられます。 ...

どうしてもゲーム画面にコメントを表示する方法を知りたい場合は、下記ページをご覧ください。配信ソフトのStreamlabs Desktopを使う方法があります。

【SLOBS】自分のゲーム画面にコメントを表示する方法。ゲーム内オーバーレイの使い方
ゲーム配信(生放送)中、自分が見ているゲーム画面にコメント・チャットを表示するには、どうしたらよいのでしょうか。 やり方は複数...

まとめ

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

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

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

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

関連コンテンツ



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

コメント

  1. newmomizi より:

    ニコ生でコメント表示させる必要性が分かりません。どういう時に使うといいのか教えてください。

    • 管理人 より:

      必要性という観点から言えば、優先順位は低いです。

      それでも画面にコメントを表示させている人がいる理由としては、

      ・画面をにぎやかにしたい
      ・あとで配信の録画(アーカイブ)を見返したり動画投稿したときに、
      コメントが画面に映り込んでいたほうが当時の雰囲気が伝わりやすい
      ・(同時配信している場合)視聴者が配信画面をフルスクリーンのまま、
      画面に映り込んでいるコメントを確認できるので、それを配信者が考慮している

      といった理由が考えられます。

  2. タケ より:

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

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

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

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