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


配信画面のすみを流れ続ける「お知らせの帯」です。次回の配信予定、進行中の企画、守ってほしいこと――言いたいことを書いておけば、ずっと流れ続けます。同じ機能のまま、見た目だけ違うものを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

