コメントしてくれたリスナーさんを、流れるお名前でかわいくお出迎え！💬🎀 VTuber・配信者さん向けの、わんコメ連携型ウェルカムバー（HTMLソース型配信素材）です。 左側に歓迎メッセージと人数を固定し、右側にリスナー名を右から左へ流します。 雑談、歌枠、ゲーム、記念配信など、リスナーさんとの交流を大切にしたい配信におすすめです。 ━━━━━━━━━━━━━━━━━ ✨ 主な機能・おすすめポイント ✨ ━━━━━━━━━━━━━━━━━ ① 今枠の初コメントをきっかけにお名前を表示 「初見さんのみ」「すべてのリスナー」から歓迎対象を選べます。 同じ配信枠の同一ユーザーを重複登録せず、未紹介のお名前を優先して表示します。 ※入場しただけの視聴者や、コメントしていない視聴者の名前を表示する機能ではありません。 ② 初見さん人数・現在の視聴者数を切り替え 人数欄は「今回の初見さん」「現在の視聴者数」「非表示」から選べます。 初見さん人数は本ツールで確認した人数、現在の視聴者数はわんコメから取得した選択中の配信枠の情報です。 取得できない視聴者数は「—」と表示し、実際に取得した0人と区別します。 ③ スクロールと再表示を配信のテンポに合わせて調整 表示人数、停留時間、スクロール速度、繰り返し間隔を調整できます。 紹介済みのお名前は「自動で再表示しない」「繰り返し」「回数指定」から選べ、「もう一度流す」で手動再表示も可能です。 表示終了後は歓迎語と人数を残すか、バー全体を隠すか選べます。 ④ 名前の一時非表示・リスナーリストを搭載 歓迎語と人数を残したまま、お名前だけを一時的に隠せます。 リストから個別に名前を隠したり、初見の誤判定を取り消したりできます。選択中の配信枠の名簿をコピーすることもできます。 ⑤ OBSドックから操作＆サイズ・配色をカスタマイズ 歓迎メッセージ、名前の敬称、幅・高さ、文字サイズ、左側の背景色、左右それぞれの文字色、背景の濃さを調整できます。 OBS内の操作ドックと表示画面を連動させて使用します。テスト表示では実際の名簿・人数を変えずに、短い名前や長い名前の見え方を確認できます。 ━━━━━━━━━━━━━━━━━ 📦 商品内容 ━━━━━━━━━━━━━━━━━ ・index.html ・style.css ・app.js ・使い方.md ※HTML・CSS・JavaScriptは、同じフォルダーにまとめてご利用ください。 ※わんコメ本体・SDKのコピーは同梱していません。本ツールはわんコメ公式商品ではありません。 ━━━━━━━━━━━━━━━━━ 🧷 導入方法・設定手順 ━━━━━━━━━━━━━━━━━ STEP 1｜わんコメへ配置 ① わんコメのテンプレートフォルダーのcustom直下に「welcome-slider」フォルダーを作成します。 ② index.html、style.css、app.jsを、その中へまとめて入れます。 ③ わんコメで対象の配信枠の「接続」「書き出し」をONにします。 STEP 2｜表示画面をOBSへ追加 ① OBSで「ブラウザ」ソースを追加し、「ローカルファイル」のチェックを外します。 ② わんコメが提供するテンプレートのHTTP URLに「?obs=1」を付けて入力します。 ③ 初期設定は幅1200px・高さ96pxです。パネルでサイズを変更した場合は、ブラウザソースのサイズも合わせてください。 既定ポート・フォルダー名での表示URL例： http://localhost:11180/templates/custom/welcome-slider/index.html?obs=1 STEP 3｜操作ドックから接続 ① OBSの「ドック」→「カスタムブラウザドック」に、同じテンプレートURLの末尾を「?dock=1」にしたURLを登録します。 ② ドックで「わんコメに接続」を押します。 ③ 配信情報や新しいコメントを受信した枠が一覧に出たら、対象の「配信枠」を選びます。 ④ 歓迎対象・メッセージ・人数・スクロール設定を調整してください。 操作URL例： http://localhost:11180/templates/custom/welcome-slider/index.html?dock=1 ※表示と操作は同じホスト名・ポート、同じOBS内のブラウザー環境で開いてください。localhostとIPアドレスを混在させないでください。 ※通常のブラウザーとOBSは保存・同期を共有しません。操作ページは1つだけ開いてください。 ※ファイルを直接開いたプレビューからはOBS用URLをコピーできません。わんコメのテンプレートURLを使用してください。 ━━━━━━━━━━━━━━━━━ 📌 初見判定・対応環境について ━━━━━━━━━━━━━━━━━ ・「初見さんのみ」は、わんコメから初見情報を取得でき、再訪フラグが立っていない方を対象にします。初見か不明な方を初見と推測して数えません。 ・初見判定・視聴者数の取得可否は、配信サービスとわんコメが提供する情報に依存します。すべてのサービスでの取得を保証するものではありません。 ・現在の版はコメントをきっかけに歓迎します。YouTubeでは未コメントの視聴者名は取得できません。 ・視聴者数が取得できない、切断している、または情報更新が2分以上ない場合は「—」と表示します。 ・操作ページから応答がない場合、OBS表示はお名前だけを非表示にし、設定済みの歓迎語と人数を残します。 ・リストのリセットは、すべての配信枠の名簿と初見数を初期化します。表示設定は残ります。 ・わんコメ9.1.6でYouTubeコメントの受信とブラウザー内同期を確認しています。OBSアプリ本体での接続は未確認のため、配信前にご利用環境で動作を確認してください。 ・Google Fontsを読み込むため、フォントの表示にはインターネット接続が必要です。 ━━━━━━━━━━━━━━━━━ 📜 利用規約 ━━━━━━━━━━━━━━━━━ 【必須事項（わんコメの利用規約について）】 本ツールの動作には外部フリーソフト「わんコメ」が必須となります。 ( [https://onecomme.com/](https://onecomme.com/) ) わんコメの無料版ライセンスをご利用の配信者様は、ご自身の配信概要欄等に「わんコメ」のクレジット表記を必ず行うようお願いいたします（詳細はわんコメ公式サイトの規約をご確認ください）。 【許可していること】 ✅ 商用利用（収益化済みのYouTube、Twitch、ツイキャス等の配信活動・動画制作） ✅ サムネイル、配信アーカイブ、切り抜き動画への映り込み ✅ 配信画面やオーバーレイに合わせたサイズ、配置の自由な変更・コードの微調整 【禁止事項】 ❌ 素材データ（ソースコード）そのもの、または加工・改変済データの再配布・転売・譲渡・自作発言 ❌ デザインの原型を留めない過度な改変、商標登録、公序良俗に反する目的での利用 ※著作権は放棄しておりません。 ━━━━━━━━━━━━━━━━━ 🎨 セミオーダー（カラー・デザインカスタム） ━━━━━━━━━━━━━━━━━ 販売中の素材を、活動スタイルやイメージカラーに合わせてカスタマイズ可能です✨ 基本料金システム：【 BOOTHの商品代金 】＋【 下記カスタム料金 】 ① カラー変更＋¥500 〜 全体の配色をご指定のカラーに変更します。 ② ロゴ・お名前挿入 ＋¥1,000 〜 ロゴやお名前を素材内に配置します。 ③ レイアウト微調整・パーツ分け ＋¥1,500 〜 配置変更や、OBSで動かしやすいようにパーツ分解します。 ※詳細やご依頼の流れは、こちらの【カスタム専用ページ】を確認してください。 🔗 https://sakuramii.booth.pm/items/8483503 ━━━━━━━━━━━━━━━━━ 🌐 配信活動に役立つ無料ツール公開中！ ━━━━━━━━━━━━━━━━━ ブラウザ上でカンタンに高画質アセットが作れる、実用的な無料ジェネレーターツールを多数公開しています。日々の活動や枠作りにぜひ役立ててください。 🎨 ゆめかわ カスタム時計ジェネレーター 📅 週間配信スケジュールメーカー 🖼️ 配信サムネイル背景ジェネレーター 🔗 https://sakuramisozaiya.vercel.app/ ━━━━━━━━━━━━━━━━━ 💌 お問い合わせ ━━━━━━━━━━━━━━━━━ ご不明な点や動作に関するご相談、カスタムのご依頼は、BOOTHのメッセージ、または X（旧Twitter）のDM（@skrm_sozaiya）よりお気軽にご連絡ください🧸💬