【Twitch】ニコニコ風のコメント（オーバーレイ）を配信画面に出す方法「Streamlab編」

みなさんおはこんばんちは(＠ReinyaNchannel)です

配信をこよなく愛している者です。Twitchという配信サイトで活動しています。是非以下のからフォローお願いします

• https://www.twitch.tv/reinyan_channel

 

今回紹介するのは、Twitchのコメントを配信画面にニコニコ風コメントをオーバーレイとして出す方法です。ちなみに「Streamlab」編です

そして、前回同じような内容ですが「StreamElements」でのやり方の記事をあげていますので、StreamElementsを使っている人はそちらを参考にしてみてると良いでしょう

2,366view

【Twitch】ニコニコ風のコメント（オーバーレイ）を配信画面に出す方法「StreamElements編」

  今回紹介するのは、Twitchのコメントを配信画面にニコニコ風コメントをオーバーレイとして出す方法です。ち ...

続きを見る

 

 

 

ちなみにコメント一列かするやり方の記事もありますのでありますので合わせて読んでみてください

 

 

ニコニコ風コメントをオーバーレイとして配信画面に出す方法「Streamlab編」

では、さっそく説明に入ります

 

まず初めにChatBoxのページに行きます

Streamlabs | #1 free set of tools for live streamers and gamers

The most popular streaming platform for Twitch, YouTube and ...

streamlabs.com

 

ChatBoxをカスタムしていくのにコードを打ち込めるように有効化します

• Enable Custom HTML/CSS：Enabledにする

 

リンクに飛び以下の画像の3つの項目があるのを確認する

niconico-twitch/Streamlabs at main · tekigg/niconico-twitch · GitHub

Niconico themed overlay for Twitch chat. Contribute to tekig ...

github.com

 

以下の3つの項目をStreamlabのカスタムHTML/CSSのところにコードをコピペする

• layout.html：HTML
• chat.js：JS
• chat.css：CSS
• 最後に反映させる

 

次にOBSのブラウザソースにURLを貼り付ける

1. +を選択
2. ブラウザをクリック

 

URLをコピペ

 

• URLをコピペ
• 幅と高さは1920x1080がオススメ

 

 

まとめ

ニコ動コメントのStreamlab編でした

あまり推奨されていませんが、どうしてもって人は参考にしてみてください

 

では、なにかありましたら記事をあげます