Compositor

Compositorは、オーバーレイを配置するための視覚的なエディターです。1920×1080のライブカメラのフルフレームを表すカンバスに、ドラッグしてサイズを変更してレイヤーすることができます。したがって、オーバーレイを構築したいとします。

Compositorを開く

左サイドバーのダッシュボードからCompositorをクリックします。

カンバス

カンバスは、1920×1080のフルストリームフレームを表します。ウィジェットはドラッグして位置を変更し、サイズを変更できます。カンバス上に表示されるものは、OBSでレンダリングされるものです。

• ドラッグしてウィジェットを位置を変更します。
• 角をドラッグしてサイズを変更します。
• ウィジェットをクリックして、右パネルに設定を表示します。

カンバスはブラウザウィンドウのサイズに応じてスケールされますが、下位解像度は常に1920×1080です — 位置は精度のあるピクセル座標です。

ウィジェットの追加

Add Widgetをクリックしてウィジェット選択パickerを開きます。選択する:

• チャット
• アラート
• TTS
• メディア
• ゴール
• ゲイブウェイ
• キャプション
• ...とさらに

各ウィジェットタイプは一度だけ追加できます。些細なウィジェット（例：アラート）は、発生するまで表示されません。これは予期せずです。

レイヤーパネル

右側のレイヤーパネルでは、オーバーレイ内のすべてのウィジェットが表示されます。使用するには:

• 並べ替え — ドラッグして、Zインデックス（表示される順序）を変更します。
• 表示 — アイコンをクリックして、ウィジェットを表示/非表示に切り替えます。
• ロック — ウィジェットをキャンビングする可能性を防ぐためにロックします。
• 削除 — オーバーレイからウィジェットを削除します。

レイヤーはパネル内で上から下に並べ替えられます（上 = フロント）。

パレット

パレットは、異なるオーバーレイレイアウトを保存してスイッチするための機能です。一般的な使用例:

• Starting Soon — 最小のレイアウトでカウントダウンまたはゴールウィジェット。
• Live — フルオーバーレイでチャット、アルート、TTSを含む。
• BRB — 「すぐに戻ってくる」レイアウト。

パレットを保存するには、パレットドロップダウンメニューからSave as New Presetをクリックして名前を付けて保存します。

パレットをスイッチするには、パレットドロップダウンメニューから選択します。オーバーレイは即座に更新されます — Reloadが必要ありません。

Live Preview

カンバスはリアルタイムで更新されます。オーバーレイのURLを別のブラウザウィンドウで開いて、オーバーレイの変更がフルオーバーレイコンテキストでどのように表示されるかを確認できます。

ウィジェットの設定（フォント、色、テーマなど）は、ダッシュボードのウィジェット設定パネルで行うことができます。ダッシュボードの設定変更も、カンバス preview に反映されます。

オーバーレイ URL

オーバーレイ URLは、カンバス上の右上の位置に表示されます。

https://4throck.cloud/widgets/compositor/overlay?key=YOUR_KEY

これは、OBSにブラウザソースとして追加する必要があるURLです。変更は必要ありません。

このURLは変更されません — 一度に追加する必要があります。