【 歌枠/配信素材 】動く！透きとおったセットリスト【 OBS 】

【歌枠/配信素材】動く！透きとおったセットリスト【OBS】

歌枠のセットリストを、配信画面になじむ「透きとおった」デザインで表示できるOBS用素材です。

OBSのブラウザソースに読み込み、「対話（操作）」ウィンドウからボタン操作するだけで、セットリストを簡単に表示できます。

✦ 特徴 ✦

✧ 簡単操作

・OBSの「対話（操作）」ウィンドウで操作

・.txtファイル読み込み or コピー＆ペーストで曲を一括登録

・ドラッグ＆ドロップで曲順を自由に並び替え

✧ 実用性とデザイン性を両立

・配信画面になじむ、背景透過デザイン

・動くシークバーで再生中の雰囲気を演出

・歌った曲数と残りの曲数が一目で確認できる

・表示しきれない長い曲名や曲リストは、自動スクロールで表示

・歌っていない間は、登録した文字を流せる「休憩機能」付き

✧ カスタマイズできるデザイン

・右揃え/左揃えを選択可能

・曲順表示のON/OFFが切り替え可能

・アーティスト名表示のON/OFFが切り替え可能

・ソースの高さ・幅を自由に設定可能

・カスタムCSSで背景の追加や文字色を自由に変更可能

✦ 画面の見方 ✦

✧ 表示画面（右）

　① 今歌っている曲（曲名/アーティスト名/シークバー）

　② 歌った曲のリスト

✧ 操作画面（左）※配信には映しません

　③ 次に歌う曲のリスト

　④ 各種操作ボタン

✦ 同梱物 ✦

・clear_setlist_white.html

・clear_setlist_black.html

・README.txt

・sample_setlist.txt

✦ 動作環境 ✦

✧ Windows 11

✧ OBS Studio 32.2.2

・Mac版OBSでは動作確認をしておりません。ブラウザソースが使える環境であれば動作する見込みですが、動作の保証はいたしかねますのでご了承のうえご購入ください。

・フォントはインターネット経由で読み込みます。オフライン環境では別のフォントで表示されます。

✦ 導入方法 ✦

1. ダウンロードしたzipを解凍し、HTMLファイルを分かりやすい場所に保存

2. OBS「ソース」欄の「＋」→「ブラウザ」を選択

3. プロパティ画面でファイルを選択、幅/高さをお好みで設定

4. 配信に映したくない操作画面をクロップする

5. ソースを右クリック →「ブレンド方式」→「SRGBオフ」を選ぶ

6. ソースをクリック →「対話」の操作ウィンドウから曲の登録・切り替えなどを行う

✦ 曲の登録方法 ✦

✧ .txtファイルで読み込む

「.txtを読み込む」ボタンからファイルを選択します。

テンプレートに沿って入力すると自動的に判別され読み込まれます。

※同梱している「sample_setlist.txt」にて記入テンプレートを確認できます。

✧ コピー＆ペーストで登録する

曲リストをコピーし、「曲を追加」欄に貼り付けて「追加」ボタンを押すと、1行＝1曲としてまとめて登録されます。

※OBSの「対話」ウィンドウは仕様上、日本語入力ができません。

日本語の曲名はメモ帳などで入力してから貼り付けするか、.txtで読み込んでください。

もっと詳しい導入方法や操作方法・カスタムCSSは、同梱している「README.txt」に記載しております。

✦ ご注意 ✦

・シークバーは雰囲気を出すための演出です。実際の曲の長さや再生とは連動しません。

（約3分で一周し、再生/一時停止ボタンで止められます）

・OBSや配信ソフトの仕様変更により、動作が変わる可能性があります。

・ご購入後の返品・返金はデジタル商品の性質上お受けできません。

✦ 利用規約 ✦

◯ 個人・法人問わず配信でのご利用（収益化配信・アーカイブ含む）

◯ カスタムCSSによる文字色の変更・背景の追加

✕ ソースコードの編集、機能やデザインなどの改変

✕ 素材そのもの（改変したものを含む）の再配布・転売・譲渡

✕ 素材を自作と偽る行為

クレジット表記は任意ですが、していただけるととても嬉しいです！

（X:@larmereveluage)

✦ お問い合わせ ✦

不具合やご不明点は、BOOTHのメッセージ機能からお気軽にどうぞ！