コメントを放送画面に表示する方法 その１
今回は『わんコメ』という、複数のサイトのコメントを取得・コメントをＯＢＳに取り込み…などが行える、基本使用無料のフリーツールを紹介します。
わんコメは『複数のサイトのコメントを取得』『配信画面にコメントを表示』『コメントに応じたアクション・アニメーションを表示』させることが出来る、便利ツールです。
- 複数のサイトのコメントを取得
- 複数のサイトのコメントを配信画面に表示
- コメント内容に応じたアニメーションを設定
- 難しい設定は無くドラッグ＆ドロップで設定
- デザインを簡単にカスタマイズ
- 基本使用無料・有料版（月額支援）で機能追加
わんコメの使い方
▲『わんコメ 公式サイト』にアクセスし、ご自身のパソコンに合ったファイルを選択し、ダウンロードを行いましょう。
▲ダウンロードしたexeファイルをダブルクリックし、インストールを行いましょう。
配信URLを追加する
▲左上の『追加』をクリック。
▲『視聴URL』の部分をクリックし、コメントを取得したいライブページのURLを入力。
▲右上の『接続』をクリックすることで、コメントを取得できます。
▲『枠名』の部分をクリックすることで、名前を変更することが出来ます。
▲続けて『追加』をクリックするとこと、コメントを取得する配信を増やすことが出来ます。枠名の左部分にある『色アイコン』をクリックすることで、配信ごとの色分けが可能、マルチ配信を行う際に便利です。
配信画面にコメントを表示させる
▲左上の『…』をクリックし『テンプレート』を選択。
▲様々なデザインのテンプレートが表示されるので、好みのテンプレートの『ここをドラッグしてOBSに入れる』部分をOBSにドラッグ＆ドロップしましょう。
デザインをカスタマイズする
▲このままだと見栄えがあまり良くない可能性があるので『テンプレエディタ』を選択し、デザインをカスタマイズしましょう。
▲ご自身が使っているわんコメのバージョンを選択しましょう。
▲カスタマイズしたいテンプレートを選択しましょう。今回は例として、先ほどOBSにドラッグ＆ドロップした『basic』を選択します。
▲デザインが決まったら左上のコードを全てコピーしましょう。
▲OBSにて、ドラッグ＆ドロップしたテンプレート（おそらくindex.htmlというファイル名）を右クリックし、プロパティを選択。
▲カスタムCSSの部分に、先ほどコピーしたコードを張り付けましょう。元々あったテキストは削除してしまって構いません。
▲サイズなどの細かい設定を行えば完成。これで『わんコメ』ひとつで、複数のサイトのコメントを取得・配信画面にコメントを表示、の設定が完了しました。
コメントを放送画面に表示する方法 その２
視聴者からのコメントを配信画面に表示したい場合『マルチコメントビューアー』『コメントジェネレーター』という２つの無料ソフトを使用することで可能になります。
こちらの方法は『一昔前のやり方』なので、あまりオススメは出来ません。上記項目で紹介した『わんコメ』が使えない場合にお試しください。
マルチコメントビューアー
配信サイトのURLを収得し、コメントを表示させるツール。
コメントジェネレーター
コメントビューアーで収得したコメントをOBSなどの配信ソフトに表示させるツール。
マルチコメントビューアーを設定する
Multi Comment Viewerは、配信のURLを収得し『視聴者コメント』『ユーザーID』を表示出来る無料ツールです。複数の配信ページのコメントを同時に収得することが可能なため、マルチ配信を行いたい場合にも便利です。
ますは下記のURLから配布ページにアクセスし、ダウンロードしましょう。
▲上部の『接続を追加』をクリック。
▲ドロップダウンから配信サイトを選択し、配信ページのURLを『URL.放送ID等』のスペースに入力。『ブラウザ』から放送を開いているブラウザを選択。
▲右上の『接続』クリックし、コメントが表示されれば成功！
『接続の追加』をクリックしURLを追加することで複数の配信のコメントを同時に表示させることが可能です。
コメントジェネレーターを設定する
CommentGenerat（コメントジェネレーター）は、コメントビューアーで収得したコメントをOBSなどの配信ソフトに表示させることが出来る無料ツールです。
ますは下記のURLから配布ページにアクセスし、ダウンロードしましょう。
▲一番上の最新ファイル『hcg_0_0_8a.zip』をダウンロードしましょう。
▲ファイルを展開し『hcg_setting.exe』をダブルクリックし起動。
▲参照をクリックし、コメジェネの場所･･･、つまりこのファイルが入っているフォルダ『hcg_0_0_8a』を選択します。
▲コメントビューアーを起動し『プラグイン→コメジェネ連携』を選択。『HTML5コメジェネと連携』にチェックを入れます。
OBS側で読み込む
▲OBSを起動し『追加→ブラウザ』を選択。
▲『ローカルファイル』チェックを入れ『参照』からコメントジェネレーターフォルダ内（先ほど展開したhcg_0_0_8a内）の『CommentGenerator.html』を選択。
▲コメントが表示されれば成功！
もしエラーが出る場合は『コメントジェネレーター配布サイト』から『hcg_0_0_8a.zip』よりも古いファイルをダウンロードし、設定し直しましょう。
その他カスタマイズ
今回は『配信画面に視聴者コメントを表示させる方法』を解説させていただきました。その他の便利なカスタマイズは下記の記事にて紹介しています。参考にしてみて下さい！
