各配信サイトのアイコンを表示(コメジェネ)

【変更書き直しあり】2019/08/19 以降の場合(アップデート以降)

(基本設定ー名前ない人ーコメントを表示しない 設定追加)


HTML5コメジェネにてどこからのコメントか 確認しやすいように 各配信サイトの

アイコンを配信画面に表示させる方法です。

下部に 参考動画があります。

マルチコメントビューア を使用します。

マルチコメントビューア


HTML5コメントジェネレーターを 導入済みの方(上級者向け)です。

multi.html などの書き換えのわかる方


【機能追加】HTML5コメントジェネレーターをいじった

こちらのブロマガからダウンロードしてください。  \ここにいるぞ/ の部分

(右上のダウンロードから)  CommentGenerator改.zip を

解凍(展開)後、CommentGenerator改 の中の物を CommentGenerator0.0.8a 

のなかに全部入れてください。(上書き)


スキンの置場所

物置場 


【基本設定】

CommentGenerator0.0.8aフォルダー内の hcg_setting_ex.exe  をクリックにて起動

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

フォントの種類は、任意にて(お好きなものを)

スキンは、使う(固定)フォルダ参照は  物置場 からダウンロードした 

skins フォルダを任意の場所

(CommentGenerator0.0.8aなど)へ 置いての skins フォルダ を指定

ファイル参照は、skinsフォルダーの中の skins_00_basic.png (どれでも良い)を 指定

【詳細設定】

取り敢えず図のように設定してください。

余白などは 任意で微調整してください。 表示時間なども

【本体設定】

変更する時は、コメジェネ本体への設定を利用する・・・・に チェック 

使用 しなくなった場合は、init.xml を削除

最大表示数を5に帰る場合、スキンの高さは 25 に

但し、詳細設定の余白など変更しなければいけません。

コメント部分の囲みを、始点 :  終端  なし にすると

コテハン名:わこつです。 という表示にできます。(コテハン表示有りのとき)

【マルチ用設定】

各配信サイト(使いたい)サイトにチェックして使用するスキンを指定してください。

(物置場からダウンロードしたスキン)

色は なし

【ニコ生】などの表示は、削除



【Xsplitの設定】

ソース追加ーウェブページー参照から CommentGenerator0.0.8a の

CommentGenerator_multi.html を指定 

HTML ファイルが 2種類あるので注意してください。

右クリックから HTMLーディスプレイーカスタムにチェック 530x150

カスタムコードーカスタムCSSを使用するにチェック 編集するから

body {

overflow: hidden;

}

を  貼り付けて(CHIFT+V) CSSを上書きするを クリックしてください。

色ーキーイングークロマキーに チェック

キーカラー を 緑  アンチエイリアスは、なし に変更

レイアウトは、任意の場所へ設定してください。

上下のスペースが気になる場合 レイアウトークロッピングで削ってください。


【OBS Studioの設定】

ソース追加ーブラウザーローカルファイルにチェック後

Streamlabs OBS では ブラウザー のソースを追加

N Air では Webページ のソースを追加 

参照から CommentGenerator0.0.8 の

CommentGenerator_multi.html を指定。

HTML ファイルが 2種類あるので注意してください。

幅 530     高さ 150      ok

枠が出る場合は、 カスタム CSS に

body {

overflow: hidden;

}   

を 貼り付けて(CHIFT+V)  てください。

上下のスペースが気になる場合 右クリックから フィルター クロップ/パッド

で削ってください。

右クリックから フィルタ を選択

+ (左下)から クロマキー を追加。

キーの種類 緑

類似性を変更して文字が ハッキリ見えるように設定してください。

フォントの種類を変えたり 文字の縁の太さを変えたり など

設定を変更したら更新又は、再起動してください。

コメントの多い放送のURLを マルチコメントビュに貼って 確認しながら

設定する方法を お勧めします。


*マルチコメントビューア以外のコメントビューア にも対応してます。

やります!アンコちゃんなど


【追加】

ニコ動風にコメントを表示する



参考動画



*各ツール、アプリの製作者の方への質問は、控えてください。

動作確認は、Win10 です。


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

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

コメジェネなどに可愛いフォントを追加する


OBS Studio(コメジェネ,ビルドetc.)

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

2コメント

  • 1000 / 1000

  • ブリキ屋さん

    2019.03.28 09:01

    @SMRH.chコメント ありがとうございます。 指摘のあった箇所を修正しました。
  • SMRH.ch

    2019.03.28 08:03

    マルチコメントビュがーア を使用します。になってますよ!(が)が途中に入ってます!