XsplitでHTML5コメジェネを使う方法

Xsplit で HTML5コメジェネを表示させる方法です。

CommentGenerator0.0.8a から HTTDir は、必要なくなりました。

ウェブサーバーを構築せずに使えるようになりました。


HTML5コメジェネ

KILIN氏のダウンロードページから HTMLコメントジェネレーター0.08a をダウンロードしてください。

【Xsplit側の設定】

XSplit Broadcaster バージョン3.0 以降

Ver.3.2から64bit版になりました。(アマレコTVは、32bitアプリなので使えません)

アマレコTV4 ライブ機能 64bit ベータ版】

こちらのサイトを参考にして導入してください。Xsplit 64bit版対応

live411_install.bat を管理者として実行でインストール

live411_uninstall.bat を管理者として実行でアンインストール


Xsplit のソース(S)又は、追加クリックから Webpage…ーBrowse…クリックから CommentGenerator.html や CommentGenerator_multi.html を選択。(CommentGenerator0.0.8aフォルダー内の)


1番

通常バージョン

2番

ニコ生、YouTube、twitch、FRESH!、 OPENREC 、Mixer などを表示させたい場合

*但し、一部書き換えが必要な部分があります。

やり方は、こちらのブログの【CommentGenerator_multi.html の書き換え方】を参考にしてください。

OBS Studio<Win版> コメジェネ導入方法


【設定】

Xsplit-HTMLーディスプレイー解像度カスタム 520x150

レイアウトークロッピングーにて下部、右を 任意の数で邪魔な枠を消してください。

*但し、スキンのランダムは、使えません。背景の色のランダムは出来ます。

*HTTDir を使用する方法の設定は、全て削除してください。(使用していた場合)

スキンのランダムを使いたい方は、CommentGenerator0.0.7 を使う場合。以降を

参考にしてください。(OBS Studio では、スキンのランダム出来ます。)



CommentGenerator0.0.8a フォルダ内の hcg_setting.exe を起動

参照にて CommentGenerator0.0.8a の場所を指定

フォルダ参照にて使用する skins フォルダを指定してください。

*固定スキンを使う場合は、使う(固定) ファイル参照にて使うスキンを選んで下さい。

*余白の上、左はスキンにより任意の数に変えてください。

*上手く表示されない場合、コメビューのプラグインHTML5コメジェネの再連携か

Xsplit を再起動してみてください。


CommentGenerator0.0.7  を使う場合。

HTTDir

最新版をダウンロードしてください。

解凍してCドライブ直下かDドライブ直下へ置いてください。

解凍した CommentGenerator0.0.7  HTTDir フォルダーの中の DocRoot  内に

置いてください。

CommentGenerator0.0.7 フォルダ内の hcg_setting.exe を起動

【参考設定】

HTTDir を Dドライブ直下に置いた場合(スキンは使わない方法or固定)

スキンランダムを使用する方は、下部の方導入方法を見てください。


参照にて CommentGenerator0.0.7 の場所を指定

*余白の上、左はスキンにより任意の数に変えてください。

Local file ではなく http で使う にチェック

空白3箇所に http://localhost/CommentGenerator0.0.7/ をコピペ

2番めは、skins/使用するスキンの名前を追加 (スキン名.png)

3番めは、skins を追加

設定し終えたら適用をクリックしてください。

*念の為に、Local file ではなく http で使う にチェック無しにも適応をクリック。

*基本設定のスキンのフォルダ参照、ファイル参照もしておく。


【Xsplit側の設定】

Xsplit のソースの追加 ーOther-Webpage URL をクリック

アドレスバーに

(通常バージョン)

http://localhost/CommentGenerator0.0.7/CommentGenerator.html  

(ニコ生、YouTube、twitch、AmebaFresh! の表示あり)

http://localhost/CommentGenerator0.0.7/CommentGenerator_multi.html  

*但し AmebaFresh! を FRESH! へ書き換えが必要です。(書き換えができる方限定)

書き換え方法は、OBS Studio<Win版> コメジェネ導入方法 を参考にしてください。


Ctrl+C コピー

Ctrl+V 貼り付け

又は、

導入したい場所(シーン)に Ctrl+V 又は Paste クリックにてコピペ(貼り付け)てください。


 【使い方】

HTTDir を必ず起動してください。(タスクトレイにアイコン表示)

ポート番号は、80 のままで

各コメントビューアのHTML5コメジェネ連携を再チェック(最初だけ)

(以前 OBS Studio で使ってた場合)

*これで表示できない場合は、Xsplit のコメジェネ部分を右クリックにて

更新してみてください。

*ユーザー名ーAppDateーRoamingーhcg の hcg フォルダをバックアップ後

削除(強制初期化)して設定してみてください。




【スキンランダム導入方法】

HTTDir を Dドライブ直下に置いた場合

(艦これコメントジェネレーターCLEARを使う場合)

CommentGenerator0.0.7 の中に 艦これコメントジェネレーターCLEAR

 skinsフォルダ を移動させてください。

参照にて CommentGenerator0.0.7 の場所を指定

特殊設定の Local file ではなく http で使う のチェック無しにして

基本設定のスキンのフォルダ参照、ファイル参照をして適用をクリック 

(念のため、ファイルも参照してください どれでもいいので)

CommentGenerator0.0.7 の中に skins.xml が有ります。

これを、下のように書き換えます。

やり方は、skins.xml を右クリックー編集(E)

上部の編集(E)ー置換(R)

検索する文字列(N)に D:\HTTDir\DocRoot

置換後の文字列(P)に http://localhost  すべて置換(A)クリック

続けて

検索する文字列(N)に ¥

置換後の文字列(P)に /      すべて置換(A)クリックして保存してください。


*必ずこの順番で置き換えしてください。


*置き換えが終わったら特殊設定ーLocal file ではなく http で使う のチェック をする。

チェックを外したまま適応や OK を押すと置き換え前に戻ります。

(戻したい場合は、この方法で戻します)

重要なのは、ここまで・・・

空白3箇所に http://localhost/CommentGenerator0.0.7/ をコピペ

2番めは、skins/使用するスキンの名前を追加(固定スキンを使わないので このまま)

3番めは、skins を追加

設定し終えたら適用をクリックしてください。

上部【使い方】へ


【CommentGenerator0.0.8 を使う場合】

 CommentGenerator0.0.8HTTDir フォルダーの中の DocRoot 内に

置いてください。

CommentGenerator0.0.8 フォルダ内の hcg_setting.exe を起動

参照にて CommentGenerator0.0.8 の場所を指定

任意の設定をしてください。

CommentGenerator0.0.8 フォルダ内の setting.xml を開いてください。

HTTDir を Dドライブ直下に置いた場合

setting.xml  を右クリックー編集(E)

上部の編集(E)ー置換(R)

検索する文字列(N)に D:\HTTDir\DocRoot

置換後の文字列(P)に http://localhost  すべて置換(A)クリック

続けて

検索する文字列(N)に ¥

置換後の文字列(P)に / すべて置換(A)クリックして保存してください。

*必ずこの順番で置き換えしてください。

【注意】

hcg_setting.exe  の設定を変更して適応、OK を押すと置き換え前に戻ります。

再度、置き換えが必要になります。

setting.xml  を開いて直接設定を変更することもできます。


Xsplit 側のURL も

(通常バージョン)

http://localhost/CommentGenerator0.0.8/CommentGenerator.html  

(ニコ生、YouTube、twitch、FRESH!、 OPENREC の表示あり)

http://localhost/CommentGenerator0.0.8/CommentGenerator_multi.html  

になります。

(FRESH! 対応版です。)


*【LimeChat】<TwitchやUstreamのコメント>を表示させたい場合。

*CommentGenerator_multi.html の書き換え方や表示文字を増やしたい方は、こちらを参考にしてください。

OBS Studio<Win版> コメジェネ導入方法


*どうしても導入できない場合は、%AppData%Roaming%hcg の hcgフォルダ を削除して 新しく再ダウンロードして設定を 仕直してみてください。(古いのは削除)

*やります!アンコちゃんー設定ープラグイン設定(P)のプラグイン情報をリセット(R)

 など

*時々 文字化けする時があるので その時は、強制初期化してみてください。

*hcg_setting.exe などの設定ツールが、デスクトップ上に表示されなくなった場合なども


*あくまでも参考ですので PCの環境により 不具合が出る場合があります。


FRESH! /OPENREC.tv /YouTubeLive コメントビューアー



スタンプを表示させたい方へ

Streamlabs

Twitch,YouTube,Mixer のアカウントにてログイン。

CHAT BOX の設定でコメントを配信画面に表示出来ます。


【棒読みちゃんが スタンプ、絵文字を 読まないようにする方法】

棒読みちゃん

辞書登録ー単語ー正規表現   

赤枠内に

.*:.*

を コピペ

新規追加



*参考にさせて頂いたサイト

youtube liveでのxsplitでHTML5コメジェネを使う方法









ブリキ屋 ゲーム基地

赤文字は、全てリンクされています。

0コメント

  • 1000 / 1000