【わんコメテンプレート】お知らせテロップ 10デザイン|次回予定・ハッシュタグ・お願いを帯やカードで常時表示・コマンドで追加/強調【OBS/配信告知】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、お知らせ用のテロップ表示です。次回の配信予定・ハッシュタグ・お願いなど、配信中ずっと出しておきたい文を、帯やカードで順番に出します。横1920×縦1080・背景透明。画面の下(または上)に高さ90 pxの帯が出て、左に「お知らせ」の札、右から左へ文が流れます(速さは config.js で変えられます)。文は config.js の notices に書くほか、配信中に配信者のコマンドで足す・消す・一覧を出す・帯を隠す、ができます。デザインは10種類です。 ■ 流れ 1. config.js の notices に、出しておきたい文を書く(既定は3つの例「次回の配信は 金曜 21時〜」「ハッシュタグ #配信 で感想を送ってね」「初見さんはぜひコメントを」。自分の予定・ハッシュタグ・お願いに書き換えてください)。画面の帯に文が流れます 2. 配信者が `!notice add 次回の配信は 日曜 20時〜` と書くと、文が1つ増えて帯に流れます(60字まで・有料版は20件まで) 3. `!notice list` で番号つきの一覧が画面に10秒出ます。`!notice del 1` で1番の文が消えます 4. `!notice off` で帯が隠れ、`!notice on` で戻ります。`!notice reset` で config.js の文に戻り、`!notice clear` で全部消えます 5. (有料版)`!notice now 大事なお知らせ` で、ほかの文を止めて、その文だけを30秒、大きく光らせて出します。終わると元に戻ります 6. (有料版)config.js の mode を 'card' にすると、1件ずつカードで出して、ふわっと次へ切り替わります ■ 特長 ・帯: 高さ90 px。位置は config.js の position で画面の下か上。上下にアクセントカラーの線、左に「お知らせ」の札(文字は変えられます) ・流れる表示: 右から左へ文が流れ、文と文の間に「◆」。速さは speed(既定 80 px/秒)。最後の文のあとはまた最初の文につながります ・(有料版)カード表示: 1件ずつカードで出し、cardSeconds(既定 8)秒ごとに次へ。「2 / 3」の番号つき ・(有料版)強調 `!notice now 文`: ほかの文を止めて、その文だけを nowSeconds(既定 30)秒、大きく光らせて出します ・(有料版)時刻: showClock を true にすると、帯の右端に現在時刻(HH:MM)を出します ・配信者コマンド: `!notice add 文` / `del 番号` / `list` / `clear` / `reset` / `on` / `off` / `now 文`(全角の「!」・全角スペース・全角の数字も可。配信者本人のコメントだけ有効。共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません) ・文は書かれたとおりの文字で表示され、「<b>x</b>」のようなタグも文字のまま出ます。1件は maxChars(既定 60)字まで、超えたら切って「…」 ・記録は localStorage(キー onecomme-notice-v1)に保存され、足した文・消した文・帯の on/off は、OBS を再読み込みしても、セッションの途中で OBS を開き直しても続きます。同じコメントで二度数えません ・config.js で、位置(position)・見せ方(mode)・速さ(speed)・カードの秒数・強調の秒数・時刻・文字数の上限・札の文字・文(notices)・アクセントカラーを変えられます ・アクセントカラー: color を変えると、帯の上下の線・「お知らせ」の札・区切りの「◆」・カードの番号・一覧の枠と番号・光の色が変わります(文字の基本色・背景は変わりません) ・OBS の「ローカルファイル」で index.html を選んで入れても、自動でわんコメの URL に開き直して動きます ・デザイン10種: ネオン(夜のネオン管の帯)/ゆめかわ(パステルの帯)/ピクセル(8bit の枠)/和風(和紙の帯に朱の札)/ミニマル白/ミニマル黒/肉球・猫(やさしい暖色の帯)/宇宙(星空の帯)/宝石(紺の面に金の線)/ターミナル(緑の線画の端末) ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示。既定の文は使い方を示す例で、実在の人・配信者名・URL は入っていません ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅1920・高さ1080を設定し、画面いっぱいに置く(帯は画面の下に高さ90 pxで出ます) 4. zip の中の config.js の notices に自分のお知らせを書き、配信者が「!notice add 文」と書くだけで、配信中も文を足せます ■ 動作環境 わんコメ 9.1 以降 + OBS のブラウザソース。表示中はわんコメを起動しておいてください(テンプレートはわんコメ本体の OneSDK を読み込みます)。 ■ 同梱 ・デザイン別テンプレートzip 10個(neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js) ・説明書.txt(導入手順・画面の見方・配信者のコマンド・状態の記録・無料版との違い・config.jsの変え方・アクセントカラー・デモ表示・動作環境・利用規約) ■ 注意 ・コマンドはわんコメの配信者(自分のチャンネル)のコメントだけが効きます。視聴者のコメントでは動きません。 ・画像・動画を生成するAIは使っていません(プログラムで描画)。プログラムと説明文はAIアシスタント(Claude)が作成しています。 ・わんコメ公式のテンプレート追加機能(zipのドラッグ&ドロップ)で導入します。フォルダを直接配置する方法ではありません。 ・コメントを使う機能(配信者のコマンド)が YouTube のコメントに反応するには、わんコメで Google ログインが必要です。 ・記録は OBS のブラウザソースの中(localStorage)に保存されます。別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に ?stay=1 を付けてください(説明書に手順があります)。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ あわせてどうぞ(待機・休憩カウントダウン 10デザイン・700円) https://moonlitprops.booth.pm/items/8964370 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071


