Compositor
Compositor는 오버레이를 조성하는 시각적 편집기입니다. 1920×1080 크기의 실시간 캔버스에서 widget을 배치하고, 크기 및 계층을 조절하여 원하는 오버레이를 만들 수 있습니다.
Compositor를 열기
사이드바의 왼쪽에서 Compositor을 클릭합니다.
캔버스
캔버스는 1920×1080 크기의 전체 스트림 프레임을 대표합니다. widget은 캔버스에 드拉그와 크기 조절을 통해 드拉그할 수 있는 draggable, resizable box로 나타납니다. 캔버스에 보이는 것은 OBS에서 렌더링되는 것과 동일합니다.
- widget을 드拉그면 위치를 변경합니다.
- widget의 corner를 드拉그면 크기를 조절합니다.
- widget를 클릭하면 설정을 확인할 수 있습니다. 오른쪽 패널에서 설정을 확인할 수 있습니다.
캔버스는 브라우저 창 크기에 따라 스케일링되지만, underlying resolution는 항상 1920×1080입니다 — position은 exact pixel coordinate입니다.
widget 추가
Add Widget를 클릭하여 widget picker를 열어 widget를 선택합니다. 다음을 선택할 수 있습니다:
- 채팅
- 알림
- TTS
- 미디어
- 목표
- 선물
- 캡션
- ...과 더 많은 widget
각 widget 타입은 한 번만 추가할 수 있습니다. 일부 widget (예: 알림)은 firing할 때까지 보이지 않습니다. 이것은 예상됩니다.
layer 패널
오버레이의 모든 widget을 표시하는 Layers 패널은 오른쪽에 있습니다. 다음을 사용하여:
- reorder — z-index를 변경하여 widget의 순서를 변경합니다.
- visibility를 toggle하여 widget을 보이거나 숨겨 widget을 삭제하지 않고 사용할 수 있습니다.
- lock를 사용하여 widget을Dragging을 방지합니다.
- Delete를 사용하여 widget을 오버레이에서 제거합니다.
Layers는 top-to-bottom로 패널에 정렬됩니다 (top = frontmost).
preset
presets는 다른 오버레이 레이아웃을 저장하고 switching할 수 있습니다. 일반적으로 사용하는 preset:
- Starting Soon — 최소한의 레이아웃에 카운트다운 또는 목표 widget.
- Live — full overlay와 함께 채팅, 알림, TTS.
- BRB — 단순한 "be right back" 레이아웃.
presets를 저장하기 위해: preset dropdown에서 Save as New Preset를 클릭하여 이름을 입력합니다.
presets를 switching하기 위해: dropdown에서 선택합니다. 오버레이가 즉시 업데이트됩니다. OBS reload이 필요하지 않습니다.
live preview
캔버스는 실시간으로 업데이트됩니다. separate browser window에서 오버레이 URL을 열어 캔버스에 보이는 변경 사항이 오버레이의 전체 오버레이 컨텍스트에서 정확하게 보입니다.
widget-specific settings (fonts, colors, themes)에서 사용하는 preset settings은 dashboard의 widget settings 패널에서 사용하여 변경할 수 있습니다. 변경 사항은 캔버스 preview에도 반영됩니다.
오버레이 URL
오버레이 URL은 캔버스 상단에 표시됩니다:
https://4throck.cloud/widgets/compositor/overlay?key=YOUR_KEY이 URL은 항상 변경되지 않습니다. OBS에만 추가해야 합니다. 단, 하나만 추가해야 합니다.
이 URL은 OBS에 추가해야 합니다.