YLL OVERLAY TEMPLATES
配信画面を、
あなたの世界観に。
YLLのOBS表示は、画像パーツを追加するだけで見た目を変えられます。有志が作ったテンプレートで、コメントや時計、タイマーなどを着せ替えできます。
01 — WHAT
着せ替えできる、
画像だけのテンプレート
.yll-overlay ファイルには、画像と設定だけが入っています。プログラムは動かないので、安心して追加できます。
01
コメントカードを着せ替え
縦・小型・横の3つの表示ごとに、カードの背景を差し替えられます。名前・コメント・絵文字・バッジはYLLが描くので、読みやすさは保たれます。
02
時計・タイマー・歌枠なども
歌枠、時計、タイマー、モード、ウェルカム、来訪者の数字、参加型の表示まで、1つずつ枠を差し替えられます。
03
一部だけでもOK
「時計の枠だけ」「縦コメントだけ」のテンプレートも作れます。好きなパーツを組み合わせて、自分だけの見た目にできます。
04
OBSの設定はそのまま
適用しても、既存のOBSブラウザソースのURL・位置・サイズ・フィルターは変わりません。
02 — HOW TO USE
使い方
- テンプレートを入手する.yll-overlay ファイルをダウンロードします。
- YLLに追加するYLLの「OBS表示」にある「見た目パーツ(着せ替え)」または「コメント画像テンプレート」に、ファイルをドラッグ＆ドロップして追加します。
- 選んで、確認するテンプレートを選び、反映する表示にチェックを入れます。プレビューで、カードだけの表示とOBS合成の表示を確認できます。
- OBSに反映する「選択した表示へ反映」を押すと、既存のOBSブラウザソースにそのまま反映されます。
03 — CATALOG
配布中のテンプレート
有志テンプレートの掲載は準備中です。掲載のご相談は、お問い合わせからお願いします。
01
Sample Night Wave
月と波のモチーフのコメントカード(縦・小型・横)。テンプレートの動作確認用のサンプルです。作者：YuaWorks
FOR CREATORS
テンプレートを
作りたい方へ
テンプレートは、透過PNGの「9スライス」画像と、設定の manifest.json をZIPにまとめたものです。拡張子を .yll-overlay にして配布します。
パッケージの中身
manifest.json
preview.png ギャラリー用プレビュー
card-stack.png 縦コメント用(9スライス)
card-compact.png 小型コメント用(任意・推奨)
card-ticker.png 横コメント用(任意)
panel-clock.png 時計などの枠(任意。スロットごと)フォルダ構造や、これ以外のファイルは受け付けません。HTML・CSS・JavaScript・SVG・フォント・外部URLは実行されません。
推奨サイズ(必須ではありません)
| 種類 | PNG | assetScale | 表示の高さ |
|---|---|---|---|
| 縦コメント | 1200 × 320 | 2 | 160 px |
| 小型コメント | 1000 × 240 | 2 | 120 px |
| 横コメント | 1400 × 180 | 2 | 90 px |
| プレビュー | 1280 × 720 | — | — |
PNGは、1辺128〜4096px、6MBまで。透過に対応した形式にしてください。
着せ替えできる枠(スロット)
| グループ | スロット |
|---|---|
| コメント | 縦コメント / 小型コメント / 横コメント |
| 歌枠 | now-singing / song-stage / setlist / requests / history |
| 配信ツール | clock / timer / mode / welcome / away |
| 来訪者・数字 | today / stamp / youtube-stats / mission-board |
| 参加型 | game-list / game-count / game-status |
作るときのポイント
- 角・ロゴ・キャラの顔・細かい飾りは、角や端の固定領域に置き、中央は単色・グラデーション・伸ばして崩れない模様にします。
- contentInset(文字の安全領域)の内側は、十分なコントラストを保ってください。複数行・絵文字・名前・バッジが入ります。
- 横コメントは高さが固定です。長い文は、伸びずに省略されます。
- 新しい版を公開するときは、バージョン(例：1.1.0)を上げてください。
manifest.json の license 欄に、利用条件(例：配信利用可・再配布不可)を書くと、追加時に利用者へ表示されます。
CONTACT
まずは、気軽に
ご相談ください。
ホームページのこと、配信やMIXのこと。「歌ってみたを出してみたい」「古いホームページを何とかしたい」など、まだ形になっていないご相談も歓迎です。お見積りは無料で、予算に合わなければその時点でキャンセルして大丈夫です。