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








配信画面に出しておく「今日やる曲(またはやること)の一覧」の板です。いまどれをやっているかが光ります。済んだ曲は薄く(または取り消し線)、これからの曲は普通のまま。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をご確認ください







