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 を管理者として実行でアンインストール


【ロード失敗の アラート表示回避方】

CommentGenerator0.0.8a

CommentGenerator.html と CommentGenerator_multi.html を テキストエディタ

で開いてください。

検索(S)にて ロード失敗 を探してください。 2箇所あります。

図のように // を alert("ロード失敗");   の同じ列の前方に書き加えてください。 

// 以降の列を無効化にします。(削除するより簡単で後で すぐに戻せる。)

無効化により アラート画面が、出にくくなると思います。

あくまでも、自己責任でお願いします。


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.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 フォルダをバックアップ後

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


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

CommentGenerator0.0.8a を使用。

CommentGenerator.html と CommentGenerator_multi.html を テキストエディタ 

で開いてください。

7行目

<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>  を

<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>  

に 書き換えて保存してください。

書き換えが終わったら、Xsplitの再起動 又は コメジェネ部分を更新してください。


hcg_setting.exe にて

スキン を ランダム に変更 適用。



*【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