【配信】いま流しているもの表示 12デザイン｜曲名も作業内容も自分で書くだけ｜リストを→で送れる・外部連携なしで壊れない・OBS用・設定ボタン(⚙)つき

配信画面のすみに置く「いま何を流しているか」の札です。曲名・BGM名・作業内容・読んでいる本など、自分で書いた文字を出します。同じ機能のまま、見た目だけ違うものを12デザインそろえました。

前後にリスト（プレイリスト）を持てます。OBSの「対話」で → を押すだけで次の1件へ進みます。進めた位置は覚えているので、OBSを再起動してもソースを更新しても、続きから出ます。

もちろん「1件だけ」でも使えます。⚙に1つ書けば、それがずっと出ます。

動画ファイルではありません。その場で描いているので、容量はごくわずかで、ループの継ぎ目もありません。文字はHTMLの文字なので、どんな大きさでもにじみません。

単一HTML・インストール不要・アカウント不要・オフライン動作。背景は透過で、札の下だけ色が乗ります。OBSのブラウザソースに入れるだけ。日本語／English 切替対応。

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

◆ 先にお読みください（正直に書きます）

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

・音を聴いていません。マイクにもPCの音にも一切触れません

・外部サービスと繋ぎません。音楽アプリや配信サイトの「再生中」は取ってきません

・イコライザの棒・レコードの回転・波形・走査線は「飾り」です。音量にも周波数にも再生位置にも連動しません

・経過時間のバーは入れていません。本当の再生位置を知らないので、出すと嘘になるからです

出るのは、あなたが自分で書いた文字だけです。そのかわり、繋ぎ先が無いので「連携が切れて出なくなる」ことがありません。アカウントも、拡張機能も、ネット接続も要りません。

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

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

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

・vinyl.html … レコード（黒い盤が回り、腕が載ります）

・cassette.html … カセットテープ（2つのリールが回ります）

・radio.html … ラジオの目盛（指針が左右にゆっくり動きます）

・equalizer.html … イコライザ（棒が上下します ※飾りです）

・minimal.html … ミニマル（極細の1行。小さな点が息をします）

・neon.html … ネオン（輪が回り、枠も文字も光ります）

・paper.html … 紙のラベル（明朝の二重枠に、押印のような輪）

・terminal.html … ターミナル（黒地に等幅。ブロックとカーソル）

・pixel.html … ドット絵（角ばった枠。ドットが「段」で動きます）

・vhs.html … VHSのラベル（走査線が流れ、題名の色が少しずれます）

・marker.html … 手書き風（文字の下に手描きの波線）

・card.html … カード（角丸。ジャケット風の四角に光が流れます）

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

◆ リストにして、→ で送る

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

⚙の「リスト」欄に1行1件で書きます。

　夜明けのワルツ / 弦楽四重奏

　川沿いを歩く / ピアノ独奏

　図書室の午後 / 木管五重奏

・行の中を「 / 」（前後に空白のあるスラッシュ）で区切ると、上下2段になります

・OBSの「対話」で → か N を押すと次、← か P で前。最後まで行くと最初に戻ります

・進めた位置はこのブラウザに保存されます。OBSを再起動しても続きから出ます

・リストや開始位置を書き換えたときは、新しい指定のほうを優先します

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

◆ 曲以外にも使えます

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

・作業配信に（「作業中／資料づくり」のように、いまやっている事を出す）

・読書・勉強配信に（本の題名と章を出す）

・雑談枠のトピック表示に（話す予定をリストに並べて、話題が変わったら → を1回）

・BGM垂れ流し配信に（曲名を並べて、曲が変わったら → を1回）

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

◆ 設定ボタン（⚙）

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

文字も、色も、置き場所も、URLを書き換えずに設定できます。

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

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

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

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

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

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

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

◆ 変えられるところ

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

・見出し札の文字（初期 NOW PLAYING。空にすると消えます）

・配色（デザインごとに3〜4色）／文字色・差し色・下地の色を自分で指定

・大きさ（0.3〜4倍）／飾りの動きの速さ／飾りを止める

・札の下地の濃さ（0〜100。0にすると枠と文字だけ）

・画面のどこに置くか（9か所）

・「3 / 12」の番号を出す・消す

・進めた位置を覚える・覚えない

・日本語／English

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

◆ ご注意

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

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

・音楽アプリ・配信サイト・APIとの連携はありません。文字は手で書き換えます

・自動で次へ送る機能はありません（曲の長さを知らないため）。送るのは → / ← です

・キーボードでの送りは、OBSの「対話」ウィンドウにキー入力が届いているときだけ効きます

・題名が長いときは、札の幅で切って「…」になります。ソースの幅を広げてください

・「3 / 12」の番号は、リストが2件以上あるときだけ出ます

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

◆ 動作環境

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

・Chrome / Edge で動作確認済み。OBS Studio 28以降のブラウザソース（Chromium）や、Streamlabs など、ブラウザソースがある配信ソフトでも同じように使えます。Streamlabs など、ブラウザソースがある配信ソフトなら同様に使えます

・ネット接続は不要です。外部へは一切通信しません（Webフォントも広告も入っていません）。書体はお使いのPCに入っているものを使います

・飾りは「その時刻の絵」を毎回計算しているだけで、過去のコマを溜め込みません。長時間つけっぱなしにしてもメモリが増えていきません

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

◆ 収録内容

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

・HTML 12本（vinyl / cassette / radio / equalizer / minimal / neon / paper / terminal / pixel / vhs / marker / card）

・説明書（日本語・英語）

・利用規約（日本語・英語）

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

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