Twitchで生放送中!

Twitchで生放送中!

はなげブログ

ゲーム

ニコ生とTwitchのコメントを混ぜて画面表示

ニコ生と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);
に修正。


以上。
投稿:2017/03/12 01:27
更新:2017/03/12 19:51

コメント(11)

1 削除されました 2018-04-15 05:44:55
削除されました
2 名無し 2018-09-02 17:49:10
ブランド バッグ 財布 コピー 専門店
http://bit.ly/2Cd9RgU


弊社は平成20年創業致しました、ブランドバッグ.財布コピーの取り扱いの専門会社です。
世界有名なブランドバッグ.財布を日本のお客様に届ける為に5年前にこのネット通販サイトを始めました。
取り扱いのブランドバッグ.財布はルイ・ヴィトンコピー、ROLEXコピー、OMEGAコピー、
HERMESコピー等。全てのブランドバッグ.財布は激安の価格で提供します、
外見と本物と区別できないほど出来が良くて、質は保証できます、弊社のブランドバッグ.財布は同類商品の中で最高という自信があります。
発送前に何度もチェックし、癖のある商品と不良品は発送しません。我社創業以来の方針は品質第一、
信用第一、ユーザー第一を最高原則として貫きます、安心、安全のサービスを提供致します。

ホームページ: http://bit.ly/2CbZPg8

店舗運営: 斉藤 真紀子

ホームページ上でのご注文は24時間受け付けております
3 Johnf857 2018-09-08 23:36:42
I like the helpful information you provide for your articles. Ill bookmark your blog and check again right here frequently. I am quite certain Ill be informed many new stuff proper right here! Best of luck for the next! aeecadfddagf
4 Pharme893 2018-09-10 19:18:07
Hello! indian viagra http://via3indian.com/#4.html
5 Pharmd84 2018-09-10 19:18:12
Hello!
6 Pharme136 2018-09-12 01:19:34
Hello! viagra india generic http://via3indian.com/#4.html
7 Pharmc837 2018-09-12 01:19:45
Hello!
8 Pharme774 2018-09-13 07:24:21
Hello! generic viagra india pharmacy http://via3indian.com/#4.html
9 Pharme365 2018-09-13 07:24:28
Hello!
10 Pharmg565 2018-09-17 01:24:42
Hello! viagra india generic http://via3indian.com/#4.html
11 Pharmd513 2018-09-17 01:24:46
Hello!
名前
コメント