はじめに

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

今回は私が作成した視聴者参加型のウェイティングリストを表示するオーバーレイをご紹介します。

このオーバーレイは、視聴者参加型配信の参加表明を順番に表示することができます。

使い方

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

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

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

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

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

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

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

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

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

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

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

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

すると、下の画像のようなメッセージが表示されると思います。

表示がされたら設定完了です。

設定が完了した状態で「!join」とチャットをするとリストに追加されます。

また、「対話(操作)」の画面でユーザー名の隣の削除ボタンをクリックするとリストから削除することもできます。

表示したときに黒く透過されてしまうのが気になる場合は下記の方法をお試しください。

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

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

オプション

好みのオプションがあったらコピーしてカスタムCSSに付け加えてください。

使用例

作成したオーバーレイは、視聴者参加型配信などに使うことができます。

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

余談ですが、2つ以上のチャンネルを設定しても恐らく動作すると思います。

注意点

表示個数に制限を意図的にかけていないので参加者が多いと動作が重くなるかもしれません。

また、参加表明の重複表示をしないようにプログラムしてありますのでご注意ください。

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

さいごに

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

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

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

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

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