みなさんおはこんばんちは(＠ReinyaNchannel)です
配信をこよなく愛している者です。Twitchという配信サイトで活動しています。是非以下のからフォローお願いします
今回紹介するのは、Twitchのコメントを配信画面にニコニコ風コメントをオーバーレイとして出す方法です。ちなみに「StreamElements」編です
では、早速ですが説明に入ります
カスタムエモート対応
ニコ動風コメント
ちなみにコメント一列かするやり方の記事もありますのでありますので合わせて読んでみてください
-
-
【Twitch】配信画面にコメントを載せるときに横一列で出す方法「オーバーレイ」
Twitchで配信するときにコメントを横一列に出ている配信は見たことはありますか？ 筆者もできたので共有し ...
-
-
【Twitch】配信画面にコメントを載せるときに横一列で出す方法「オーバーレイ」Streamlab編
Twitchで配信画面にコメントを載せるときに横一列で出す方法の今回はStreamlab編です   ...
Streamlab編は以下の記事になります。参考にどうぞ
-
-
【Twitch】ニコニコ風のコメント（オーバーレイ）を配信画面に出す方法「Streamlab編」
今回紹介するのは、Twitchのコメントを配信画面にニコニコ風コメントをオーバーレイとして出す方法です。ち ...
続きを見る
少し前置き、HTML5コメントジェネレーターなどではカスタムエモートには対応されていない
以下の2点ではTwitchのカスタムエモートには対応されていない
- HTML5コメントジェネレーター
- わんコメのテンプレート（外部によるテンプレ）のニコ動風コメント
上記にも書いており、何度も言いますがTwitchのカスタムエモートには対応されていない
Twitchで活動している人ストリーマーでニコニコ風コメントを配信画面に出しつつTwitchのカスタムエモートも対応したいって人向けです
また、よく見かける記事では、視聴するときにニコニコ風コメントをだすことは出来ます
Google拡張機能を使えば解決できるのだが、いかんせん視聴者専用で配信自体にニコニコ風コメントが載らない
それだと今回の趣旨とは違うので配信者側で解決しちゃおうって話
気が向いたらGoogle拡張等によるニコニコ風コメントの出し方のハウツーの記事をあげます
では、説明に入ります
「StreamElements」を使えば解決できます。ニコニコ風コメントを配信画面に出す方法
このやり方は日本にはなく、海外の熱心のファンの人が対応しているものです
なので、横文字全開なので、画像を使いながら説明していきます
StreamElementsのダッシュボードに行きます
-
-
StreamElements
The Ultimate All in One Platform for Streamers
streamelements.com
NewOverlayを選択します
最初に解像度を選びます。オススメは1080Pですが各環境に合わせて解像度の設定をしてください
- ADD WIDGETを選択
- STATIC / CUSTOMをクリック
- Custom widgetを選択
- Position, size and styleをクリック
- 1920x1080にする
- CENTER WIDGETをクリック
- Settingsを選択
- OPNE EDITORを選択
次に以下のリンクに飛ぶ
-
-
niconico-twitch/StreamElements at main · tekigg/niconico-twitch · GitHub
Niconico themed overlay for Twitch chat. Contribute to tekig ...
github.com
リンクに飛んだらlayout.htmlをクリック
HTMLのコードをコピーしておく
HTMLコードをコピーしたら、StreamElementsにコピペする
あとは、HTMLコードのコピペ作業を
- CSS：chat.css
- JS：chat.js
に、コードをコピペしていく
注意ポイント
FIELDSは特にいじらなくても大丈夫です
すべてのコードをいじると完了となります
あとは、好みでコメントの設定をしておきましょう
まとめ
配信者側でコメントのオーバーレイとして出す方法でした
視聴者側でわざわざGoogle拡張機能でニコ動風コメントしなくても済むようになります。また、Twitch拡張機能のニコ動風コメントを導入しなくても済みます
あくまでも配信者側の配信画面にニコ動コメントを出す方法
では、なにかありましたら記事をあげます
