Falling Chat

Twitchのチャットを利用したチャットが降ってくるオーバーレイ

はじめに

こんにちは!ももちょこです!

今回は私が作成したTwitchのチャットを利用したチャットが降ってくるオーバーレイをご紹介します。

このオーバーレイは、Twitchのチャット欄でチャットするとチャットが降ってきます。

使い方

それでは、今回作成したオーバーレイの使い方を説明します。

OBSで配信をしていることを想定して説明をしていきますのでご了承ください。

まず、OBSにブラウザソースを追加して下記のURLを貼り付けます。

このとき、幅を1920・高さを1080にしてください。

1

次に動作開始するための設定を行います。

ブラウザソースを選択して「対話(操作)」ボタンを押します。

表示されたら画面中央上にあるチャンネル名の設定を行います。

2

チャンネル名はTwitchのアカウント名(アルファベットのやつ)を入力してください。

※手入力が上手くいかない場合はコピペで入力するといいかもです!

Twitchのアカウントを持っていない方(YouTubeなどで活動をしている方)はチャンネル名はそのままでも構いません。

そのまま(チャンネル名:momochoco_jp)で使用する場合は下記のリンクのチャット欄を使用してください。

チャンネル名を入力したら隣にある「接続」ボタンを押してください。

チャンネル名の設定が完了したらお試しでチャットをしてみてください。

チャットが上からの降ってきたら設定完了です。

また、表示がきれいにならない場合は下記の方法をお試しください。

ブラウザソースを右クリックしてブレンド方法からSRGBオフを選択する。

5

基本的な使い方は以上です。

使用例

作成したオーバーレイは、配信画面の賑やかしに使うことができます。

使い方は様々なので自由に使ってください!

注意点

表示個数に制限をかけていますが多いと動作が重くなるかもしれません。

このオーバーレイを利用したことでトラブルが生じても、このサイトの管理者は一切の責任を負いません。

さいごに

今回はこれで以上になります。

最後まで読んでいただきありがとうございました!

要望があればフォントや色の変更ができるようにしたりするかもです。

何か質問などあればContactからお気軽にお問い合わせください。

最後にTwitterなどのSNSで共有拡散していただけるとありがたいです。