NowPlaying ウィジェット

ルームURL /rooms/012abc に /widgets/nowplaying を付け足して /rooms/012abc/widgets/nowplaying のようにすることで、NowPlaying ウィジェット用のページが開きます。

これを OBS Studio のブラウザソースに追加することで、配信画面に otogether で現在再生している曲を表示することができます。

OBS Studio のブラウザーソースとして使う場合

公開配信で使う場合について

このウィジェットでは otogether の URL とそれを示す二次元コードが含まれていますが、この URL を知っていて Discord アカウントがある人は誰でも曲をキューに追加できるため、視聴者に悪意のある人間がいた場合にはキューを荒らされる場合があることに注意してください。

一応キューのモデレーションやキューを入れられる人の制限等も実装予定にはありますが、優先度は低めです。早く使いたい！という場合は Twitter @428rinsuki 等をせっついてください。

ブラウザーソースのサイズ

横 900 / 縦 160 ほどがおすすめです。文字が小さい場合、カスタムCSS の body { ... } 内に font-size: 150% を記述して横1280 / 縦 180 程度にするのもおすすめです。

背景色

OBS Studio のブラウザーソースではカスタム CSS が記述でき、デフォルトでは背景が透過される設定になっています。そのため、背景色によっては色の都合で文字が見えづらくなる場合があります。その場合はブラウザーソース側で body { ... } の中に color: white のような追加の CSS を記述することで変更できます。