【配信】歌枠のセットリスト板 12デザイン｜いま何曲目かが光る｜クリック／キーで送る｜済んだ曲は薄く・横1列にもできる｜OBS用・設定ボタン(⚙)つき・登録不要

配信画面に出しておく「今日やる曲（またはやること）の一覧」の板です。いまどれをやっているかが光ります。済んだ曲は薄く（または取り消し線）、これからの曲は普通のまま。3つの状態が一目で分かります。

次へ送るのは配信者の手です。板をクリックするか、↑↓キー、数字キーを押すだけ。視聴者のコメントは読みません。外部サービスにも配信サイトにも一切つなぎません。自動集計も自動再生連携もしないので、配信中に勝手に動く事故が起きません。

曲名は自分で書きます。5曲でも20曲でも、板の大きさが勝手についてくるので組版が崩れません。同じ機能のまま、見た目だけ違うものを12デザインそろえました。

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

単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。日本語／English 切替対応。

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

◆ こんなときに

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

・歌枠のセットリストを出しておく（いま何曲目かも見せる）

・弾き語り・演奏配信の曲順表に

・「今日の流れ」の板として（ごあいさつ → ゲーム → 雑談 → 告知 → おわり）

・リクエスト企画の受付順を出しておく

・開始前の待機画面に、今日やることを大きく出す

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

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

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

・paper.html … 紙のリスト（クリーム色の紙。1行ごとに罫、左に朱の綴じ代と綴じ穴）

・chalk.html … 黒板（木の枠つき。いまの曲をチョークでぐるっと囲います）

・neon.html … ネオン（暗い板のふちが光ります。いまの曲の帯だけもう一段強く光ります）

・washi.html … 和紙（縁がちぎれた紙。いまの曲を朱でひと刷け。右下に印）

・dotmatrix.html … ドットマトリクス（点の並んだ案内板。いまの曲のところだけ点が点ります）

・terminal.html … ターミナル（黒地に細い枠。いまの曲の文字のうしろでカーソルが点滅）

・cassette.html … カセットのインデックスカード（上に色帯。いまの曲は四角い枠で囲います）

・sleeve.html … レコードのジャケット裏（印刷された曲目表。右下に盤が覗きます）

・memo.html … 手書きのメモ（上を2か所テープ留め。いまの曲をよれた線で囲います）

・hairline.html … ミニマルな細線（線は極細、区切りだけ。読ませることに全部よせた板）

・band.html … 太い帯（1行が1本の帯。いまの帯だけ差し色でべた塗り）

・pixel.html … ドット絵（角がカクカクした枠。いまの帯の上を光が1粒ずつ流れます）

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

◆ 曲目の書きかたと、送りかた

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

⚙の欄に1行1曲で書くだけです。改行するとそのまま曲が増えます。

・板のどこかをクリック → 次の曲へ

・曲の行をクリック → その曲へ跳ぶ（戻るのも跳ぶのも一発）

・↓ → Space Enter PageDown N → 次へ／↑ ← BackSpace PageUp P → ひとつ前へ

・数字キー 1〜9 → その番号の曲へ（0 は10曲目）／Home → 最初に戻す／End → 最後の曲

・曲を足しても減らしても、板の大きさが自動でついてきます

・長い曲名は折り返します。折り返した2行目も番号のぶんだけ字下げされます

・済んだ曲の見せかたは「薄くする／取り消し線／薄く＋取り消し線／消してしまう」から選べます

・縦1列と横1列を切り替えられます。横1列にすると画面の下に細長く敷けます

※ OBSでは、クリックとキーの操作は「対話」ウィンドウの中で効きます。

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

◆ 「いま何曲目か」の覚えかた

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

いま何曲目かは、このブラウザ（OBS）に覚えさせています。OBSを閉じて開き直しても、だいたい続きから始められます。

ただし、これは 消えても困らない値 として作ってあります。保存が消えたときや別のPCで開いたときは1曲目に戻りますが、数字キーを1回押すか、その行をクリックするだけで戻せます。累計・レベル・出席日数のような「積み上がって、失うと取り返せない値」はこの商品にはありません。覚えているのは「いま何曲目か」だけです。

覚えさせたくないときは、⚙のチェックを外せば毎回同じところから始まります。

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

◆ 設定ボタン（⚙）

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

曲目も、色も、進み具合も、URLを書き換えずに設定できます。

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

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

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

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

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

・?key=a ?key=b を付けると、同じデザインでもシーンごとに別の曲目・別の進み具合にできます

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

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

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

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

⚙から設定できます（URLの ?パラメータ でも指定できます）。

・曲目（1行1曲）／表題／下の一行

・いま何曲目か（0＝まだ始まっていない）

・済んだ曲の見せかた（薄く／取り消し線／薄く＋取り消し線／消す）

・並べかた（縦1列／横1列）

・行の頭の番号を出す・出さない／下の「3 / 8」を出す・出さない

・いま何曲目かを覚える・覚えない

・文字の大きさ（0.3〜3倍）

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

・画面いっぱいに地を敷く（初期は透過）

・飾りの動きを止める

・日本語／English

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

◆ 導入（30秒）

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

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

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

3. 幅・高さを決める（すみに縦置き＝600x700／待機画面＝1920x1080／下に細長く＝1920x180）

4. 画面の好きな位置に置く

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

◆ 収録内容

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

・HTMLファイル12点（1デザイン1ファイル）

・はじめにお読みください.txt（日本語）／READ ME FIRST (English).txt

・利用規約.txt ／ Terms of Use (English).txt

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

◆ ご注意

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

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

・曲名は自分で書くものです。ひな型の文（1曲目・2曲目…）はあくまで例です

・視聴者コメントの読み取りや、外部アプリ・音楽サービス・配信サイトとの連携機能はありません。再生中の曲を自動で取ってくることはできません

・自動では進みません（時間でも、曲の終わりでも進みません）

・並べ替え・シャッフルの機能はありません（書いた順に出ます）

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

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

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

◆ 利用規約（要約）

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

・個人・法人を問わず、配信・動画での利用は自由です（収益化も可）

・改変して使っても構いません

・再配布・素材としての再販売は禁止です

・詳細は同梱の利用規約.txtをご確認ください