━━━━━━━━━━━━━━━━━━ 歌枠が終わったあと、概要欄に「0:00 曲名」を打ち直していませんか。 このウィジェットは、曲を進めたときの時刻を覚えておきます。 配信が終わったら、ボタンを1つ押すだけで、そのまま貼れる形で出てきます。 0:00 オープニング曲 4:12 リクエスト曲 10:11 しっとりバラード 20:40 盛り上がる曲 49:40 80年代/90年代 メドレー 1:02:30 アンコール もちろん、配信画面に出すセットリストとしても使えます。 背景は透明。歌い終わった曲には自動で打ち消し線が入り、いま歌っている曲が色で目立ちます。 ■ 概要欄のタイムスタンプが、配信中にできていきます ・「次の曲へ ▶」を押した時刻を記録します ・配信を始めたときに「配信開始を今にする」を1回押すだけ ・押し忘れても、1曲目を出した時刻が 0:00 になります ・1時間を超えると 1:02:30 の形になります（動画の章の形） ・行き過ぎて戻しても、最初に歌った時刻は変わりません ・ずれたときは stampOffset でまとめて直せます ・出す形は変えられます（例「{time} {song} / {artist}」） ・CSVでも保存できます（曲番・時刻・曲名・アーティスト） ■ そのまま使えるデザインが12種類 シンプル白／ネオン／カード／ミニマル細字／レトロ端末／パステル／ モノクロ太字／ゴールド／ダークカード／手書き風／ビビッド／和風 config.js の design を 1〜12 に変えるだけです。 そこから色・書体・文字サイズだけを上書きすることもできます。 いま歌っている曲は、グラデーションにもできます。 ■ 配信中の操作 【A】操作パネルのボタンを押す control.html を開いて「次の曲へ ▶」を押すだけ。曲名をクリックすれば、その曲に飛べます。 OBSの「ドック」→「カスタムブラウザドック」に control.html を登録すると、 OBSの中に操作パネルを置けます。 【B】ウィジェットを直接クリックする OBSの「ソースとの対話」から曲名をクリックします。 【C】URLの後ろに ?current=3 と付ける ※【A】が効くのは、ウィジェットと操作パネルが同じブラウザの中にあるときです。 OBSの中のブラウザソースと、外で開いたChromeは別扱いになります。 OBSの中に置くとき（＝カスタムブラウザドック）は【A】、外のブラウザを使うときは【B】か【C】でどうぞ。 ■ 曲は、まとめて貼り付けられます 操作パネルの「曲をまとめて入れる」に、1行1曲で貼って押すだけ。 配信中に来たリクエストも、その場で足せます。 「曲名 / アーティスト」と書くと、アーティスト名が小さく下に出ます。 「80年代/90年代 メドレー」のような曲名は、アーティストと取り違えずにそのまま出ます。 ■ 曲が多くても、画面からはみ出しません 表示する行数を決めておくと、いま歌っている曲に合わせて自動でスクロールします。 隠れている分は「ほか6曲」と出るので、視聴者にも曲数が伝わります。 「12曲中 5曲目」で、今どこかも分かります。 ■ シンプル版との違い 同じ作者の「歌枠セットリスト」（シンプル版）もあります。 配信画面に出すだけでよければ、そちらで足ります。 PRO で増えるのは、おもにこの3つです。 ・概要欄に貼るタイムスタンプ（CSVも） ・デザイン12種とグラデーション ・曲をまとめて貼り付け、アーティスト名の表示 ■ 入っているもの ・setlist.html（ウィジェット本体） ・control.html（操作パネル） ・config.js（設定ファイル。曲名はここに書きます） ・README_使い方.txt（日本語） ・README_English.txt（English） ■ 使い方 1. zipを解凍します 2. config.js を開いて、songs に曲名を1行1曲で書きます（操作パネルから貼り付けてもOK） 3. OBSで「ソース」→「＋」→「ブラウザ」を追加します 4. 「ローカルファイル」にチェックを入れ、setlist.html を選びます 5. 幅600 / 高さ660 くらいにして「OK」 6. 「ドック」→「カスタムブラウザドック」に control.html を入れます ■ インターネットに繋ぎません 外部のサービスには一切つなぎません。ネット接続がなくても動きます。 曲名がどこかに送られることもありません。 ■ できないこと（先に書いておきます） ・歌っている曲を自動で聞き取ることはできません（進めるのはボタンかクリックです） ・YouTube や Spotify から曲名を取ってくる機能はありません ・概要欄への貼り付けは手でお願いします（コピーまでを用意しています） ・歌詞の表示や音程の判定はできません ■ よくある質問 Q. 背景は透過しますか？ A. します。OBSのブラウザソースに入れると、配信画面の上に重ねて表示されます。 Q. 配信を始めるときのボタンを押し忘れました。 A. 1曲目を出した時刻が 0:00 になります。全体がずれているときは、 　　config.js の stampOffset に秒数を入れると、まとめて直せます。 Q. 曲数に上限はありますか？ A. ありません。画面に出す行数（maxVisible）だけを決めておけば、 　　いま歌っている曲に合わせてスクロールします。 Q. 設定はどこで変えますか？ A. config.js をメモ帳などで開いて、数字や文字を書き換えて保存します。 　　OBSのソースを「更新」すると反映されます。 　　曲リストを書き換えたときは、操作パネル（ドック）も「更新」してください。 　　片方だけだと、操作パネルに「曲リストが違います」と出ます。 Q. 進み具合はどこに残りますか？ A. ブラウザの中に残ります。OBSの「キャッシュを削除」をすると消えます。 　　大事な記録は、操作パネルの「CSVで保存」で残しておいてください。 Q. 商用利用できますか？ A. できます。作った物の使用は、個人・法人を問わず自由です。 　　ファイルそのものの再配布・転売だけはご遠慮ください。 ■ 利用について ・個人・法人を問わず、配信での使用は自由です（商用可） ・ファイルの再配布・転売は不可です ・改変しての使用はご自由にどうぞ ■ 動作環境 OBS Studio の「ブラウザ」ソース向けです。Chrome（Windows）で動作を確認しています。 ■ 制作について このウィジェットはAIと共同で制作しています。 うまく動かないときはメッセージをください。