Mildom コメントビューア設定

MultiCommentViewer 


Mildom


主にコメジェネについての設定がメインです。


Mildom対応について

まずこちらの kui氏のブログをしっかり読んでダウンロードしてください。

*Win10にて使用してください。(Windows7 非対応)

この画像が出たら詳細情報をクリックして実行を押してください。


MultiCommentViewerの使い方

 kui氏のブログにて基本的な設定をしてください。

LiveIDは Mildom のユーザーID を記入してください。(☓URL)

MildomのRoomIDをURLに対応


【棒読みちゃん設定】

MultiCommentViewer のBouyomi(画像の赤枠)にチエックで棒読みちゃん有効にします。

Setting-TexToSpeach クリック後  Reading Name チエックから OK で

ユーザー名を読む チエック無しで 読まない。


【コメジェネ設定】

HTMLViewer公開【v4専用】

こちらのサイトの

VERSION =  4.1.0.0

赤枠クリックにてダウンロードしてください。

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

OBS Studio

ブラウザーローカルファイルにチェック後 参照にて(先程ダウンロードした)

HTMLViewer-master ー simple.html  を指定。

幅=800

高さ=250

任意の場所に設定してください。

Xsplit

ソースの追加ーウェブページー参照にて

HTMLViewer-master ー simple.html  を指定。

幅=800

高さ=250

任意の場所に設定してください

*コメジェネが ソースの下に隠れないように注意してください。


生放送でコメントを透過表示する方法


製作者( kui氏)の動画を参考にカスタマイズしてみてください。


【My設定】

HTMLViewer-masterーcssーcomment.css を テキストエディタ で開く

文字フォント 変更

57行目  font-family: "Cheekふぉんと";

*Cheekふぉんとは、新規でインストール必要です。(任意のフォントを)

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

59行目   font-size: 32px;

文字の大きさ、サイズです。

63行目  padding: 10px 0px 5px 5px;

64行目  margin: 2px 0px 2px 0px;

余白とマージンの設定

76行目 コメントの背景色(スキンの色的な)

background-color: rgba(0, 0, 0, 0.0); 

例> 

background-color: rgba(0, 0, 255, 0.2);border-radius: 20px;

このように border-radius: 20px; を追加すると角が丸くなります。

color: rgba(0, 0, 255, 0.2)は、薄い青色  (色を付けて確認)

(20px の数字変更で丸みが変化)

RGBAカラーモデル


HTMLViewer-masterーjsーmain.js を テキストエディタで開く

6行目 const DISPLAY_COMMENT = 3;

コメントの最大表示数 (多くする場合は、コメジェネの高さ250を変更してください)

18行目 const DELETE_COMMENT_TIME = 15000;

コメントが消えるまでの時間 15000=15秒   (消さない場合 0)

24行目 const IS_SHOW_NAME = false;

投稿者の名前を表示するか ( false=表示しない  true=表示する )

*変更後は、更新又は再読み込みしてください。

*書き換えは自己責任にて



Mildom    burikiya 

配信(Live)画面  (入場通知Off)




Mildom 配信 ポイント

ゲームタイトルを指定後

配信開始をクリック

URL:は 固定のようなので前回のをそのまま

Stream Key: 前回のを削除後   コピペ (配信ソフトに) 

配信ソフトにて配信開始をした後 

ライブルームに入りますをクリックにて 配信画面に

配信画面が映らないときは、540p に変更

(画面下右側)

暫くして720p に変えてみる


*配信ソフトの配信開始をせずに ページを変えて

また配信設定画面に戻るとストリームキーが変わるので

注意してください。



BURIKIYA.GAME BASE /ブリキ屋ゲーム基地



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


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


ブリキ屋 ゲーム基地

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

0コメント

  • 1000 / 1000