●
0000/00/00 00:00:00
≡
≡
≡
♡ パーツを追加
─ ヘッダーパーツ
🔴 LIVEバッジ
👤 プロフィール欄
✉️ メッセージ入力欄
🕐 時計（バー埋め込み型）
📺 テロップ（スクロール）
─ ボックスパーツ
🕐 時計（独立）
⏱ ストップウォッチ
🔢 カウンター
📝 メモボックス
▭ テキスト入力
◻ 図形 ▶
▭ 四角形
○ 円
🏷 TITLEボックス
🖼 画像ボックス
─ 背景パーツ
🖼️ 背景を変える
─ その他
⚙️ 設定（保存・OBS接続）
📡 表示更新（別タブ）
// HOW TO USE
パーツの追加
ダブルクリック何もない場所でパーツ追加メニューを開く
パーツの操作
ヘッダーをドラッグボックスを移動
角・辺のハンドルホバーで表示、ドラッグでリサイズ
≡ ボタンボックスにホバーで右上に出現 → 複製・文字サイズ・削除
ヘッダー上部パーツホバーで右上に≡が出現 → 同様のメニュー
プロフィール欄
ダブルクリックプロフィールテキストを編集（複数行を自動で切り替え表示）
設定の保存・読込（メニュー「⚙️ 設定」）
自動保存今の画面は自動で保存され、次に開いたときは続きから始まります
プリセット今の画面に名前を付けて、いくつでも保存・読み込み
ファイルに書き出す今の画面とプリセットをJSONファイルとしてダウンロード
ファイルから読み込む書き出したJSONを読み込んで、今の画面とプリセットを復元
表示更新同じURLを別タブで開いている場合、その画面へ即座に反映（同一オリジンで開く必要あり）
OBSに接続「⚙️ 設定」からOBSに接続すると、Chromeで編集した内容がOBSのブラウザソースに反映されます（OBSのWebSocketサーバーを有効にする必要あり）。確定モードではメニューの「📤 OBSに反映」か Ctrl+Enter で送ります
推奨設定
推奨サイズ1920 × 1080 px
Created by どんま / donnma　web : donnma.com
// BACKGROUND
飾りを追加
色・画像
消す
飾り・色・画像をまとめて消して、透明（OBSでは下の映像が見える状態）にします。
// SETTINGS
保存・読み込み
今の画面は自動で保存され、次に開いたときは続きから始まります。取っておきたい画面は、名前を付けてプリセットにできます。
今の画面とプリセットを、まとめて1つのファイルに書き出します（画像も含む）。別のPCやブラウザへ持っていったり、バックアップにしたりできます。
OBS接続
OBSの「ツール → WebSocketサーバー設定」で「WebSocketサーバーを有効にする」をオンにし、「接続情報を表示」のポートとパスワードを入れてください。接続すると、ここでの編集をOBSのこのオーバーレイに送ります。
ポート
パスワード
反映のしかた
「確定したときだけ」は、メニューの「📤 OBSに反映」か Ctrl+Enter を押したときにOBSへ送ります。配信中にこっそり直したいとき向けです。
● 未接続
Created by どんま / donnma　web : donnma.com
// PROFILE EDIT