セトリスタ 2nd season を試験公開しました

セトリスタ 2nd seasonとは

OBSのブラウザソースで動くセットリスト編集ツール「セトリスタ」の次世代版です。

初代セトリスタとどう違う?

表示ページと操作ページがわかれました

OBS上で開く表示ページと、任意のブラウザで開く操作ページのふたつにわかれました。コピペでない直接の手入力が可能になります。

ひとつのページでスキンを自由に変更できるようになりました

OBS上での大きさ、位置調整の自由度が上がりました

導入方法

OBS上でソースの「ブラウザ」を追加して、以下のURLを指定します。

OBS用ページ

幅と高さはお好みで構いません。

追加したソースを選択して、「対話」ボタンを押してください。

フォームのなかにあるキーをコピーしてください。右クリック使えないのでCtrl+A & Ctrl+Cで。

ブラウザ用ページをChrome等で開いて、右上の設定ボタンを押します。

先ほどのキーをフォームに入力して、接続ボタンを押してください。OBS側でロゴが消えれば接続成功です。

スキン

各スキンのカスタムCSSも併せて置いておきます。

simple

See the Pen Setlista2 custom CSS[simple] by Kahlua (@nekosogi) on CodePen.

textOnly

とりいそぎ、新しいスキンをいっこ追加しました。文字しかないシンプルを超えたシンプルなやつ。

セトリスタ 2nd season を試験公開しました https://t.co/1DqImTV52c pic.twitter.com/fLZ34BaTPM

— Kahlua🍗セトリツール2nd season開始 (@nekosogi) April 12, 2023

See the Pen Setlista2 custom CSS[textOnly] by Kahlua (@nekosogi) on CodePen.

soulLike

あたらしいスキンができました。使い勝手はよくわかりません。

セトリスタ 2nd season を試験公開しましたhttps://t.co/1DqImTV52c pic.twitter.com/SKKYOOEw9U

— Kahlua🍗セトリツール2nd season開始 (@nekosogi) May 10, 2023

nightTime

諸事情によりどうしても突貫で作りたくなったのでスキンをひとつ追加しました。よろしくね。

セトリスタ 2nd season を試験公開しました | @nekosogi https://t.co/1DqImTV52c pic.twitter.com/iYuPV6ztLu

— Kahlua🍗 (@nekosogi) June 30, 2023

See the Pen Setlista2 custom CSS[nightTime] by Kahlua (@nekosogi) on CodePen.

mini

初代セトリスタにあったスキンを復刻しました。今度は大きさも変えられるよ。https://t.co/1DqImTV52c pic.twitter.com/mME29yQQre

— Kahlua🍗あたらしい素材に時計がついたよ (@nekosogi) August 16, 2023

See the Pen Setlista custom CSS[mini] by Kahlua (@nekosogi) on CodePen.

singlePlate

セトリスタ 2nd seasonに、今歌っている曲だけを表示するあたらしいスキンができました。なんだかパースがきいてるよ。

セトリスタ 2nd season を試験公開しました | https://t.co/1DqImTV52c pic.twitter.com/9lnlBCkuop

— Kahlua🍗デザイン屋 (@nekosogi) November 18, 2023

starBirth

セトリスタにあたらしいスキンが追加されたよ。⭐️ミ⭐️ミ⭐️ミ

セトリスタ 2nd season を試験公開しました | https://t.co/1DqImTV52c pic.twitter.com/SruRGM8nky

— Kahlua🍗デザイン屋 (@nekosogi) November 23, 2023

sign

セトリスタ 2nd seasonに新しいスキンが追加されました。よしなに。

➡️セトリスタ 2nd season を試験公開しましたhttps://t.co/1DqImTV52c pic.twitter.com/CEgE0UpeQQ

— Kahlua🍗デザイン屋 (@nekosogi) January 20, 2024

utaNyanko

2nd seasonに大人気だったアイツが帰ってきました。utaNyanko実装です。今度は高さの調節もできるぞ。

🔗セトリスタ 2nd season を試験公開しましたhttps://t.co/1DqImTV52c pic.twitter.com/QGB94Q8NR8

— Kahlua🍗デザイン屋 (@nekosogi) February 12, 2024

tatelista

縦型配信用のスキンです。幅1080px、高さ1920pxを指定してください。

お待たせしました、セトリスタに #縦型配信 用のスキン追加です。今後ものんびり増やしていくよ多分。https://t.co/1DqImTUxcE pic.twitter.com/hb9wL7N82U

— Kahlua🍗デザイン屋 (@nekosogi) December 8, 2023

tatelistaR

はいこちらは右寄せタイプだよ。好きなほうを使ってね。https://t.co/1DqImTV52c pic.twitter.com/OfrZORXqCZ

— Kahlua🍗デザイン屋 (@nekosogi) December 9, 2023

tatelistaAtsu

縦型配信用のスキンです。幅1080px、高さ1920pxを指定してください。

#縦型配信 用のセトリスタスキン、第二弾です。主張の強いタイトルがお好きな方はどうぞ。https://t.co/1DqImTV52c pic.twitter.com/4qEHlVT3mK

— Kahlua🍗デザイン屋 (@nekosogi) December 9, 2023

Q&A

スキン減ってない?

移植作業が必要なためこれから順次追加していきます。

キーが出てこないのだけども?

OBS-ブラウザ間の通信に使用している PeerJS Cloudサーバー がダウンしている可能性があります。サーバーの状態は↓で確認できます。

https://status.peerjs.com/

ダウンしてたらどうにもならないです。時が経ち復旧するのを待つしか。

現在試験公開中につき、

諸々不具合等あった場合はご容赦ください。本配信の前に一度動作確認していただけますと幸いです。気付いたとこはご一報いただけると助かります。感想なども是非に。Twitterでも↓の匿名で送れるサービスでもええよ。

Wavebox

こういうこともやってます

むんもっしゅ様( https://t.co/nvmlOGrQXW )のセトリツール用スキンとコメントフレームを制作いたしました。新衣装・新背景に合わせた中華風の意匠をあしらっています。 #むんもっしゅ新衣装 pic.twitter.com/VYXqMl5lEB

— シュダン | ご依頼受付中です (@shudanjp) June 25, 2023

木蜜甜花さま( https://t.co/jLEBgZognI )のセトリツール用スキンを制作いたしました。ASMRメニュー表示に用いていただいています。 pic.twitter.com/T7I27aL7cq

— シュダン | ご依頼受付中です (@shudanjp) August 9, 2023

ご依頼はこちらまで。

変更履歴

Ver 0.26.0 - 2024.2.13

Ver 0.25.0 - 2024.2.11

Ver 0.24.0 - 2024.1.20

Ver 0.23.0 - 2023.12.9

Ver 0.22.0 - 2023.12.9

Ver 0.21.0 - 2023.12.9

Ver 0.20.0 - 2023.11.23

Ver 0.19.0 - 2023.11.19

セトリスタにタイムスタンプ機能が追加されました。よきように活用してくださいまし。

セトリスタ 2nd season を試験公開しました | https://t.co/1DqImTV52c pic.twitter.com/CRXxYJvH55

— Kahlua🍗デザイン屋 (@nekosogi) November 19, 2023

Ver 0.18.0 - 2023.11.18

Ver 0.17.0 - 2023.11.13

Ver 0.16.0 - 2023.8.17

Ver 0.15.0 - 2023.6.30

Ver 0.14.1 - 2023.5.29

Ver 0.14.0 - 2023.5.10

Ver 0.13.1 - 2023.4.16

Ver 0.13.0 - 2023.4.12

Ver 0.12.0 - 2023.4.10