【配信】文字を入れて置く 光る看板 12デザイン｜ネオン管・電球マーキー・電光掲示・行灯ほか｜背景透過・好きな言葉が入る・OBS用・設定ボタン(⚙)つき・登録不要

配信画面のすみや、待機画面のまん中に置いておく「光る看板」です。「ON AIR」「作業中」「歓迎」「準備中」など、好きな言葉を自分で入れて、そのまま置きっぱなしにします。

動く・設定できる・軽い。動画やAPNGの素材ではなく、その場で描いているHTMLなので、文字も色も明滅の強さも自分で変えられます。容量はごくわずかで、ループの継ぎ目もありません。

背景は透過です。ゲーム画面や待機画面の上にそのまま重ねられます。

同じ機能のまま、見た目だけ違うものを12デザインそろえました。

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

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

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

・tube.html … ガラス管のネオン（曲げた管で文字と枠を作り、外側に光がにじみます）

・marquee.html … 電球のマーキー看板（ふちを裸電球が一周し、光が順に流れます）

・dotmatrix.html … ドットマトリクスの電光看板（丸いLEDの粒で文字が出ます）

・hanging.html … 喫茶店の吊り看板（天井の棒から鎖で下がり、ゆっくり揺れます）

・cinema.html … 古い映画館のマーキー（乳白の光る面に黒い差し込み文字）

・andon.html … 和風の行灯（木の枠に和紙。灯りがゆらぎます）

・roadled.html … 道路の電光表示（ひさし付きの鉄箱に四角い橙のLED）

・crt.html … ブラウン管風（走査線と横帯が流れる画面）

・lcd.html … 液晶のバックライト（下の縁から光が入った淡い面に濃い文字）

・brush.html … 筆文字の看板に照明（木の板に墨の字。上の傘から光が落ちます）

・metal.html … 金属の切り文字に間接照明（壁板に厚みのある文字。裏から光がにじみます）

・garland.html … 裸電球のガーランド（たわんだ電線の電球が一つずつ瞬きます）

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

◆ 文字は自分で入れます

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

⚙の「1行目の文字」に、出したい言葉を書くだけです。2行にもできます。

・長い日本語を入れても、はみ出しません。文字の幅をそのつど測ってから字の大きさを決めているので、長い行はそのぶん小さくなって必ず枠に収まります

・日本語・英語のどちらでも同じように入ります

・実在する店名・企業名・ロゴは入っていません。言葉はすべてご自分で入れるものです

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

◆ ずっと明滅しています

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

置きっぱなしにしておくと、静かに明滅し続けます。ときどき「ジジッ」と切れかける揺らぎが入るので、貼り付けた絵には見えません。

・明滅の強さは0〜100で調節できます。0にするとチラつきが完全に止まります

・動きの速さも0〜3で変えられます。0にすると電球の流れも揺れも止まります

・両方0にすると（?flicker=0&speed=0）、動かない1枚絵のようにじっとした看板になります

・録画したループ動画ではないので、継ぎ目がありません

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

◆ 設定ボタン（⚙）

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

文字も、色も、大きさも、URLを書き換えずに設定できます。

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

2. 画面にマウスを乗せると、右上に ⚙ が出ます（出ないときは S キー）

3. 変更して「保存して閉じる」

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

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

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

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

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

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

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

・?text=ON AIR … 1行目の文字

・?two=on … 2行にする（初期は1行）／ ?text2=配信中 … 2行目の文字

・?size=0.8 … 看板の大きさ（0.3〜1.5。初期1＝枠に収まる最大）

・?flicker=0 … 明滅の強さ（0〜100。初期45。0でチラつきが止まります）

・?speed=0.5 … 動きの速さ（0〜3。初期1。0で電球の流れ・揺れ・走査が止まります）

・?theme=cyan … 配色（デザインごとに3〜4色）

・?color= / ?accent= / ?bgcolor= … 光の色／添えの色／台の色を自分で指定（#は不要）

・?lang=en … 英語表示 ／ ?mode=stream … ⚙を完全に出さない

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

◆ OBSへの入れ方

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

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

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

3. 幅・高さを入れる（横長の看板なら 900 x 300 くらいが目安）

4. 画面のすみに置いて、大きさを合わせる

指定した幅・高さの中に、収まるいちばん大きな大きさで描かれます。看板の「形」は入れた文字の長さで決まります（2行にすると縦が伸びます）。余った所は透明のままなので、高さは少し余裕をもって取ってください。

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

◆ ご注意

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

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

・文字は1行または2行です。3行以上は入りません

・時計・カウントダウン・視聴者コメントの集計はできません

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

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

◆ 特長

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

・背景は透過。下に敷いた映像やゲーム画面がそのまま透けます

・外部への通信は一切ありません（ネット接続不要・Webフォントなし）

・絵は「その瞬間の絵」を毎回計算しているだけなので、長時間つけっぱなしでもメモリが増えません

・動画ではないので容量はごくわずかで、ループの継ぎ目もありません

・Chrome／Edge で動作確認済み

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

◆ こんな方に

・画面のすみに「ON AIR」の看板をひとつ置きたい方

・待機画面のまん中に、自分の言葉で大きく出したい方

・重い動画ループではなく、軽いオーバーレイで済ませたい方

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

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