配信画面つくるくんのアイコン
配信画面つくるくんセッションオーバーレイ
このブラウザに保存
VOICE & CHARACTERS

声に、キャラクターを。

OBS STUDIO
QUICK START

録画までの、ひと準備。

  1. Discordデスクトップ版を起動し、Streamkitで初回の接続を許可します。
  2. VCまたはTCの「チャンネルリンクをコピー」を貼り付けます。招待リンクではありません。Streamkit発行URLも使えます。
  3. キャラクターを登録し、Discordの開発者モードでコピーしたユーザーIDを入力します。画像・表示名を指定してください。
  4. OBSの「ブラウザ」ソースにURLとカスタムCSSを貼り、表示された幅・高さを設定します。VCごとにソースを作ります。
  5. 装飾は「PNGを保存」でダウンロードし、OBSの「画像」ソースに追加します。

このサイトはVCの音声や投稿を取得しません。実際の表示・接続はStreamkitが担当します。別VCの情報をDiscordが返さない場合や、Streamkitが不調の場合はCSSでは解消できません。

自動判別はStreamkitの自分の参加表示とCSSの :has() を使用します。OBSを更新してお使いください。画像はCSSに埋め込むため、画像の公開アップロードは不要です。

設定はこのブラウザに保存されます。変更後はOBSのCSSを貼り直してください。

参考:OBSのDiscordアイコン外観変更ジェネレーター ↗