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

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

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

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

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

マルチコメントビューア


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

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


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

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

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

解凍(展開)後、Dドライブ直など任意の場所に置いてください。


ロード失敗の ポップアップ画面が頻繁に出る場合(自己責任にて無効化してください)

フォルダー内の CommentGenerator_multi.html を 

テキストエディタ で開いてください。

268列目 の   alert("comment.xml:ロード失敗"); という部分の前方に //  を表記

//   alert("comment.xml:ロード失敗");  このように無効化にします。


スキンの置場所

物置場 


【基本設定】

CommentGenerator改フォルダー内の hcg_setting_ex.exe  をクリックにて起動

参照にて CommentGenerator改 の場所を指定

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

スキンは、使う(固定)フォルダ参照は ダウンロードした skins フォルダを任意の場所へ

置いての skins フォルダ を指定

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

【詳細設定】

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

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

【本体設定】

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

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

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

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

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

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

【マルチ用設定】

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

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

色は なし

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

マルチコメントビューア 対応なので Mixer など まだ未対応の場合があります。


【Xsplitの設定】

ソース追加ーウェブページー参照から CommentGenerator改 の

CommentGenerator_multi.html を指定 

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

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

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

body {

overflow: hidden;

}

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

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

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

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

【OBS Studioの設定】

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

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

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

参照から CommentGenerator改 の

CommentGenerator_multi.html を指定。

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

幅 520     高さ 150      ok

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

body {

overflow: hidden;

}   

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

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

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

キーの種類 緑

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

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

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

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

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


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

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


【ニコ動風に流れるコメントを表示させる】参考動画あり(下部)

hcg_setting_ex.exe クリックにて起動

詳細設定を図のように変更

流れる方向をカスタムに変更する  表示時間ー指定時間に消すー0秒に 

等速移動にチェック

カスタム設定をクリック

係数0,03 の部分の数字を変更することで速度を変えることができます。

古いコメントを下に移動させるのチェック有り無しは、好みの方を選択してください。

古いコメントをなめらかに移動も お好みで

*コメントが多い放送の方は、文字が重なる場合があります。

回避方法

カスタム設定ー新しいコメントが来た時の移動距離にチェックして

Xを  0  Y を 150   位にして保存  



参考動画



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

動作確認は、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

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