ゲストの部屋: DiscordオーバーレイCSS

凸待ち配信を想定してデザインした、Discord Streamkit Overlay用のカスタムCSSです。
アイコンを目立たせたい場面にはピッタリです（ゲーム配信には賑やかすぎるかも）。

仕様

  • あなた以外がボイスチャンネルに参加したときにアイコンがぴょこんと飛び跳ねます。
  • 発話者のアイコンがゆらゆらと揺れます。

動作環境

OBS Studio 31.0.0 以上

ブラウザソースの設定方法

  1. 本ページ上部で【あなたを表示】【ユーザー名を表示】の設定を行ってください。
  2. Discord Streamkit OverlayのVoice Widgetタブを開き、サーバーとボイスチャンネルを選択してください。
  3. OBS でブラウザソースを作成し、以下のパラメータを入力してください。
    • 【URL】Voice Widget タブに表示された URL
    • 【幅・高さ・カスタムCSS】本ページ上部に記載のパラメータ

!!! SRGBオフの設定について !!!

パラメータの入力が完了したら、ブラウザソースを右クリックして【ブレンド方法 > SRGBオフ】を選択してください。
本CSSを適用する場合は必須の設定です。

設定を忘れると、アイコンが揺れるときに黒い縁が見えてしまいます。

✅ SRGBオフ❌ 既定

ガイドライン

  • 個人・法人問わず、ご自由にお使いください。
  • 著作権は放棄していません。自作発言や過度な模倣については何らかの措置を取る場合があります。
  • 本Webサイトの利用にあたり発生した全ての問題や損害について、制作者は責任を負いません。
  • クレジット表記をしていただける場合は、以下のテキストを掲載してください。
ゲストの部屋: DiscordオーバーレイCSS | 169tools
https://guest-css.169tools.com

制作者

https://x.com/mizz_noff