OBSのブラウザソースに追加して使う、配信用のラベルバー素材キットです。配信タイトル、SNS、配信タグ、次回予定、現在の状態、短い告知を画面の端へ整理して表示できます。HTML/CSS/JSのみで動くローカルファイルなので、外部サービスに接続せずに使えます。 画像で確認できること ・実際の配信画面に置いたときの見え方 ・同梱ファイルとそれぞれの用途 ・青系、黄アクセント、白黒の3テーマ比較 ・OBSへ追加するまでの設定手順 ・6レイアウトと4種類のプレビュー 入っているもの ・OBSで読み込む index.html ・3テーマ、6レイアウト入りの theme.css ・メッセージ切り替え用の label-strip.js ・設定例 config.sample.json ・OBS導入README ・販売ページ確認にも使えるギャラリー画像 5枚 ・実物確認用プレビュー画像 4枚 ・ライセンス、AI利用メモ、サポート範囲 レイアウト ・画面下部の標準バー ・画面上部の標準バー ・左下の省スペース表示 ・縦型配信用の右側表示 ・告知テキストだけの横長表示 ・中央下の小型告知チップ テーマ ・青系の暗色テーマ ・黄アクセントの暖色テーマ ・白黒ベースの汎用テーマ こんな人向け ・OBSのブラウザソースで使う配信パーツを自作したくない人 ・配信画面の端にSNS、配信タグ、次回予定を整理して出したい人 ・既存オーバーレイを邪魔しない細い情報バーが欲しい人 ・縦型配信やショート動画向けにも使える表示パーツが欲しい人 ・購入前に見た目、同梱量、設定手順を確認してから選びたい人 使い方 1. OBSでブラウザソースを追加します。 2. ローカルファイルにチェックを入れます。 3. 同梱の index.html を選択します。 4. 幅1920、高さ1080に設定します。 5. URL末尾のパラメータでテーマ、レイアウト、文言を変更します。 ベンチマーク反映 BOOTH上の公開OBS/VTuber向け素材を比較し、無料商品でも複数プレビュー、色違い、具体的なOBS手順が購入判断に関わることを確認しました。この商品は有料商品として見劣りしない最低ラインとして、6レイアウト、3テーマ、実物使用画像、同梱内容画像、導入手順画像、ローカルHTML/CSS/JS、導入READMEを同梱しています。 注意 ・OBSや配信環境すべてでの動作を保証するものではありません。 ・素材ファイルそのものの再配布、ほぼ同一パッケージとしての販売、自作発言は禁止です。 ・サポートはファイル不足、zip破損、READMEの明確な誤りの確認に限ります。