【OBS透過】歌枠セットリスト ウィジェット｜曲名を書くだけ・歌った曲に自動で線・ボタンで切替【商用可】 ━━━━━━━━━━━━━━━━━━ 配信画面に、今日歌う曲のリストを出せます。背景は透明です。 歌い終わった曲には自動で打ち消し線が入り、いま歌っている曲が色で目立ちます。 「いまどこ歌ってるの？」をコメントで聞かれなくなります。 ■ できること ・今日のセットリストを配信画面に表示 ・歌い終わった曲は自動で打ち消し線＋うすい色 ・いま歌っている曲は色と目印（▶）で目立つ ・「12曲中 5曲目」と残りが分かる ・背景は透明。配信画面にそのまま重ねられます ■ 配信中の切り替えが、3通りあります 歌枠でいちばん面倒なのが「次の曲に進める」操作です。やりやすい方法を選べます。 【A】操作パネルのボタンを押す control.html を開いて「次の曲へ ▶」を押すだけ。曲名をクリックすれば、その曲に飛べます。 OBSの「カスタムブラウザドック」に登録すれば、OBSの中に操作パネルを置くこともできます。 （この組み合わせで連動するかは、お使いの環境によります。こちらではOBS実機で確認できていません） 【B】ウィジェットを直接クリックする OBSの「ソースとの対話」から曲名をクリックします。 【C】URLの後ろに ?current=3 と付ける ※【A】が連動するのは、ウィジェットと操作パネルが同じブラウザで開かれているときです。 OBSの中のブラウザソースと、外で開いたChromeは別扱いになるため連動しません。 そのときは【B】か【C】で切り替えられます。この点は正直に書いておきます。 ■ 曲が多くても、画面からはみ出しません 20曲あっても大丈夫です。表示する行数を決めておくと、いま歌っている曲に合わせて自動でスクロールします。 隠れている分は「ほか12曲」と出るので、視聴者にも曲数が伝わります。 ■ 配信中にリクエスト曲を足せます 操作パネルの入力欄に曲名を入れて「追加」。リストの最後に足されます。 足した曲は「リセット」で消えます。 ※この機能は操作パネルにしかありません。【A】が連動していない環境では使えません。 　その場合は config.js に曲を書き足して、ブラウザソースを「更新」してください。 ■ 色は3つ、別々に決められます 「これから歌う曲」「いま歌っている曲」「歌い終わった曲」を、それぞれ好きな色にできます。 3色が違うから、ぱっと見て今どこかが分かります。 config.js の color / accent / doneColor の3か所を書き換えるだけです。 ※1か所変えれば全部そろう、という作りではありません。 3つの色は別々に持っています（そこが、この商品の要だからです）。 変えられるもの：これから歌う曲の色／いまの曲の色／歌い終わった曲の色／見出しの色／書体／ 文字サイズ／曲番号の有無／打ち消し線の有無／目印／表示行数／左寄せと中央寄せ／ 背景パネルの有無／日本語と英語 ■ 入っているもの ・setlist.html（ウィジェット本体） ・control.html（操作パネル） ・config.js（設定ファイル。曲名はここに書きます） ・README_使い方.txt（日本語） ・README_English.txt（English） ■ 使い方 1. zipを解凍します 2. config.js を開いて、songs に曲名を1行1曲で書きます 3. OBSで「ソース」→「＋」→「ブラウザ」を追加します 4. 「ローカルファイル」にチェックを入れ、setlist.html を選びます 5. 幅600 / 高さ500 くらいにして「OK」 ■ インターネットに繋ぎません 外部のサービスには一切つなぎません。ネット接続がなくても動きます。 曲名がどこかに送られることもありません。 ■ 利用について ・個人・法人を問わず、配信での使用は自由です（商用可） ・ファイルの再配布・転売は不可です ・改変しての使用はご自由にどうぞ ■ 動作環境 OBS Studio の「ブラウザ」ソース向けです。 ■ 制作について このウィジェットはAIと共同で制作しています。 （曲数が多いときに、いま歌っている曲が必ず画面に入るか／曲番が範囲外でも壊れないか／ 操作パネルの変更が届くか／設定した色や文字サイズが効くか、など） うまく動かないときはメッセージをください。