配信画面のすみを流れ続ける「お知らせの帯」です。次回の配信予定、進行中の企画のルール、リンクの場所――言いたいことを書いておけば、ずっと流れ続けます。同じ機能のまま、見た目だけ違うものを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 のメッセージからどうぞ。