はなげブログ

ニコ生とTwitch同時配信してコメントを混ぜて画面表示する。

配信ソフトはOBS Studioを使う場合の解説。
OBS Studio単体でのニコ生・Twitchの同時配信は以下記事が参考になるかも。
https://www18.atwiki.jp/live2ch/pages/505.html#id_fd984680

コメントの画面表示はHTML5コメントジェネレーターを使わせてもらいます。
※記事投稿時点のバージョン： ver.0.0.8

導入1: ニコ生コメント

以下記事が参考になる。
http://www.kilinbox.net/2016/06/obs-studioHCG.html

導入2: Twitchのコメント

LimeChatを経由する。
LimeChatでTwitchのコメント（チャット）を取得する手順は以下記事が参考になる。
https://rta-play.info/release/broadcast/twitch/chat/limechat/

LimeChat→HTML5コメジェネの導入方法は以下の通り（readme.txtから引用）
1. 設定→スクリプトの設定、「スクリプトフォルダを開く」
2. hcg_LimeChat.jsをコピー、スクリプト設定でhcg_LimeChat.jsを右クリックして「○」印にする

表示のカスタマイズ例

ニコ生・Twitchどちらのコメントなのかを区別して表示したい場合、
OBS Studioで選択するファイルとして同梱の「CommentGenerator_multi.html」を選ぶとできる。

【ニコ生】はなげさん「コメントの内容。」
【Twitch】HanageBelmondoさん「コメントの内容。」

こんな感じになるはず。なお、コテハンの表示を有効に設定にしておく必要がある。

私は個人的に以下のように表示させたくて、カスタマイズした。

(nico) コメントの内容。
(twitch) コメントの内容。

修正内容を残しておく。
hcg_setting.exeを開いてコテハン表示を無効にする（前提）。

以下、ソースファイルを修正するため、やってみる場合は念のためバックアップ取っておいた方がいいです。
※動作保証しません。

1. CommentGenerator.js

CommentGenerator.js 内の 「 と 」 を削除。
計3箇所。

2. CommentGenerator_multi.html

97行目あたり
var handle="";
の下に
var stream="";
を追加。

handle = "【ニコ生】" + handle;
の下に以下を追加（ニコ生の色を水色にする場合）。
stream = "(nico) ";
TxtFormat.TxtColor = "66ffff";

handle = "【twitch】" + handle;
の下に以下を追加（twitchの色を黄色にする場合）。
stream = "(twitch) ";
TxtFormat.TxtColor = "ffff66";

var CGen = new CommentGenerator(handle, fixComment(xml[i].firstChild.nodeValue), HcgFormat, TxtFormat);
を
var CGen = new CommentGenerator(handle, stream + fixComment(xml[i].firstChild.nodeValue), HcgFormat, TxtFormat);
に修正。

以上。