【配信】お知らせテープ 16デザイン｜次回の予定・企画のルールを流し続ける｜日付と時刻を自動で差し込み・OBS背景透過・設定ボタン(⚙)つき・登録不要・無料版あり

配信画面のすみを流れ続ける「お知らせの帯」です。次回の配信予定、進行中の企画のルール、リンクの場所――言いたいことを書いておけば、ずっと流れ続けます。同じ機能のまま、見た目だけ違うものを16デザインそろえました。

文面に {time} {date} {day} と書くと、その場で今日の日付や現在時刻に置きかわります。「次回の配信は {date}（{day}）の21時からです」と一度書いておけば、毎日書き直す必要がありません。

単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。日本語／English 切替対応。

━━━━━━━━━━━━━━━━━━

◆ 収録している16デザイン

━━━━━━━━━━━━━━━━━━

【ニュース・報道】

・newsroom.html … ニューススタジオの下段テロップ

・breaking.html … 速報テロップ（赤い見出し札）

・station.html … 駅の電光掲示板（オレンジのドット）

【デジタル・光り物】

・led.html … LEDボード（白いドットの電光）

・neon.html … ネオン管（発光する文字）

・crt.html … 昔のブラウン管（走査線とにじみ）

・cyber.html … サイバーグリッチ（時々ズレる）

・terminal.html … ターミナル（等幅・CLI風）

・gaming.html … ゲーミングRGB（虹色に流れる）

【やわらかい・かわいい】

・kawaii.html … パステル（丸文字・ふんわり）

・pop.html … コミックポップ（太い縁取り）

・aurora.html … オーロラグラデーション

・marker.html … マーカーのメモ（手書き風の下線）

【落ち着いた】

・minimal.html … ミニマル（細い線1本）

・chic.html … シックな明朝（セリフ体）

・washi.html … 和紙（和風の帯）

━━━━━━━━━━━━━━━━━━

◆ 無料版があります（このページの ¥0）

━━━━━━━━━━━━━━━━━━

同じページの ¥0「無料版」からどうぞ。「ミニマル（minimal.html）」1デザインが、製品版とまったく同じ機能で入っています。設定ボタン（⚙）も日付の差し込みも使えます。

まずこれで、OBSでの入れ方と文面の書き心地を確かめてから、16デザインの製品版をご検討ください。

━━━━━━━━━━━━━━━━━━

◆ 日付と時刻は、書かなくても入ります

━━━━━━━━━━━━━━━━━━

文面の中に次の記号を書くと、その場で実際の値に置きかわります。

・{time} … いまの時刻（21:34）。毎秒書きかわります

・{date} … 今日の日付（8月30日）

・{day} … 今日の曜日（日曜日）

例）次回の配信は {date}（{day}）の21時からです

例）今日は {time} ごろまで流しています

※ {date} と {day} は、テープが一周した継ぎ目で書きかわります（流れている途中で文字数が変わると帯がガタつくためです）。

━━━━━━━━━━━━━━━━━━

◆ 設定ボタン（⚙）

━━━━━━━━━━━━━━━━━━

流す文面も、色も、速さも、URLを書き換えずに設定できます。

1. ソース一覧のテープを右クリック →「対話」を選ぶ

2. 帯にマウスを乗せると、右上に ⚙ が出ます

3. 「流す文面」に1行1件で書いて「保存して閉じる」

・件数に上限はありません

・普段 ⚙ は見えないので、配信画面には映りません

・歯車が見つからないときは、対話ウィンドウ内で S キーを押しても開けます

・設定は保存され、OBSを再起動しても残ります。「設定を初期化」で購入時の状態に戻せます

・?key=a ?key=b を付けると、同じデザインでもシーンごとに別の文面にできます

※ 設定の保存先はブラウザごとに別々です。Chromeで開いて設定してもOBS側には反映されません。OBSで使うぶんは、必ずOBSの「対話」画面の中で設定してください。

━━━━━━━━━━━━━━━━━━

◆ 16デザインすべてに共通の設定

━━━━━━━━━━━━━━━━━━

・?msg=… … 流す文面（| 区切りで複数件）

・?label=お知らせ … 左端の見出し札の文字（空にすると札ごと消えます）

・?sep=diamond … 区切り記号（dot / diamond / star / circle / slash / dash / bar / plus / none）

・?speed=120 … 流れる速さ（10〜400。1秒に進むドット数。既定85）

・?dir=right … 流れる向き（left / right）

・?size=44 … 文字の大きさ（10〜120。既定34）

・?height=90 … 帯の高さ（0で文字の大きさから自動）

・?pos=top … 帯の位置（bottom / top / center / free）／ ?y=30 … free のときの縦位置

・?alpha=80 … 帯の透け具合（20〜100 ％）

・?clock=on … 右端に現在時刻を出す

・?color=ffffff / ?bg=101014 / ?accent=ff3b30 … 文字・帯・差し色（#は不要）

・?lang=en … 英語表示

・?mode=stream … ⚙を完全に出さない

━━━━━━━━━━━━━━━━━━

◆ OBSへの入れ方

━━━━━━━━━━━━━━━━━━

1. ソース →「＋」→「ブラウザ」

2.「ローカルファイル」にチェック → 使いたい .html を選ぶ

3. 幅・高さは配信画面と同じ大きさ（例: 1920 x 1080）を入れる

帯は画面の下端に自動で貼り付きます。帯以外の場所は透過です。

帯だけの高さのソースにしたいときは、幅1920・高さ80 くらいにして ?pos=center にしてください。

━━━━━━━━━━━━━━━━━━

◆ ご注意

━━━━━━━━━━━━━━━━━━

・効果音はありません（表示のみです）

・視聴者コメントを流す機能ではありません。流れるのは、自分で書いた文面だけです

・外部アプリやAPIとの連携機能はありません

━━━━━━━━━━━━━━━━━━

◆ 特長

━━━━━━━━━━━━━━━━━━

・画像素材を使わない「コード製」。外部への通信は一切ありません（ネット接続不要）

・長時間つけっぱなしにしても、流れた中身を溜め込まない作りなのでメモリが増えていきません

・Chrome／Edge で動作確認済み

・配信可・商用利用可（同梱の利用規約参照）

◆ こんな方に

・待機画面に「開始時刻」と「お知らせ」を出しておきたい方

・ゲーム配信の下端に、企画のルールをずっと出しておきたい方

・歌枠でリクエストの受付方法を案内したい方

万が一素材に不備がありましたらメッセージまでお願いします。

不具合・ご要望は BOOTH のメッセージからどうぞ。