歌枠用セットリスト表示「SIMPLE SONG LIST」
- Digital500 JPY
歌枠で歌った歌のリストを表示するHTMLです。 OBSにブラウザで読み込んで、入力画面から入力すると、リストに反映されるシンプルなヤーツです！！ 見たとおりとってもシンプルでカスタマイズも出来るので、どんな画面にも合わせやすくて使いやすいと思いたい！！気軽に使ってね！
設置の仕方
設置の仕方は簡単！ OBSに2つのHTMLファイルをドラッグアンドドロップしてサイズとかをちょっと調整するだけ！！ ■ input.html ・幅：350px～500px 高さ：440px ・カスタムCSSは削除 ・ソースの一番後ろに置いて見えないように ■ view.html ・幅：700px 高さ：750px ・元々入っているカスタムCSSのbodyは削除しないでください。
使い方
OBSにブラウザソースとしてinput.htmlを追加すると、クリックした時に入力用の画面（対話ウィンドウ）が表示されます。 この画面は実際のブラウザのように操作できるので、テキストをコピペしたり、クリックで操作が可能です。 ただし、OBSの仕様上、日本語を直接入力することはできません。 そのため、基本的には コピーしたテキストを貼り付けて入力 する使い方になります。 通常は Ctrl + V で貼り付け 一部のOBSバージョンでは Alt + V で貼り付け という違いがあるので、ご利用の環境に合わせて試してください。
カスタム方法
view.htmlは、カラーを自由に設定する事ができます。 基本的なカスタマイズ方法は、 :root { --title_color: #fff; --title_gbc: #333; } こんな感じで、rootの中に入れます！！ ■ タイトルの文字色を変えたい！ --title_color: #fff; ■ タイトルの背景色を変えたい！ --title_gbc: #333; ■ リストの文字色を変えたい！ --list_color: #333; ■ リストの背景色を変えたい！ --list_bgc: #fff; ■ ハーフサイズにしたい！ --area_size: 320px; --title_area_size: 80%;
クレジット等
クレジット表記や使用報告は不要です。 気軽に使ってください。 気が向いたら、フォローなんかしてもらえたらめっちゃ嬉しいです！！ https://twitter.com/kentax
その他のおすすめ素材
VTuberさん向け雑談配信画面用素材セット「Calm chatter」BGM付 https://kentax.booth.pm/items/4449291 VTuberさん向けスティンガーセット「CYBER STINGER vol.01」シーン切替え映像 https://kentax.booth.pm/items/4545340 わんコメテンプレート14種セット「KTX-ONE vol.01」 https://kentax.booth.pm/items/4466252