広告ゲーム実況音楽

【OBS】ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

2021年10月31日

ニコニコ･ニコ生の配信で画面にコメントを表示したい場合の表示方法を説明します。

この通りにやれば簡単に画面表示ができます。

ギター配信

ゲーム配信

コメジェネで3行以上のコメントを表示したい方にも対応している方法です。

全部この通りにやって、コピペをすればOKなので是非試してみてください！

かなり長いですが一度設定すればもう何もしなくていいので頑張ってみてください！

関連記事ツイキャスのコメントを画面表示させる方法

今はこちらの方法を使っています。
関連記事 OBSでコメントを画面表示させる最強の方法｡同時配信で複数のコメントを載せる簡単な方法でオススメ！【ツイキャス･twitch･Youtube･ニコ生､わんコメ】

OBSでコメントを画面表示させる最強の方法｡同時配信で複数のコメントを載せる簡単な方法でオススメ！【ツイキャス･twitch･Youtube･ニコ生､わんコメ】

ニコ生のコメントを画面表示にするために色々とダウンロードします【OBS･ニコニコ】

今回の方法ではいくつかツールをダウンロードする必要があります。

詳しく説明しますが、4つダウンロードする必要があります。

OBS Studio

HTML5コメントジェネレーター改

HTML5コメントジェネレーター

MultiCommentViewer

をダウンロードしていきます。

ニコ生のコメントを画面表示にOBSが必要なのでダウンロードをしましょう【OBS･ニコニコ】

まずは「OBS Studio」という外部ツールが必要となるのでダウンロードをしておいてください。

無料で使えてとても優秀で使いやすい配信用ツールです。

＞＞＞　OBS ダウンロード

HTML5コメントジェネレーター改をダウンロードしてニコ生のコメントを画面表示する【OBS･ニコニコ】

次にダウンロードするのは「HTML5コメントジェネレーター改」です。

「HTML5コメントジェネレーター」ではなく「HTML5コメントジェネレーター改」です。

HTML5コメントジェネレーターについては2017年で更新が止まっており、有志がそれをベースに機能追加したものがコメントジェネレーター改です。

ちなみにHTML5コメントジェネレーターでもコメントは表示されますが改の方が機能が豊富で使いやすいです。

とはいいつつも「改」を使うためには「HTML5コメントジェネレーター」をダウンロードする必要があります。

「HTML5コメントジェネレーター」をダウンロードする

まずHTML5コメントジェネレーターをダウンロードしましょう。

＞＞＞　HTML5コメントジェネレーターダウンロード
（HTML5コメントジェネレーターをダウンロードしてください）

HTML5コメントジェネレーター改をダウンロードしてニコ生のコメントを画面表示する【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡オススメのCSSで見やすくアイコン表示&透過にカスタマイズ！コメジェネの3行にも対応【コピペでOK･ニコニコ生放送】
HTML5コメントジェネレーターを押して一番上のをダウンロードします。
HTML5コメントジェネレーター改をダウンロードしてニコ生のコメントを画面表示する【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡オススメのCSSで見やすくアイコン表示&透過にカスタマイズ！コメジェネの3行にも対応【コピペでOK･ニコニコ生放送】
この記事を書いている時点での最新Verは「hcg_0_0_8a.zip」です。

「HTML5コメントジェネレーター改」をダウンロードする

次は「HTML5コメントジェネレーター改」をダウンロードします。

＞＞＞　HTML5コメントジェネレーター改ダウンロード

真ん中あたりにある「DLはあるか！？　＼ここにいるぞ／　」の部分がリンクです。

上記リンクを押すと「CommentGenerator改」を保存する画面になります。

「HTML5コメントジェネレーター改」をダウンロードする HTML5コメントジェネレーター改をダウンロードしてニコ生のコメントを画面表示する【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡オススメのCSSで見やすくアイコン表示&透過にカスタマイズ！コメジェネの3行にも対応【コピペでOK･ニコニコ生放送】

お好きな場所にダウンロードしてください。

ファイルのZIP(圧縮)を解凍する

「コメントジェネレーター」も「改」もZIP（圧縮）されているので「すべて展開」で解凍(開いて)おいてください。

■コメントジェネレーター
「HTML5コメントジェネレーター改」をダウンロードする HTML5コメントジェネレーター改をダウンロードしてニコ生のコメントを画面表示する【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡オススメのCSSで見やすくアイコン表示&透過にカスタマイズ！コメジェネの3行にも対応【コピペでOK･ニコニコ生放送】

■コメントジェネレーター改
「HTML5コメントジェネレーター改」をダウンロードする HTML5コメントジェネレーター改をダウンロードしてニコ生のコメントを画面表示する【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡オススメのCSSで見やすくアイコン表示&透過にカスタマイズ！コメジェネの3行にも対応【コピペでOK･ニコニコ生放送】

マルチコメントビューワー(MultiCommentViewer)をダウンロードしてニコ生のコメントを画面表示する【OBS･ニコニコ】

次にダウンロードするのは「MultiCommentViewer」です。

＞＞＞　MultiCommentViewer ダウンロード

マルチコメントビューワー(MultiCommentViewer)をダウンロードしてニコ生のコメントを画面表示する【OBS･ニコニコ】

マルチコメントビューワーも解凍して開いておきます

マルチコメントビューワー(MultiCommentViewer)をダウンロードしてニコ生のコメントを画面表示する【OBS･ニコニコ】

のり

これでダウンロードは全て終わりました！
ここから設定をしていきます！

「コメントジェネレーター」と「改」の設定でニコ生のコメント表示【OBS･ニコニコ】

「コメントジェネレーター」と「改」の設定をしていきます。

ここから先は「改の使用方法」に書かれていますが説明します。

「コメントジェネレーター」と「改」の設定でニコ生のコメント表示【OBS･ニコニコ】

先程、「コメントジェネレーター」と「改」を解凍して開きました。

横に二つ並べます。

「コメントジェネレーター」と「改」の設定でニコ生のコメント表示【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

CommentGenerator.htmlを「コメントジェネレーター」に移動して上書きします

「改」にあるCommentGenerator.htmlを「コメントジェネレーター」に移動して上書きします

CommentGenerator.htmlを「コメントジェネレーター」に移動して上書きします「コメントジェネレーター」と「改」の設定でニコ生のコメント表示【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

CommentGenerator.jsを「コメントジェネレーター」に移動して上書きします

同じように「改」にあるCommentGenerator.jsを「コメントジェネレーター」に移動して上書きします。

「改」にあるCommentGenerator.jsを「コメントジェネレーター」に移動して上書きします【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

「CommentGenerator_multi.html」「hcg_setting_ex」も移動します。

「改」にある「CommentGenerator_multi.html」「hcg_setting_ex」も「コメントジェネレーター」に移動します。
【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】「CommentGenerator_multi.html」「hcg_setting_ex」も移動します。

コメジェネ改の設定をしてニコ生のコメントを表示させる【OBS･ニコニコ】

次はコメジェネ改の連携と設定を一気にしていきます！

「hcg_setting_ex」をダブルクリックをして開きます。

コメジェネ改の設定をしてニコ生のコメントを表示させる【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

「コメジェネの場所」を設定します

基本設定の上部にある「コメジェネの場所」の参照をクリックします。
コメジェネ改の設定をしてニコ生のコメントを表示させる【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

フォルダを選択する画面になるので「hcg_0_0_8a」の中にある「CommentGenerator0.0.8a」を選択します。
コメジェネ改の設定をしてニコ生のコメントを表示させる【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

ニコ生のコメントを画面表示するためにコメジェネ改の設定をする【OBS･ニコニコ】

僕のコメジェネ改の設定画面を載せておきます。
少しだけ変更もあるのでそのまま真似て変更をしてみてください。

基本設定

詳細設定

詳細設定2

本体設定

マルチ用設定

ニコ生のコメントを画面表示するためにコメジェネ内にある「CommentGenerator.html」をメモ帳で開いて書き換える【OBS･ニコニコ】

コメジェネ内にある「CommentGenerator.html」を右クリックを押して「プログラムから開く」→「メモ帳」で開きます。

コメジェネ内にある「CommentGenerator.html」を右クリックを押して「プログラムから開く」→「メモ帳」で開きます。【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

メモ帳にて開くとこの画面が開きます。
コメジェネ内にある「CommentGenerator.html」を右クリックを押して「プログラムから開く」→「メモ帳」で開きます。【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

色々と設定ができるのですが、僕の設定をそのままお使いください。（「hcg_0_0_8a.zip」での設定です。アプデした場合は別のものになる可能性があります。）

下記コードを全部コピーして全部貼り付け&上書きしてください。



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 コメントジェネレーター改0.90</title>
<!-- Copyright (c) 2015 Takayasu Machimura (kilin)
     This software is released under the MIT License. -->
<!-- ver 0.0.8改90 -->
<script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="CommentGenerator.js"></script>

<script>
//outlineが壊れるのを少しマシにする
//参考：https://github.com/HAKASHUN/manabi/issues/86
createjs.Text.prototype.draw = function(ctx, ignoreCache) {
    if (this.DisplayObject_draw(ctx, ignoreCache)) {
        return true;
    }

    var col = this.color || "#000";
    if (this.outline) {
        ctx.strokeStyle = col;
        ctx.lineWidth = this.outline * 1;

        ctx.miterLimit = 2;
        ctx.lineJoin = 'circle';
    } else {
        ctx.fillStyle = col;
    }

    this._drawText(this._prepContext(ctx));
    return true;
};

function init() {
    var HcgFormat = {};
    var TxtFormat = new Object();
    function InitLoad(){return new Promise(resolve => { $.ajax({
        url: 'init.xml',
        type: 'GET',
        dataType: 'xml',
        timeout: 5000,
      }).fail(function(){
        /************************************************/
        createjs.Ticker.framerate = 60; //フレームレート
        HcgFormat.CanvasWidth = 350;    //キャンバスの横
        HcgFormat.CanvasHeight = 200;    //キャンバスの縦
        HcgFormat.CommentMax = 5;        //コメントの最大表示数 ここを4以上にしたらcanvasのCanvasHeight値も変えること
        HcgFormat.SkinHeight = 32;        //使用するスキンの高さ
        HcgFormat.SkinWidth = HcgFormat.CanvasWidth;        //使用するスキンの幅
        HcgFormat.LineLimit = 3;        //改行の最大回数
        HcgFormat.AnimeSpeed = 0.5;        //スキンをアニメーションする速度
        /************************************************/
        HcgFormat.ComStart=     "「"    ;    //コメントの始め(コテハンとの区切り)
        HcgFormat.ComEnd=     "」"    ;    //コメントの終わり
        /************************************************/
        HcgFormat.DemoMode = 0;                //デモモード(1で開始)
        HcgFormat.demokote = "コテハン";        //デモモードコテハン
        HcgFormat.democomment = "コメント";    //デモモードコメント
        HcgFormat.DemoInterbal= 2000;            //自動コメント間隔(ミリ秒)
        /************************************************/
        HcgFormat.LoadInterbal = 500;    //読み込みの間隔(ミリ秒)
        HcgFormat.MoveSpeed = 0.05;        //移動時に使う係数
        /************************************************/
        console.log("init.xml:ロード失敗、CommentGenerator.htmlの設定を使用します");
        resolve();
      }).done(function(xml) {
        createjs.Ticker.framerate = Number(xml.getElementsByTagName('FrameRate')[0].firstChild.nodeValue);
        HcgFormat.CanvasWidth = Number(xml.getElementsByTagName('CanvasWidth')[0].firstChild.nodeValue);
        HcgFormat.CanvasHeight = Number(xml.getElementsByTagName('CanvasHeight')[0].firstChild.nodeValue);
        HcgFormat.CommentMax = Number(xml.getElementsByTagName('CommentMax')[0].firstChild.nodeValue);
        HcgFormat.LoadInterbal = (xml.getElementsByTagName('LoadInterbal')[0])?Number(xml.getElementsByTagName('LoadInterbal')[0].firstChild.nodeValue):500;
        HcgFormat.SkinHeight = Number(xml.getElementsByTagName('SkinHeight')[0].firstChild.nodeValue);
        if(xml.getElementsByTagName('SkinWidth')[0]!=null){
            HcgFormat.SkinWidth = (xml.getElementsByTagName('SkinWidth')[0].firstChild.nodeValue.match(/^([\s\0]+$|fix)/i))?"FIX":Number(xml.getElementsByTagName('SkinWidth')[0].firstChild.nodeValue);
        }else{
            HcgFormat.SkinWidth = HcgFormat.CanvasWidth;
        }
        HcgFormat.LineLimit = Number(xml.getElementsByTagName('LineLimit')[0].firstChild.nodeValue);
        HcgFormat.AnimeSpeed = Number(xml.getElementsByTagName('AnimeSpeed')[0].firstChild.nodeValue);
        HcgFormat.ComStart= (xml.getElementsByTagName('ComStart')[0].firstChild.nodeValue.match(/^\n[\s\0]+$/))?"\n\t":xml.getElementsByTagName('ComStart')[0].firstChild.nodeValue;
        HcgFormat.ComEnd=(xml.getElementsByTagName('ComEnd')[0].firstChild.nodeValue.match(/^[\s\0]+$/))? "":xml.getElementsByTagName('ComEnd')[0].firstChild.nodeValue;
        HcgFormat.DemoMode = xml.getElementsByTagName('DemoMode')[0].firstChild.nodeValue=='1';
        HcgFormat.demokote = xml.getElementsByTagName('DemoKote')[0].firstChild.nodeValue;
        HcgFormat.democomment = xml.getElementsByTagName('DemoComment')[0].firstChild.nodeValue;
        HcgFormat.DemoInterbal= Number(xml.getElementsByTagName('DemoInterval')[0].firstChild.nodeValue);
        HcgFormat.MoveSpeed = Number(xml.getElementsByTagName('MoveSpeed')[0].firstChild.nodeValue);
        console.log("init.xml:ロード成功");
        resolve();
      })
    })};
    InitLoad().then(()=>{
    var stage = new createjs.Stage("canvas");
    stage.canvas.width = HcgFormat['CanvasWidth'];
    stage.canvas.height = HcgFormat['CanvasHeight'];
    stage.update();
    var obj = [];
    var startTime = Math.floor(new Date().getTime()/1000);
    var startNo   = -10;
    var no_ch = 0;
    var CommentNow = 0;
    var SettingLoaded = false;
    var CommentWait = false;
    var FullPath = location.href;
    var PathArray = FullPath.split('/');
    var PathHead = "";
    var txtFormat;
    var exFormat;
    var date1;
    var date2;
    var neta_name;
    var nowCount = 0;
    if(PathArray[2] == "absolute") {
        PathHead = "http://absolute/";
    } else if(PathArray[0] == "file:"){
        PathHead = "file:///";
    } else {
        PathHead = "";
    }
    HcgFormat.PathHead = PathHead;
    var CurrentPath = "";
    for(var i=0; i<PathArray.length-1; i++){
        CurrentPath += PathArray[i] + "/";
    }
    HcgFormat.CurrentPath = CurrentPath;

    createjs.Ticker.addEventListener('tick', mainLoop);
    function mainLoop() {
        stage.update();
    }
    SettingFunc();
    HcgFormat['FrameRate']=createjs.Ticker.framerate;
    var SettingTimer = setInterval(SettingFunc, 15000);
    if(HcgFormat.DemoMode) {
        console.log("デモモード");
        var DemoTimer = setInterval(DemoFunc, HcgFormat.DemoInterbal);
    } else {
        console.log("HTML5コメントジェネレーター");
        var CommentTimer = setInterval(CommentFunc, HcgFormat.LoadInterbal);
    }
    
    //コメント(XML)を読んでコメントジェネレーターに渡す
    function CommentFunc() {
        if(SettingLoaded) {
            //XML読み込み
            $(function(){
                parse();
            });
            function parse(type) {
                $.ajax({
                    url: 'comment.xml',
                    type: 'GET',
                    dataType: 'xml',
                    timeout: 5000,
                  }).done(function(xml) {
                    xml = xml.getElementsByTagName('comment');
                    if(no_ch>xml.length){
                        no_ch=0;
                    }
                    for(var i=no_ch; i<xml.length; i++) {
                        if((startTime < xml[i].getAttributeNode("time").value) ||
                        ((startTime == xml[i].getAttributeNode("time").value) && ((startNo < xml[i].getAttributeNode("no").value) || (no_ch < i)))) {
                            startTime = xml[i].getAttributeNode("time").value;
                            startNo   = xml[i].getAttributeNode("no").value;
                            no_ch = i;
                            var SlashComment = TxtFormat['SlashCommentVisible'];
                            var BSPComment = TxtFormat['BSPCommentVisible'];
                            var OwnerComment = TxtFormat['OwnerCommentVisible'];
                            if(isComment(xml[i].firstChild.nodeValue, SlashComment, BSPComment)) {
                                if(OwnerComment==1 || ((OwnerComment==0)&&(xml[i].getAttributeNode("owner").value!=1))) {
                                    //事前処理
                                    var handle="";
                                    if(xml[i].getAttributeNode("handle") != null) {
                                        if(xml[i].getAttributeNode("handle").value == ""){
                                            handle = TxtFormat['NoHandleName'];
                                        }else{
                                            handle = xml[i].getAttributeNode("handle").value;
                                        }
                                    } else {
                                        if(xml[i].getAttributeNode("no") != null) {
                                            if(TxtFormat['NoHandleType']==0) {
                                                handle = xml[i].getAttributeNode("no").value+"コメ";
                                            } else if(TxtFormat['NoHandleType']==1) {
                                                handle = TxtFormat['NoHandleName'];
                                            } else if((TxtFormat['NoHandleType']==2)&&(xml[i].getAttributeNode("owner").value==0)) {
                                                return;
                                            }
                                        }
                                    }
                                    console.log(xml[i].firstChild.nodeValue);
                                    //本編
                                    new CommentGenerator(handle, fixComment(xml[i].firstChild.nodeValue), HcgFormat, TxtFormat, (xml[i].getAttributeNode("owner")) ? xml[i].getAttributeNode("owner").value : false, null, new Date((xml[i].getAttributeNode("time").value.length==10)?xml[i].getAttributeNode("time").value*1000:Number(xml[i].getAttributeNode("time").value.substr(0,13))))
                                      .then((CGen)=>{
                                        obj[CommentNow] = CGen;
                                        //表示開始
                                        stage.addChild(obj[CommentNow].getBase());
                                        obj[CommentNow].Play();
                                        //移動処理
                                        if(!TxtFormat['NewMove']){//通常
                                            if ((TxtFormat['Direction'] == 3)&&(TxtFormat['moveF'] != '0')){
                                                var Xmove = Number(TxtFormat['moveX']) * (1 + (Number(TxtFormat['c_nlX']) * obj[CommentNow].getLongline()));
                                                var Ymove = Number(TxtFormat['moveY']) * (1 + (Number(TxtFormat['c_nlY']) * obj[CommentNow].getLongline()))+Number(TxtFormat['comSpace']);
                                            }else{
                                                var Xmove = 0;
                                                if(TxtFormat['newLine'] == 4){
                                                    var Ymove = obj[CommentNow].textcomment.lineHeight*(1+obj[CommentNow].getLongline())+Number(TxtFormat['comSpace']);
                                                }else if(TxtFormat['newLine'] == 5){
                                                    var Ymove = Number(HcgFormat['SkinHeight'])*(1+obj[CommentNow].getLongline())+Number(TxtFormat['comSpace']);
                                                }else{
                                                    var Ymove = Number(HcgFormat['SkinHeight'])+Number(TxtFormat['comSpace']);
                                                }
                                            }
                                            for(var i=CommentNow; i>(CommentNow-(HcgFormat['CommentMax']-1)); i--) {
                                                if((i-1)>=0&&obj[(i-1)]!=null) {
                                                    if(TxtFormat['floated'] == 1){
                                                        if((TxtFormat['yReverse'] == 0)&&((TxtFormat['Direction'] != 3)||((TxtFormat['Direction'] == 3)&&(TxtFormat['moveF'] == '0')))){

                                                            obj[(i-1)].MoveAdd(Xmove, -Ymove, TxtFormat);
                                                        }else{
                                                            obj[(i-1)].MoveAdd(Xmove, Ymove, TxtFormat);
                                                        }
                                                    }else{
                                                        if(TxtFormat['yReverse'] == 0){
                                                            obj[(i-1)].PlateMove(Xmove, -Ymove);
                                                        }else{
                                                            obj[(i-1)].PlateMove(Xmove, Ymove);
                                                        }
                                                    }
                                                    if(TxtFormat['Alpha_Sub']){
                                                        if(TxtFormat['Direction'] != 3){
                                                            obj[i-1].SubAlpha(((TxtFormat['A_area']==0)?TxtFormat['Base_a']:100)/HcgFormat['CommentMax']);
                                                        }else{
                                                            obj[i-1].SubAlpha(TxtFormat['Sub_a']);
                                                        }
                                                    }
                                                }
                                            }
                                        }else{//新しいコメントの方を移動
                                            nowCount++;
                                            if ((TxtFormat['Direction'] == 3)&&(TxtFormat['moveF'] != '0')){
                                                var Xmove = Number(TxtFormat['moveX']) * (1 + (Number(TxtFormat['c_nlX']) * obj[CommentNow].getLongline()));
                                                var Ymove = Number(TxtFormat['moveY']) * (1 + (Number(TxtFormat['c_nlY']) * obj[CommentNow].getLongline()))+Number(TxtFormat['comSpace']);
                                                if(TxtFormat['Alpha_Sub']){
                                                    for(i=1;i<nowCount;i++){
                                                        obj[CommentNow-i].SubAlpha(((TxtFormat['A_area']==0)?TxtFormat['Base_a']:100)/HcgFormat['CommentMax']);
                                                    }
                                                }
                                            }else{
                                                var Xmove = 0;
                                                var bufline=0;
                                                for(i=1;i<nowCount;i++){
                                                    bufline+=obj[CommentNow-i].getLongline()+1;
                                                    if(TxtFormat['Alpha_Sub']){
                                                        obj[CommentNow-i].SubAlpha(TxtFormat['Sub_a']);
                                                    }
                                                }
                                                if(TxtFormat['newLine'] == 4){
                                                    var Ymove = obj[CommentNow].textcomment.lineHeight*bufline+Number(TxtFormat['comSpace']);
                                                }else if(TxtFormat['newLine'] == 5){
                                                    var Ymove = Number(HcgFormat['SkinHeight'])*(bufline)+Number(TxtFormat['comSpace']);
                                                }else{
                                                    var Ymove = Number(HcgFormat['SkinHeight'])*(bufline)+Number(TxtFormat['comSpace']);
                                                }
                                            }
                                            if(((TxtFormat['floated'] == 1)&&(TxtFormat['yReverse'] == 0)&&(TxtFormat['MoveF'] != 3))
                                              ||((TxtFormat['floated'] == 0)&&(TxtFormat['yReverse'] == 0))){
                                                Ymove*=-1;
                                            }
                                            if((obj[CommentNow].getBline()+Ymove+Number(HcgFormat['SkinHeight'])*(Ymove>0?obj[CommentNow].getLongline()+1:-(obj[CommentNow].getLongline()+1))>HcgFormat['CanvasHeight'])||(obj[CommentNow].getBline()+Ymove<0)){
                                                nowCount=1;
                                                Ymove=0;
                                            }
                                            if(TxtFormat['floated'] == 1){
                                                obj[CommentNow].MoveAdd(Xmove, Ymove, TxtFormat);
                                            }else{
                                                obj[CommentNow].PlateMove(Xmove, Ymove);
                                            }
                                        }
                                        //削除処理
                                        if(TxtFormat['TimeType'] != 1){
                                            obj[CommentNow].setTimer(setTimeout(function(num){objDel(num)}.bind(null, CommentNow),(Number(TxtFormat['TimeValue'])+((((TxtFormat['F_out']==1)||(TxtFormat['Z_out']>0)||(TxtFormat['Direction']!=2))*3)*(30/HcgFormat['FrameRate'])*((0.1/Number((TxtFormat['Direction']=='3')?TxtFormat['outK']:HcgFormat['MoveSpeed']))*(TxtFormat['MovePattern']!=2)?1:2)))*1000));
                                        }

                                        if((CommentNow-HcgFormat['CommentMax'])>=0) {
                                            if(obj[(CommentNow-HcgFormat['CommentMax'])]!=null){
                                                clearTimeout(obj[(CommentNow-HcgFormat['CommentMax'])].getTimer());
                                                objDel(CommentNow-HcgFormat['CommentMax']);
                                            }
                                        }
                                        CommentNow++;
                                    });
                                }
                            }
                            break;
                        }
                    }
                    if(startNo == -10){
                        startNo = -11;
                    }
                  }).fail(function(){
                    if(startNo==-10&&CommentWait){
                        CommentWait = false;
                        alert("comment.xml:ロード失敗");
                    }else{
                        console.log("comment.xml:ロード失敗");
                    }
                });
            }
        }
    }
    
    function SettingFunc() {
        //XML読み込み
        $(function(){
            parse();
        });
        function parse(type) {//setting.xml読み込み
            var setlist = [];
            function setaj1(){
                var d = new $.Deferred();
                var xhr = new XMLHttpRequest();
                xhr.open('GET', 'setting.xml', true);
                xhr.onload = function(){
                    if(xhr.responseXML.lastModified != date1){
                        var xml = xhr.responseXML.documentElement;
                        var skinfile = "";
                        var skinfolder = "";
                        if(xml.getElementsByTagName('SkinFile')[0].firstChild != null) {
                            skinfile = xml.getElementsByTagName('SkinFile')[0].firstChild.nodeValue;
                        }
                        if(xml.getElementsByTagName('SkinFolder')[0].firstChild != null) {
                            skinfolder = xml.getElementsByTagName('SkinFolder')[0].firstChild.nodeValue;
                        }
                        txtFormat = {
                            'HandleVisible' : xml.getElementsByTagName('HandleVisible')[0].firstChild.nodeValue,
                            'HandleOrder' : xml.getElementsByTagName('HandleOrder')[0].firstChild.nodeValue,
                            'Honorific' : xml.getElementsByTagName('Honorific')[0].firstChild.nodeValue,
                            'NoHandleType' : xml.getElementsByTagName('NoHandleType')[0].firstChild.nodeValue,
                            'NoHandleName' : xml.getElementsByTagName('NoHandleName')[0].firstChild.nodeValue,
                            'TxtColor' : xml.getElementsByTagName('TxtColor')[0].firstChild.nodeValue,
                            'TxtFont' : xml.getElementsByTagName('TxtFont')[0].firstChild.nodeValue,
                            'TxtSize' : xml.getElementsByTagName('TxtSize')[0].firstChild.nodeValue,
                            'BgColor' : xml.getElementsByTagName('BgColor')[0].firstChild.nodeValue,
                            'BgColorType' : xml.getElementsByTagName('BgColorType')[0].firstChild.nodeValue,
                            'TxtEdgeColor' : xml.getElementsByTagName('TxtEdgeColor')[0].firstChild.nodeValue,
                            'TxtEdgeType' : xml.getElementsByTagName('TxtEdgeType')[0].firstChild.nodeValue,
                            'TxtEdgeValue' : xml.getElementsByTagName('TxtEdgeValue')[0].firstChild.nodeValue,
                            'SkinType' : xml.getElementsByTagName('SkinType')[0].firstChild.nodeValue,
                            'SkinFile' : skinfile,
                            'SkinFolder' : skinfolder,
                            'TimeType' : xml.getElementsByTagName('TimeType')[0].firstChild.nodeValue,
                            'TimeValue' : xml.getElementsByTagName('TimeValue')[0].firstChild.nodeValue,
                            'TxtUpSpace' : xml.getElementsByTagName('TxtUpSpace')[0].firstChild.nodeValue,
                            'TxtLeftSpace' : xml.getElementsByTagName('TxtLeftSpace')[0].firstChild.nodeValue,
                            'TxtLength' : xml.getElementsByTagName('TxtLength')[0].firstChild.nodeValue,
                            'TxtLengthValue' : xml.getElementsByTagName('TxtLengthValue')[0].firstChild.nodeValue,
                            'OwnerCommentVisible' : xml.getElementsByTagName('OwnerCommentVisible')[0].firstChild.nodeValue,
                            'SlashCommentVisible' : xml.getElementsByTagName('SlashCommentVisible')[0].firstChild.nodeValue,
                            'BSPCommentVisible' : xml.getElementsByTagName('BSPCommentVisible')[0].firstChild.nodeValue,
                            'Direction' : xml.getElementsByTagName('Direction')[0].firstChild.nodeValue,
                            'userBGColor' : xml.getElementsByTagName('userBGColor')[0].firstChild.nodeValue,
                            'userSkinName' : xml.getElementsByTagName('userSkinName')[0].firstChild.nodeValue,

                            'Nico' : (xml.getElementsByTagName('nico_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('nico_name')[0]):null,
                            'YouTube' : (xml.getElementsByTagName('youtube_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('youtube_name')[0]):null,
                            'Twitch' : (xml.getElementsByTagName('twitch_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('twitch_name')[0]):null,
                            'Fresh' : (xml.getElementsByTagName('fresh_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('fresh_name')[0]):null,
                            'AbemaFresh' : (xml.getElementsByTagName('abemafresh_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('abemafresh_name')[0]):null,
                            'Openrec' : (xml.getElementsByTagName('openrec_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('openrec_name')[0]):null,
                            'Mixer' : (xml.getElementsByTagName('mixer_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('mixer_name')[0]):null,
                            'Twicas' : (xml.getElementsByTagName('twicas_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('twicas_name')[0]):null,
                            'Mirrativ' : (xml.getElementsByTagName('mirrativ_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('mirrativ_name')[0]):null,
                            'Periscope' : (xml.getElementsByTagName('periscope_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('periscope_name')[0]):null,
                            'LineLive' : (xml.getElementsByTagName('linelive_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('linelive_name')[0]):null,
                            'Whowatch' : (xml.getElementsByTagName('whowatch_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('whowatch_name')[0]):null,
                            'Mildom' : (xml.getElementsByTagName('mildom_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('mildom_name')[0]):null,
                            'BouyomiChan' : (xml.getElementsByTagName('bouyomichan_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('bouyomichan_name')[0]):null,
                            'Nothing' : (xml.getElementsByTagName('nothing_name')[0]!=null)?new SiteSet(xml.getElementsByTagName('nothing_name')[0]):null,
                            'Date1' : xhr.responseXML.lastModified
                        };
                        d.resolve();
                    }else{
                        if(exFormat==null){
                            console.log("setting.xml:ロード失敗");
                            d.reject();
                        }else{
                            d.resolve();
                        }
                    }
                }
                xhr.send();
                return d.promise();
            };
            setlist.push(setaj1());
            function setaj2(){//setting_ex.xml読み込み
                var d = new $.Deferred();
                var xhr = new XMLHttpRequest();
                xhr.open('GET', 'setting_ex.xml', true);
                xhr.onload = function(){
                    if(xhr.responseXML.lastModified != date2){
                        var xml = xhr.responseXML.documentElement;
                        exFormat = {
                            'exColor' : xml.getElementsByTagName('exColor')[0].firstChild.nodeValue,
                            'comToColor' : xml.getElementsByTagName('ComToColor')[0].firstChild.nodeValue,
                            'comCC' : xml.getElementsByTagName('ComCC')[0].firstChild.nodeValue,
                            'ownerReverse' : xml.getElementsByTagName('OwnerReverse')[0].firstChild.nodeValue,
                            'yReverse' : xml.getElementsByTagName('yReverse')[0].firstChild.nodeValue,
                            'Align' : (xml.getElementsByTagName('Align')[0])?xml.getElementsByTagName('Align')[0].firstChild.nodeValue=='1':false,
                            'txtLine' : xml.getElementsByTagName('TxtLine')[0].firstChild.nodeValue,
                            'newLine' : xml.getElementsByTagName('NewLine')[0].firstChild.nodeValue,
                            'NLset' : (xml.getElementsByTagName('NLset')[0])?xml.getElementsByTagName('NLset')[0].firstChild.nodeValue:'0',
                            'comSpace' : xml.getElementsByTagName('CommentSpace')[0].firstChild.nodeValue,
                            'lineHeight' : xml.getElementsByTagName('LineHeight')[0].firstChild.nodeValue,
                            'ownerColor' : xml.getElementsByTagName('OwnerColor')[0].firstChild.nodeValue,
                            'typeTime' : xml.getElementsByTagName('TypeTime')[0].firstChild.nodeValue,
                            'inX' : xml.getElementsByTagName('In')[0].getAttributeNode('X').value,
                            'inY' : xml.getElementsByTagName('In')[0].getAttributeNode('Y').value,
                            'targetX' : xml.getElementsByTagName('Tar')[0].getAttributeNode('X').value,
                            'targetY' : xml.getElementsByTagName('Tar')[0].getAttributeNode('Y').value,
                            'outX' : xml.getElementsByTagName('Out')[0].getAttributeNode('X').value,
                            'outY' : xml.getElementsByTagName('Out')[0].getAttributeNode('Y').value,
                            'inK' : xml.getElementsByTagName('In')[0].firstChild.nodeValue,
                            'outK' : xml.getElementsByTagName('Out')[0].firstChild.nodeValue,
                            'Ang' : (xml.getElementsByTagName('Ang')[0])?xml.getElementsByTagName('Ang')[0].firstChild.nodeValue=='1':false,
                            'moveX' : xml.getElementsByTagName('Move')[0].getAttributeNode('X').value,
                            'c_nlX' : (xml.getElementsByTagName('Move')[0].getAttributeNode('c_nlX'))?xml.getElementsByTagName('Move')[0].getAttributeNode('c_nlX').value:0,
                            'moveY' : xml.getElementsByTagName('Move')[0].getAttributeNode('Y').value,
                            'c_nlY' : (xml.getElementsByTagName('Move')[0].getAttributeNode('c_nlY'))?xml.getElementsByTagName('Move')[0].getAttributeNode('c_nlY').value:0,
                            'moveF' : xml.getElementsByTagName('Move')[0].firstChild.nodeValue,
                            'floated' : xml.getElementsByTagName('Tar')[0].firstChild.nodeValue,
                            'NewMove' : (xml.getElementsByTagName('NewMove')[0])?xml.getElementsByTagName('NewMove')[0].firstChild.nodeValue=='1':false,
                            'HandleLimit' : xml.getElementsByTagName('HandleLimit')[0].firstChild.nodeValue,
                            'HandleTrim' : xml.getElementsByTagName('HandleTrim')[0].firstChild.nodeValue,
                            'ComNL' : xml.getElementsByTagName('ComNL')[0].firstChild.nodeValue,
                            'TimeStamp' : xml.getElementsByTagName('TimeStamp')[0].firstChild.nodeValue,
                            'SiteColor' : xml.getElementsByTagName('SiteColor')[0].firstChild.nodeValue,
                            'Base_a' : (xml.getElementsByTagName('Base_a')[0])?xml.getElementsByTagName('Base_a')[0].firstChild.nodeValue:1,
                            'A_area' : (xml.getElementsByTagName('A_area')[0])?xml.getElementsByTagName('A_area')[0].firstChild.nodeValue:0,
                            'F_in' : (xml.getElementsByTagName('F_in')[0])?xml.getElementsByTagName('F_in')[0].firstChild.nodeValue=='1':false,
                            'F_out' : (xml.getElementsByTagName('F_out')[0])?xml.getElementsByTagName('F_out')[0].firstChild.nodeValue=='1':false,
                            'F_in_k' : (xml.getElementsByTagName('F_in_k')[0])?xml.getElementsByTagName('F_in_k')[0].firstChild.nodeValue:1,
                            'F_out_k' : (xml.getElementsByTagName('F_out_k')[0])?xml.getElementsByTagName('F_out_k')[0].firstChild.nodeValue:1,
                            'Z_in' : (xml.getElementsByTagName('Z_in')[0])?Number(xml.getElementsByTagName('Z_in')[0].firstChild.nodeValue):0,
                            'Z_out' : (xml.getElementsByTagName('Z_out')[0])?Number(xml.getElementsByTagName('Z_out')[0].firstChild.nodeValue):0,
                            'Z_in_k' : (xml.getElementsByTagName('Z_in_k')[0])?xml.getElementsByTagName('Z_in_k')[0].firstChild.nodeValue:1,
                            'Z_out_k' : (xml.getElementsByTagName('Z_out_k')[0])?xml.getElementsByTagName('Z_out_k')[0].firstChild.nodeValue:1,
                            'MovePattern' : (xml.getElementsByTagName('MovePattern')[0])?Number(xml.getElementsByTagName('MovePattern')[0].firstChild.nodeValue):0,
                            'NewMove' : (xml.getElementsByTagName('NewMove')[0])?xml.getElementsByTagName('NewMove')[0].firstChild.nodeValue=='1':false,
                            'HandleLimit' : xml.getElementsByTagName('HandleLimit')[0].firstChild.nodeValue,
                            'HandleTrim' : xml.getElementsByTagName('HandleTrim')[0].firstChild.nodeValue,
                            'ComNL' : xml.getElementsByTagName('ComNL')[0].firstChild.nodeValue,
                            'TimeStamp' : xml.getElementsByTagName('TimeStamp')[0].firstChild.nodeValue,
                            'SiteColor' : xml.getElementsByTagName('SiteColor')[0].firstChild.nodeValue,
                            'Base_a' : (xml.getElementsByTagName('Base_a')[0])?xml.getElementsByTagName('Base_a')[0].firstChild.nodeValue:1,
                            'A_area' : (xml.getElementsByTagName('A_area')[0])?xml.getElementsByTagName('A_area')[0].firstChild.nodeValue:0,
                            'F_in' : (xml.getElementsByTagName('F_in')[0])?xml.getElementsByTagName('F_in')[0].firstChild.nodeValue=='1':false,
                            'F_out' : (xml.getElementsByTagName('F_out')[0])?xml.getElementsByTagName('F_out')[0].firstChild.nodeValue=='1':false,
                            'F_in_k' : (xml.getElementsByTagName('F_in_k')[0])?xml.getElementsByTagName('F_in_k')[0].firstChild.nodeValue:1,
                            'F_out_k' : (xml.getElementsByTagName('F_out_k')[0])?xml.getElementsByTagName('F_out_k')[0].firstChild.nodeValue:1,
                            'Accel' : (xml.getElementsByTagName('Accel')[0])?Number(xml.getElementsByTagName('Accel')[0].firstChild.nodeValue):20,
                            'Brake' : (xml.getElementsByTagName('Brake')[0])?Number(xml.getElementsByTagName('Brake')[0].firstChild.nodeValue):50,
                            'Alpha_Sub' : (xml.getElementsByTagName('Alpha_Sub')[0])?xml.getElementsByTagName('Alpha_Sub')[0].firstChild.nodeValue=='1':false,
                            'Sub_a' : (xml.getElementsByTagName('Sub_a')[0])?Number(xml.getElementsByTagName('Sub_a')[0].firstChild.nodeValue):0.33,
                            'Skin_Align' : (xml.getElementsByTagName('Skin_Align')[0])?xml.getElementsByTagName('Skin_Align')[0].firstChild.nodeValue:'00',
                            'Com_Align' : (xml.getElementsByTagName('Com_Align')[0])?xml.getElementsByTagName('Com_Align')[0].firstChild.nodeValue:'22',

                            'Date2' : xhr.responseXML.lastModified
                        };
                        d.resolve();
                    }else{
                        if(exFormat==null){
                            console.log("追加設定のロード失敗");
                            d.reject();
                        }else{
                            d.resolve();
                        }
                    }
                }
                xhr.send();
                return d.promise();
            };
            setlist.push(setaj2());
            //両方読み込めたら合体
            $.when.apply($, setlist).done(function(){
                if((txtFormat['Date1']!=date1)||(exFormat['Date2']!=date2)){
                    setTxtFormat(Object.assign(txtFormat,exFormat));
                    date1=txtFormat['Date1'];
                    date2=exFormat['Date2'];
                    CommentWait = true;
                }
            }).fail(function(){
                if(!SettingLoaded){
                    alert("設定のロードに失敗しました。\nsetting.xmlとsetting_ex.xmlがあるか\n確認してOKを押してください。");
                }
            });
        }
    }
    
    //デモ
    function DemoFunc(){
        if(SettingLoaded) {
            //放送主扱いを使う
            var demoowner=Math.round( Math.random());
            var n=demoowner ? "放送主":HcgFormat.demokote;
            //本編
            new CommentGenerator(n.slice(0), HcgFormat.democomment, HcgFormat, TxtFormat, demoowner, null, new Date())
              .then((CGen)=>{
                obj[CommentNow] = CGen;
                //表示開始
                stage.addChild(obj[CommentNow].getBase());
                obj[CommentNow].Play();
                //移動処理
                if(!TxtFormat['NewMove']){//通常
                    if ((TxtFormat['Direction'] == 3)&&(TxtFormat['moveF'] != '0')){
                        var Xmove = Number(TxtFormat['moveX']) * (1 + (Number(TxtFormat['c_nlX']) * obj[CommentNow].getLongline()));
                        var Ymove = Number(TxtFormat['moveY']) * (1 + (Number(TxtFormat['c_nlY']) * obj[CommentNow].getLongline()))+Number(TxtFormat['comSpace']);
                    }else{
                        var Xmove = 0;
                        if(TxtFormat['newLine'] == 4){
                            var Ymove = obj[CommentNow].textcomment.lineHeight*(1+obj[CommentNow].getLongline())+Number(TxtFormat['comSpace']);
                        }else if(TxtFormat['newLine'] == 5){
                            var Ymove = Number(HcgFormat['SkinHeight'])*(1+obj[CommentNow].getLongline())+Number(TxtFormat['comSpace']);
                        }else{
                            var Ymove = Number(HcgFormat['SkinHeight'])+Number(TxtFormat['comSpace']);
                        }
                    }
                    for(var i=CommentNow; i>(CommentNow-(HcgFormat['CommentMax']-1)); i--) {
                        if((i-1)>=0&&obj[(i-1)]!=null) {
                            if(TxtFormat['floated'] == 1){
                                if((TxtFormat['yReverse'] == 0)&&((TxtFormat['Direction'] != 3)||((TxtFormat['Direction'] == 3)&&(TxtFormat['moveF'] == '0')))){

                                    obj[(i-1)].MoveAdd(Xmove, -Ymove, TxtFormat);
                                }else{
                                    obj[(i-1)].MoveAdd(Xmove, Ymove, TxtFormat);
                                }
                            }else{
                                if(TxtFormat['yReverse'] == 0){
                                    obj[(i-1)].PlateMove(Xmove, -Ymove);
                                }else{
                                    obj[(i-1)].PlateMove(Xmove, Ymove);
                                }
                            }
                            if(TxtFormat['Alpha_Sub']){
                                if(TxtFormat['Direction'] != 3){
                                    obj[i-1].SubAlpha(((TxtFormat['A_area']==0)?TxtFormat['Base_a']:100)/HcgFormat['CommentMax']);
                                }else{
                                    obj[i-1].SubAlpha(TxtFormat['Sub_a']);
                                }
                            }
                        }
                    }
                }else{//新しいコメントの方を移動
                    nowCount++;
                    if ((TxtFormat['Direction'] == 3)&&(TxtFormat['moveF'] != '0')){
                        var Xmove = Number(TxtFormat['moveX']) * (1 + (Number(TxtFormat['c_nlX']) * obj[CommentNow].getLongline()));
                        var Ymove = Number(TxtFormat['moveY']) * (1 + (Number(TxtFormat['c_nlY']) * obj[CommentNow].getLongline()))+Number(TxtFormat['comSpace']);
                        if(TxtFormat['Alpha_Sub']){
                            for(i=1;i<nowCount;i++){
                                obj[CommentNow-i].SubAlpha(((TxtFormat['A_area']==0)?TxtFormat['Base_a']:100)/HcgFormat['CommentMax']);
                            }
                        }
                    }else{
                        var Xmove = 0;
                        var bufline=0;
                        for(i=1;i<nowCount;i++){
                            bufline+=obj[CommentNow-i].getLongline()+1;
                            if(TxtFormat['Alpha_Sub']){
                                obj[CommentNow-i].SubAlpha(TxtFormat['Sub_a']);
                            }
                        }
                        if(TxtFormat['newLine'] == 4){
                            var Ymove = obj[CommentNow].textcomment.lineHeight*bufline+Number(TxtFormat['comSpace']);
                        }else if(TxtFormat['newLine'] == 5){
                            var Ymove = Number(HcgFormat['SkinHeight'])*(bufline)+Number(TxtFormat['comSpace']);
                        }else{
                            var Ymove = Number(HcgFormat['SkinHeight'])*(bufline)+Number(TxtFormat['comSpace']);
                        }
                    }
                    if(((TxtFormat['floated'] == 1)&&(TxtFormat['yReverse'] == 0)&&(TxtFormat['MoveF'] != 3))
                      ||((TxtFormat['floated'] == 0)&&(TxtFormat['yReverse'] == 0))){
                        Ymove*=-1;
                    }
                    if((obj[CommentNow].getBline()+Ymove+Number(HcgFormat['SkinHeight'])*(Ymove>0?obj[CommentNow].getLongline()+1:-(obj[CommentNow].getLongline()+1))>HcgFormat['CanvasHeight'])||(obj[CommentNow].getBline()+Ymove<0)){
                        nowCount=1;
                        Ymove=0;
                    }
                    if(TxtFormat['floated'] == 1){
                        obj[CommentNow].MoveAdd(Xmove, Ymove, TxtFormat);
                    }else{
                        obj[CommentNow].PlateMove(Xmove, Ymove);
                    }
                }
                //削除処理
                if(TxtFormat['TimeType'] != 1){
                    obj[CommentNow].setTimer(setTimeout(function(num){objDel(num)}.bind(null, CommentNow),(Number(TxtFormat['TimeValue'])+((((TxtFormat['F_out']==1)||(TxtFormat['Z_out']>0)||(TxtFormat['Direction']!=2))*3)*(30/HcgFormat['FrameRate'])*((0.1/Number((TxtFormat['Direction']=='3')?TxtFormat['outK']:HcgFormat['MoveSpeed']))*(TxtFormat['MovePattern']!=2)?1:2)))*1000));
                }

                if((CommentNow-HcgFormat['CommentMax'])>=0) {
                    if(obj[(CommentNow-HcgFormat['CommentMax'])]!=null){
                        clearTimeout(obj[(CommentNow-HcgFormat['CommentMax'])].getTimer());
                        objDel(CommentNow-HcgFormat['CommentMax']);
                    }
                }
                CommentNow++;
            });
        }
    }
    
    function setTxtFormat(txtFormat) {
        console.log("設定を読み込みました");
        TxtFormat = txtFormat;
        SettingLoaded = true;
    }
    
    //コメントとして処理するかどうかの判断
    function isComment(comment, Slash, BSP) {
        if(comment.substring(0,11)=="/press show") {
            //ニコ生のBSP
            if(BSP==1) {
                return true;
            } else {
                return false;
            }
        } else if(comment.substring(0,1)=="/") {
            // "/"から始まるコメント
            if(Slash==1) {
                return true;
            } else {
                return false;
            }
        } else if(comment.match(/^[\s\0]+$/)) {
            return false;
        }
        return true;
    }
    
    //コメント処理
    function fixComment(comment) {
        if(comment.substring(0,5)=="/perm") {
            //運営コメント(perm)
            var perm_array = comment.split(" ");
            var perm = "";
            for(var i=1; i<perm_array.length; i++) {
                perm += perm_array[i]+ " ";
            }
            comment = perm;
        } else if(comment.substring(0,7)=="/nicoad") {
            //運営コメント(広告)
            var nicoad = comment.match(/\"message\"\:\"(.+)さんが([0-9]+)pt.+?(?:「(.+)」)?\"/i);
            if(nicoad[3]){
                comment = "広告:"+nicoad[1]+"さん("+nicoad[2]+"pt)"+"["+nicoad[3]+"]";
            }else{
                comment = "広告:"+nicoad[1]+"さん("+nicoad[2]+"pt)";
            }
        } else if(comment.substring(0,9)=="/uadpoint") {
            //運営コメント(広告ポイント)
            var nicoad_pt = comment.match(/(?:[0-9]+).+?([0-9]+)/i);
            comment = "広告累計："+nicoad_pt[1]+"pt";
        } else if(comment.substring(0,5)=="/info") {
            //運営コメント(インフォ)
            var nico_info = comment.match(/\/info [0-9]+ (.+)/i);
            comment = nico_info[1];
        } else if(comment.substring(0,4)=="/spi") {
            //運営コメント(新市場)
            var nico_neta = comment.match(/(「.+」){1,}が貼/i);
            console.log(nico_neta);
            comment = "ネタ台";
            for(i=1;i<nico_neta.length;i++){
                comment += nico_neta[i];
            }
            comment += "が追加";
        } else if(comment.substring(0,4)=="/coe") {
            //運営コメント(ゲーム起動)
            var nico_appli = comment.match(/\/coe (?:start|stop) [0-9]+(?: \"(.+?)["_＿])?/i);
            if(nico_appli[1]){
                neta_name = nico_appli[1];
                comment = neta_name+"を起動しました";
            }else{
                comment = neta_name+"が終了しました";
            }
        } else if(comment.substring(0,11)=="/press show") {
            //BSPコメント
            var bsp_array = comment.split(" ");
            var bsp = "";
            for(var i=3; i<bsp_array.length; i++) {
                bsp += bsp_array[i]+ " ";
            }
            comment = bsp;
        } else if(comment.substring(0,1)=="/") {
            //運営コメント
            comment = comment.substr(1);
        }
        //<>を元に戻す
        comment = comment.replace(/&amp;/g,"&");
        comment = comment.replace(/&lt;/g,"<");
        comment = comment.replace(/&gt;/g,">");
        
        //htmlタグ除去
        var pattern = /<("[^"]*"|'[^']*'|[^'">])*>/g;
        comment = comment.replace(pattern,'');
        
        return comment.trim();
    }
    
    //消去処理
    function objDel(num){
        obj[num].stopper();
        stage.removeChild(obj[num].Remove());
        delete obj[num];
        if(num+nowCount>=CommentNow){
            nowCount=0;
        }
    };
    });
}
</script>
</head>

<body onload="init();">
    <canvas id="canvas" width="350" height="200"></canvas>
</body>
</html>

このコードをコピーしてペーストです。

コメジェネ内にある「CommentGenerator.html」に「Ctrl＋A」をしてから「Ctrl＋V」でペーストです。

最後に「ファイル」で「上書き保存」をしてください。

のり

コメジェネの設定はおしまいです！

ニコ生のコメントを画面表示するためのマルチコメントビューワー(MultiCommentViewer)の設定【OBS･ニコニコ】【OBS･ニコニコ】

次はOBSの設定です。

OBSとニコ生の連携
表示するコメントの位置

を設定します。

OBSで配信のニコ生連携の設定を行う

まず必ず最初にお持ちのニコ生とOBSの連携を行う必要があります。
ここではコメントを表示させる方法を記事でまとめていますが、連携をしないと「誰のコメントを表示するか」が設定されない事になりますのでしっかり連携をしてください。

OBSの「設定」→ 「配信」を開きます。
OBSで配信のニコ生連携の設定を行う【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

3つの項目があるので下記のように設定をしてください。

サービス	niconico free member(ニコニコ生放送一般会員) niconico premium member(ニコニコ生放送プレミアム会員)
サーバー	Default
ストリームキー	ニコニコ生放送画面のストリームキー

｢ストリームキー｣はニコニコ生放送画面のストリームキーをコピペをしてください。

｢ストリームキー｣はニコニコ生放送画面のストリームキーをコピペをしてください。【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

連携は以上です。

OBSにソースでブラウザを追加してニコ生のコメントを画面表示させる位置を用意します

OBSを起動させるとこの画面が出てきます。

OBSにソースでブラウザを追加してニコ生のコメントを画面表示させる位置を用意します【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

下段左から2番目のソースという部分を見ます。

ソースという部分に「ブラウザ」というのを追加します。

「＋」マークを押すと追加する項目が出てきます。

ブラウザをクリックします。

自分の分かりやすい名前をつけます。
OBSにソースでブラウザを追加してニコ生のコメントを画面表示させる位置を用意します【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

このあと設定をします。

とても簡単なのですぐに終わります。

OBSでツイキャスのコメントを画面表示するための設定。

ブラウザを追加して、追加されたブラウザをダブルクリックで開きます。

設定項目を入力していきます。

ローカルファイル

一番上にある「ローカルファイル」部分は「CommentGenerator.html」を指定します。

OKを押して表示する位置を好きな場所に移動する

OKを押すと画面上に四角が表示されます。

OBSでツイキャスのコメントを画面表示するための設定。【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

クリックしながら動かすことができるので自分の好きな場所に移動させてください。

のり

次が最後の設定です！

ニコ生のコメントを画面表示するためのマルチコメントビューワー(MultiCommentViewer)の設定【OBS･ニコニコ】【OBS･ニコニコ】

最後はマルチコメントビューワー(MultiCommentViewer)の設定です。
ニコ生のコメントを画面表示するためのマルチコメントビューワー(MultiCommentViewer)の設定【OBS･ニコニコ】【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

プラグインにあるコメジェネ連携をする

ニコ生のコメントを画面表示するためのマルチコメントビューワー(MultiCommentViewer)の設定【OBS･ニコニコ】【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

「HTML5コメジェネと連携」にチェックをいれます。
ニコ生のコメントを画面表示するためのマルチコメントビューワー(MultiCommentViewer)の設定【OBS･ニコニコ】【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

次が一番最後です。

マルチコメントビューワー(MultiCommentViewer)のURL放送ID等にコメントを表示したいURLをコピペしてニコ生のコメントを表示します【OBS･ニコニコ】

最後にコメントを表示させるURLを入力します。

四角の部分にURLを入力します。
マルチコメントビューワー(MultiCommentViewer)のURL放送ID等にコメントを表示したいURLをコピペしてニコ生のコメントを表示します【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

左側のサイトが「Youtube Live」となっていますが、ニコ生のURLを入力すると勝手に「ニコ生」に切り替わります。
マルチコメントビューワー(MultiCommentViewer)のURL放送ID等にコメントを表示したいURLをコピペしてニコ生のコメントを表示します【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

最後に「接続」をクリックします。
マルチコメントビューワー(MultiCommentViewer)のURL放送ID等にコメントを表示したいURLをコピペしてニコ生のコメントを表示します【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

問題が無ければ下にコメントが表示されます。
マルチコメントビューワー(MultiCommentViewer)のURL放送ID等にコメントを表示したいURLをコピペしてニコ生のコメントを表示します【OBS･ニコニコ】【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

ちなみにこのURLは自分の放送でなくても、誰の放送でもOKです。

コメントが表示されるかの確認のためにニコ生のトップページに表示されている生放送のURLをなんでもいいので入力してみてくださいね。

ニコニコ･ニコ生の放送の際にOBS、マルチコメントビューワー(MultiCommentViewer)を立ち上げる

設定は終わりました。

ニコニコ･ニコ生の放送の際に毎度OBS、マルチコメントビューワー(MultiCommentViewer)を立ち上げる必要があります。

OBSを立ち上げて、マルチコメントビューワー(MultiCommentViewer)を立ち上げてURLを入力し接続を押します。

OBSの配信開始を押して、ニコ生の放送開始をして終わりです。

【OBS】ニコニコ･ニコ生のコメントを画面表示させる方法｡透過&コメジェネの3行にも対応カスタマイズ【コピペでOK･ニコニコ生放送】

このように書くと「やることがたくさん」と思うかもしれないですが、一度設定をすればもうやることはありません。

また放送開始時もやることが多そうですが、慣れればすぐに放送が開始できます。

最初は大変かもしれませんが是非色々試してみてください！

【関連】【OBS】ツイキャスのコメントを画面表示させる方法｡オススメのCSSで見やすくアイコン表示&透過にカスタマイズ！

ツイキャスでコメントを画面表示させる方法も書いておいたので､ツイキャスをやる人はこちらの記事も参考にしていただければと思います。

【OBS】ツイキャスのコメントを画面表示させる方法｡オススメのCSSで見やすくアイコン表示&透過にカスタマイズ！

【OBS】ツイキャスのコメントを画面表示させる方法｡オススメのCSSで見やすくアイコン表示&透過にカスタマイズ！

PCでゲームをする人は必見です
関連記事 PCゲームでコントローラーが反応しない･認識しないのを防ぐ方法【Steam･EPIC･有線パッド】

PCゲームでコントローラーが反応しない･認識しないのを防ぐ方法【Steam･EPIC･有線パッド】

【こちらもオススメ】Twitterでフォローを外した･解除したの人を確認する方法。フォロワーからいなくなったリムーブした人を探して一気に削除するのがオススメ！

Twitterでフォローを外した･解除したの人を確認する方法。フォロワーからいなくなったリムーブした人を「SocialDog」で探して一気に削除するのがオススメ！【PC･スマホアプリ】
「Twitterでフォロー外された･解除の人を確認する方法」を紹介します。

「Twitterでフォロー外された･解除の人を確認する」のはSocial Dogで確認をすることができます。

長年使っていてとても信頼している方法です。
フォローされていないアカウントを探してフォロー解除もできます。

SocialDog公式サイトへ

OBSで時計を載せる方法｡色変更などのカスタマイズcssも紹介(コピペでOK｡htmlいらず)【徹底解説で初心者でも簡単に無料デジタルタイマーを表示】

The Professional 強盗ゲームのダウンロード方法。絶対に笑ってしまう超イライラ強盗ゲーム｢ザ･プロフェッショナル｣のやり方。

配信で字幕をリアルタイム表示させる簡単な方法。OBSで音声認識字幕ちゃんの設定方法【ライブYoutube･ツイキャス･ニコ生･twitch】

のり - norinori0107

ギタリストとして活動する中、1人でほぼ初海外で世界一周の旅に出る。帰国後演奏しながら株式会社を立ち上げ経営。役に立てることが嬉しいと思う性格。ブログのアクセスは月34万PV達成！(34万PV達成記事はこちら)、累計1100万PV達成。ミルクティーとフルグラと甘い物と犬が好きです！ ■ 詳しいプロフィール ■お問い合わせはコチラからどうぞ

2022/12/31

【2022年総括】「やめる事を増やして新しいことを増やし切り替えを早めた1年」でした！

2022/12/26

2022年本当に買って良かった･役立ったオススメの物･サービス！！！

2022/12/22

眼鏡絵師のサイトーさんの引退に思う事。

のり - norinori0107の記事をもっと見る

-ゲーム実況, 音楽
-ゲーム実況, ニコニコ生放送, ニコ生

タカヒナ says:

2022年4月10日 at 1:42 AM

コメントの行はどこで変えれますか？

返信
彼岸扇花 says:

2021年11月15日 at 10:31 PM

記事書いてもらえるのはありがたいですが、OneDriveの直リンは勘弁願えますかね？( ´-｀)

返信
- のり - norinori0107 says:
  
  2021年11月16日 at 12:27 AM
  
  ＞彼岸扇花さん
  この度は大変申し訳ありませんでした。
  見た人が迷わないようにと直リンをしてしまいました。
  訂正いたします。本当にすみませんでした。
  他にもNGなことがありましたら教えていただければと思います。よろしくお願いします。
  
  返信
  - 彼岸扇花 says:
    
    2021年11月16日 at 7:15 AM
    
    ソース全行だと、アプデ後に書き換えした時に不具合起こりそうなのとマルチ版での書き換えで困る人出そうなので、設定部分に絞っても良いかと思われます。(700行はさすがに長いですし…)
    
    返信
    - のり - norinori0107 says:
      
      2021年11月16日 at 4:38 PM
      
      仰ることは確かに言えますね。設定部分に絞るのは自分がそうだったんですが「どこを変更すれば良いのかわからない・見つけられない」という経験もあり、「全てコピペだけでできる」という理由で全部を載せました。なので長いですが現状ではこのまま進めたいと思っています。
      ただし、アプデの件は仰る通りですので「現在のverに対応」を記載する点、また自分がアプデした際に再度変更･不具合が無いかの確認、変更を掲載する。で考えております。あくまで自分の書きたい内容で、彼岸扇花の勧めるベストな公式のような記事ではなくなってしまいますがご理解いただければ幸いです。できる限り利用者に便利に利用してもらえて、彼岸扇花様に負担がかからないような記事にしていけるよう努めたいと思います。
      （遅くなりましたが「HTML5コメントジェネレーター改」を利用させていただいております。とても便利なものを作っていただき本当にありがとうございます。）
      
      返信
      - 彼岸扇花 says:
        
        2021年11月16日 at 5:54 PM
        
        了解です( ´∀｀ )b
        説明記事あるのはありがたいので、修正対応ありがとうございました( ＾ω＾ )

タカヒナへ返信するコメントをキャンセル

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

塊魂の画面サイズの変更方法｡フルスクリーン(PC画面いっぱい)にする方法。

先日PCにて「塊魂」のゲーム配信を始めました。始めた瞬間に画面サイズが小さい！と思いました。ゲームだとフルスクリーン（1920×1080など）にしたいのに設定画面がどこにあるかわからない。困っていたんですが解決策を見つけました！画面サイズを変更したい人は是非読んでください！画像多めで誰にでも分かるように説明します。塊魂の画面サイズの変更はチュートリアルを終わらせないと無理｡フルスクリーンはそのあとで。塊魂の画面サイズは始めた直後には変更はできません。残念ながらチュートリアルを終わらせな ...

メトロノーム練習用クリック一覧テンポに合わせて練習で上達！ Metronome Practice

メトロノーム練習用クリック一覧です。 10分連続動画ですので「10分間だけ練習」「1つのレッスンを10分耐久練習」などにお使いください。関連記事五線譜の無料ダウンロード印刷用ト音記号付き楽譜 BPM50 ﾒﾄﾛﾉｰﾑ BPM55 ﾒﾄﾛﾉｰﾑ BPM60 ﾒﾄﾛﾉｰﾑ BPM65 ﾒﾄﾛﾉｰﾑ BPM70 ﾒﾄﾛﾉｰﾑ BPM75 ﾒﾄﾛﾉｰﾑ BPM80 ﾒﾄﾛﾉｰﾑ BPM85 ﾒﾄﾛﾉｰﾑ BPM90 ﾒﾄﾛﾉｰﾑ BPM95 ﾒﾄﾛﾉｰﾑ BPM100 ﾒﾄﾛﾉｰﾑ BPM105 ﾒﾄﾛﾉ ...

塊魂の音が大きい問題の解決方法。うるさい音量の調整のやりかた

先日PCにて「塊魂」を始めました。始めた瞬間に思ったのは音が大きい！！あまりにも大きくてうるさい！困っていたんですが解決策を見つけました。ゲームを始めた直後に音量調整したい人、すぐに音量問題を解決したい人は是非読んでください！ ↑画像のみ動画。塊魂の音が大きい問題は「PCのゲーム音量を小さくする」で解決！ゲームを始めた直後に音量を調整したい人が多いとは思いますが、チュートリアルが終わるまで設定をいじることはできません。設定画面にいくことができないためゲーム内で音量調整は最初はできませ ...

【簡単解決】OBSでバイオハザードRE2の画面が表示されない場合の対処法。簡単に表示させる方法【ゲーム実況配信】

先日｢バイオハザードRE2｣を始めました。ゲーム配信をする際に困ったことがありました。 OBSでバイオハザードの画面表示が出来ないでした。毎回配信している通りのウインドウキャプチャの設定をしても表示されない。困っていたんですが対処法を見つけました！とても簡単で1分以内に解決できます。同じことで悩んでいる方は是非お試しください☺ こちらもチェック！関連記事【1分で解決】バイオハザードRE2でマウスカーソルをゲームの画面外に移動させる方法&デスクトップ画面に戻る方法 OBSでバイ ...

【1分で解決】バイオハザードでマウスカーソルをゲームの画面外に移動させる方法&デスクトップ画面に戻る方法

先日｢バイオハザードRE2｣を始めました。やり始めてすぐに思ったのがマウスカーソルをゲームの画面外に移動できない！でした。カーソルが移動できないのでゲームをすぐに終わらせることができないし、別の画面に移すことができなくて攻略を見ながらやることもできません。困っていたんですが対処法を見つけました！方法は「設定」と「今すぐに画面外に移動する」の二つがあります。どちらもとても簡単で1分で解決です。同じことで悩んでいる方は是非お試しください！ ※RE2に限らずバイオハザードのシリーズすべてで使える ...

【最高】エレコムマウスパッドリストレスト FITTIOが良い！腕と手首の疲れが全然なくてオススメ！