【配信】お知らせテープ 第2弾 12デザイン｜書いた文が流れ続ける帯｜1件ずつ木箱や旗に載る型・1文字ずつ枡に入る型も｜時刻と日付を差し込める・背景透過・OBS用・設定ボタン(⚙)つき

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

設定の名前は第1弾（16デザイン）とそろえてあります。第1弾をお持ちの方は、URLのHTMLの名前を差し替えるだけでそのまま移れます。題材は第1弾と1つも重ねていません。

単一HTML・インストール不要・アカウント不要・オフライン動作。帯は画面の下端に自動で貼り付きます（上端・中央にも置けます）。帯以外の場所は透過なので、そのまま配信画面に重なります。日本語／English 切替対応。

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

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

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

文字がそのまま流れる

・marquee.html … 電球の看板（上下の豆電球が順ぐりに光る）

・receipt.html … レシートの紙送り（感熱紙とミシン目）

・chalk.html … 黒板とチョーク（木枠・チョークの粉）

・cassette.html … カセットテープ（窓の奥でリールが回る）

・ribbon.html … 贈り物のリボン（繻子の照りが走る）

・hazard.html … 工事の注意帯（トラ縞と回転灯）

お知らせ1件ずつが物に載って流れる

・conveyor.html … ベルトコンベア（木箱が流れてくる）

・plate.html … 回るお皿（レーンの上を皿が流れる）

・bunting.html … 万国旗（紐からぶら下がる旗）

1文字ずつ枡に入って流れる

・flip.html … 反転フラップ表示機（羽の真ん中に割れ目）

・genko.html … 原稿用紙（朱の升目）

・keycap.html … キーの頭（空白はスペースバーになる）

12デザインとも、できることは同じです。違うのは見た目と、文字の載せかただけです。長い文を書くと、物に載せる型ではその1件が長い木箱／長い皿になります。1文字ずつの型では空白も1枡ぶんとして数えます。

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

◆ 流す文面

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

⚙の「流すお知らせ」に1行1件で書きます。書いた順に、区切りの記号をはさんでくり返し流れます（1周に入れられるのは40件までです）。

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

　{time}　いまの時刻（21:34）

　{date}　今日の日付（9月17日）

　{day}　 今日の曜日（水曜日）

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

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

{date} と {day} は、テープが一周した継ぎ目で書きかわります（流れている途中で文字数が変わると、帯がガタつくためです）。{time} だけは毎秒書きかわります。数字の幅が動かない書きかたなので、流れが飛んだりガタついたりしません。

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

◆ 変えられるところ

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

・左端の見出し札の文字（空にすると札ごと消えます）

・区切り記号（点・菱形・星・丸・斜線・ダッシュ・縦棒・十字・なし）

・流れる速さ（1秒に進むドット数で 10〜400。既定は85）

・流れる向き（左へ／右へ）

・文字の大きさ（10〜120。既定は34）と、帯の高さ

・帯の位置（下端・上端・中央・好きな高さ）

・帯の濃さ（20〜100％。文字と飾りの地だけが薄くなります）

・右端に現在時刻を出す

・配色はデザインごとに3通り。文字・帯・差し色を自分で指定することもできます

・飾りの動き（電球・ベルト・リールなど）を止める。文字は流れたままです

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

◆ 設定ボタン（⚙）

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

ソースを右クリック →「対話」→ 帯にマウスを乗せると右上に ⚙ が出ます。文面・速さ・大きさ・位置・配色は、そこから変えて「保存して閉じる」だけです。普段 ⚙ は見えないので配信画面には映りません。歯車が見つからないときは、対話ウィンドウ内で S キーでも開きます。設定は保存され、OBSを再起動しても残ります。「設定を初期化」でいつでも元に戻せます。

設定の保存先はブラウザごとに別々です（localStorage の仕様）。Chromeで開いて設定してもOBS側には反映されませんので、OBSで使うぶんは対話の画面の中で設定してください。同じデザインを複数のシーンで別々の文面にしたいときは、URLの末尾に ?key=a ?key=b を付けて保存先を分けてください。

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

◆ 使いかたの例

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

・待機画面に置いて、開始時刻とお知らせを流す

・ゲーム配信の下端に置いて、企画のルールを流し続ける

・歌枠でリクエストの受付方法を流す

・イベント配信で、タイムテーブルを {time} つきで流す

・画面の上端に置いて、下端は別のものに空けておく

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

◆ ご注意

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

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

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

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

・万国旗（bunting）だけは、旗の色に「文字の色」を、旗の上の字に「帯の色」を使います

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

◆ 動作環境

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

OBSのブラウザソース（Chromium）で使うために作っています。こちらでの動作確認は Chrome / Edge で行いました。Streamlabs など、ブラウザソースがある配信ソフトでも同じ形で読み込めます。ネット接続は不要で、外部へは一切通信しません（Webフォントも広告も入っていません）。書体はお使いのPCに入っているものを使います。

文字はHTMLの文字なので、どんな大きさでもにじみません。動画ではないので、容量はごくわずかで、ループの継ぎ目もありません。1回ぶん流し終えると同じ場所まで巻き戻すので、つけっぱなしにしても位置の数字が大きくなっていきません。

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

◆ 同梱

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

HTML 12本 ／ はじめにお読みください.txt ／ READ ME FIRST (English).txt ／ 利用規約.txt ／ Terms of Use (English).txt