【OBSに置くだけ】コラボ参加者ネームプレート 全16テーマ|名前・SNS・役割を並べる・わんコメ/Twitch両対応・本人のコメントで光る【商用可】
- Digital1,200 JPY







コラボ配信・複数人での配信で、参加者全員の「名前・SNS・役割」を配信画面にきれいに並べられるネームプレートです。誰が誰なのか、どのアカウントの人なのかが、視聴者にひと目で伝わります。 わんコメ(OneComme)/Twitchにつなぐと、参加者本人のコメントが来たときにそのカードが光り、コメントがふきだしで数秒だけ出ます(この連動はオフにもできます)。つながなくても、名札としてそのまま使えます。 イラストではなく光と線で作っているので、どんな配信画面にもなじみます。配色ちがいの全16テーマ入りで、季節を問わず一年中使えます。 ━━━━━━━━━━━━━━━━ こんな配信に ━━━━━━━━━━━━━━━━ ・複数人でのコラボ配信・対談・座談会 ・ゲームの多人数プレイ、参加型の企画配信 ・司会/ゲスト/解説など、役割を見せたい配信 ・お互いのSNSを視聴者に紹介したいとき ━━━━━━━━━━━━━━━━ 収録テーマ(全16/うち明るい配信画面用が4) ━━━━━━━━━━━━━━━━ <暗い配信画面に合う 12テーマ> ・gold(金) / neon(水色に光る) / sakura(桜) / kawaii(ピンク) ・forest(ミント) / crimson(赤) / violet(紫) / mono(モノクロ) ・ocean(深海ブルー) / ember(焚き火オレンジ) / sumi(墨×金) / lime(ライム) <明るい配信画面に合う 4テーマ> ・ivory(アイボリー) / nordic(北欧) / wamodern(和モダン) / matcha(抹茶) この4つはカードが白系で文字が濃い色です。イラスト配信・白背景・明るいゲーム画面の上でも読めます。 ━━━━━━━━━━━━━━━━ できること ━━━━━━━━━━━━━━━━ ・1枚のカードに「名前・SNS・役割・役割アイコン」を表示できます ・最大8人ぶんを目安に、横に並べて表示できます(人数で自動的に折り返します) ・役割(主催/司会/ゲスト/解説/実況 ほか)に合わせてアイコンが自動で付きます。絵文字を直接指定することもできます ・カードの幅・文字サイズ・色・角の丸み・光の速さを、CSSの一番上でまとめて変えられます ━━━━━━━━━━━━━━━━ わんコメ連動(任意機能) ━━━━━━━━━━━━━━━━ ・参加者の名前と一致するコメントが来ると、その人のカードが光ります ・そのコメントが、カードの上にふきだしで数秒だけ出ます(オフにできます) ・スパチャ・投げ銭・メンバー加入のコメントも拾えます ・わんコメは無料版でOK。起動しておくだけで自動でつながります(設定は要りません) ━━━━━━━━━━━━━━━━ Twitch直結(わんコメ不要) ━━━━━━━━━━━━━━━━ ・使うテーマの twitch.html のURLに「?twitch=チャンネル名」を足すだけで、Twitchのチャットに直接つながります ・アカウント登録・トークンは要りません ・「?demo=1」を付けると、OBSに置く前に動きを確認できます ━━━━━━━━━━━━━━━━ 導入方法(3ステップ・2分) ━━━━━━━━━━━━━━━━ 1. 同梱の panel.html を開き、参加者の名前・SNS・役割を入力して「OBS用URLを作る」を押します 2. OBSで「ソース」→「+」→「ブラウザ」を追加し、作ったURL(またはテーマの index.html)を指定します おすすめサイズ:幅 1600 × 高さ 260(画面下のバーとして) 3. テーマを変えたいときは、URLの「panda-nameplate-neon」の部分を、使いたいテーマのフォルダ名に書き換えるだけです ※ わんコメで使う場合は index.html、Twitchで使う場合は twitch.html?twitch=チャンネル名 を使います。 ※ panel.html を使わず、各テーマの script.js の一番上(CONFIG)に参加者を直接書いてもかまいません。 ━━━━━━━━━━━━━━━━ 操作パネル付き(CSSを書きません) ━━━━━━━━━━━━━━━━ 名前・SNS・役割を入れて「OBS用URLを作る」を押すだけで、OBSにそのまま貼れるURLができます。作ったURLはパネルとOBSが別のブラウザでも確実に渡せます。 ━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━ OBS Studio 30.x 以降(Windows・macOS) わんコメ 5.x(連動を使う場合のみ・無料版で可)/ Twitchチャットにも対応 画像・動画・外部フォントを使っていない軽量HTMLです。サーバー・アカウント登録・課金は不要で、インターネットに接続していなくても(Twitch連動以外は)動きます。 ━━━━━━━━━━━━━━━━ いっしょに使われています ━━━━━━━━━━━━━━━━ ・動くカメラ枠 全12テーマ×3サイズ ¥1,000 … コラボのカメラ枠もそろえたい方に https://panda-kaihatsu.booth.pm/items/8799726 ・動くコメント欄テーマ 全73色 ¥1,500 … 定番の配色をひととおり揃えたい方に https://panda-kaihatsu.booth.pm/items/8576737 ━━━━━━━━━━━━━━━━ ライセンス ━━━━━━━━━━━━━━━━ ・個人・法人問わず商用配信OK/自分の配信用の改変OK ・素材そのもの(HTML/CSS/JS)の再配布・転売はご遠慮ください ━━━━━━━━━━━━━━━━ 更新履歴 ━━━━━━━━━━━━━━━━ v1.0(2026-09-18)公開。全16テーマ・わんコメ/Twitch両対応。 ── panda studio / 人間1人+AIで配信素材をつくっています ── この色違いでは足りない、というとき 配信の世界観に合わせて、あなた専用のウィジェットをお作りしています。 https://panda-kaihatsu.booth.pm/items/8621384






