Twitch 配信オーバーレイ関係

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

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

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

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

 

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

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

2,214view
【Twitch】ニコニコ風のコメント(オーバーレイ)を配信画面に出す方法「StreamElements編」

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

続きを見る

 

注意ポイント

Streamlabでニコニコ風コメントのオーバーレイはあまり推奨されていません

どうしてもStreamlabでやりたい方向けの向けの記事になります

ニコ動風コメント1

カスタムエモート対応

 

ニコ動風コメント2

ニコ動風コメント

 

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

Twitch 配信オーバーレイ関係

【Twitch】配信画面にコメントを載せるときに横一列で出す方法「オーバーレイ」

2023/1/26    , , ,

  Twitchで配信するときにコメントを横一列に出ている配信は見たことはありますか? 筆者もできたので共有し ...

【Twitch】配信画面にコメントを載せるときに横一列で出す方法「オーバーレイ」Streamlab編

Twitch

【Twitch】配信画面にコメントを載せるときに横一列で出す方法「オーバーレイ」Streamlab編

  Twitchで配信画面にコメントを載せるときに横一列で出す方法の今回はStreamlab編です &nbsp ...

 

 

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

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

 

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

Streamlabs | #1 free set of tools for live streamers and gamers
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にする

ニコ動風コメント14

 

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

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

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

github.com

ニコ動風コメント15

 

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

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

ニコ動風コメント16

 

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

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

Streamlabコメント横一列3

 

URLをコピペ

ニコ動風コメント17

 

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

Streamlabコメント横一列4

 

 

まとめ

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

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

 

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

 

配信はTwitch(ツイッチ)で行っています。フォローよろしくお願いします

サイト管理者のプロフィール

AkaMaruServer

ReinyaN

ストリーマー活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

関連記事とスポンサーリンク

  • この記事を書いた人
  • 最新記事

ReinyaN

ストリーマー活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

-Twitch, 配信オーバーレイ関係
-, , , ,


Warning: include(): Filename cannot be empty in /home/reinyanch/25reinyan25.net/public_html/wp-content/plugins/st-lazy-load/templates/wp-template.php on line 11

Warning: include(): Failed opening '' for inclusion (include_path='.:/opt/php-7.4.33-2/data/pear') in /home/reinyanch/25reinyan25.net/public_html/wp-content/plugins/st-lazy-load/templates/wp-template.php on line 11