1. 위젯 이미지
2. 위젯설명 (기능 소개)
자막/이미지 오버레이 위젯은 방송 화면 위에 원하는 텍스트와 이미지들을 다중 레이어 형태로 얹어 실시간으로 송출하는 오버레이 도구입니다. 화면 좌상단을 기준으로 픽셀(px) 단위의 정교한 좌표(X, Y) 배치 및 크기(%) 조절이 가능하며, 개별 항목별 노출 상태 제어와 텍스트 정렬/행간 옵션까지 세부적으로 지원하여 고유한 방송 스크린 레이아웃을 손쉽게 디자인할 수 있습니다.
3. 세팅 방법 (설치부터 주요 체크항목)
### 1. 오버레이 위젯 URL 준비 및 OBS 등록
* **위젯 링크 복사**: 대시보드의 `자막/이미지` 카드에서 **복사 아이콘(📋)**을 클릭하여 고유 오버레이 화면 주소를 복사합니다.
* **OBS 브라우저 소스 추가**:
1. OBS Studio 소스 목록에서 `+` 버튼을 누르고 **[브라우저 (Browser)]**를 추가합니다.
2. 복사한 오버레이 URL을 붙여넣습니다.
3. 해상도 값을 송출 화면 크기에 맞춰 너비 **1920**, 높이 **1080**으로 고정 입력합니다.
---
### 2. 자막 및 이미지 추가/수정 세팅
대시보드 카드 하단의 **[관리 (추가/수정)]** 버튼을 클릭하여 설정 팝업을 엽니다.
* **텍스트(자막) 추가 및 옵션**:
* **[+ 텍스트 추가]** 버튼을 클릭하면 새로운 자막 입력 레이어가 생성됩니다.
* 내용을 입력하고 정렬(가운데/왼쪽/오른쪽) 및 글씨의 행간 간격(기본 0.6)을 알맞게 설정합니다.
* **이미지 추가**:
* **[+ 이미지 추가]** 버튼을 클릭하고 연동할 이미지 파일(PNG, JPG 등)을 업로드합니다.
* **정밀 위치 및 크기 세팅**:
* **위치 (X, Y)**: 화면 좌상단 모서리를 기준으로 가로(X), 세로(Y) 오프셋을 픽셀(px) 단위로 지정해 위치를 이동합니다.
* **크기**: 오버레이 기본 너비 대비 출력할 텍스트 폰트/이미지의 크기를 비율(%) 단위로 미세 조절합니다.
* **레이어 노출 선택**: '표시' 체크박스를 체크한 항목만 실제 OBS 송출 화면에 투명하게 출력됩니다.
---
### 💡 주요 체크 항목 (동작하지 않을 때 해결법)
1. **자막/이미지가 화면에 아예 안 보일 때**:
* 대시보드 카드의 **[ON]** 제어 스위치가 빨간색으로 활성화되어 있는지 가장 먼저 체크합니다.
* 개별 관리 팝업에서 해당 항목의 **'표시' 체크박스**가 체크되어 있는지 점검합니다.
2. **위치가 어긋나거나 잘려서 보일 때**:
* OBS 브라우저 소스 설정 창의 해상도가 `1920 x 1080` 규격으로 정확히 적용되었는지 확인해 주세요. 좌표값(X,Y)은 1920x1080 전체 스크린을 기준으로 동작합니다.
* **위젯 링크 복사**: 대시보드의 `자막/이미지` 카드에서 **복사 아이콘(📋)**을 클릭하여 고유 오버레이 화면 주소를 복사합니다.
* **OBS 브라우저 소스 추가**:
1. OBS Studio 소스 목록에서 `+` 버튼을 누르고 **[브라우저 (Browser)]**를 추가합니다.
2. 복사한 오버레이 URL을 붙여넣습니다.
3. 해상도 값을 송출 화면 크기에 맞춰 너비 **1920**, 높이 **1080**으로 고정 입력합니다.
---
### 2. 자막 및 이미지 추가/수정 세팅
대시보드 카드 하단의 **[관리 (추가/수정)]** 버튼을 클릭하여 설정 팝업을 엽니다.
* **텍스트(자막) 추가 및 옵션**:
* **[+ 텍스트 추가]** 버튼을 클릭하면 새로운 자막 입력 레이어가 생성됩니다.
* 내용을 입력하고 정렬(가운데/왼쪽/오른쪽) 및 글씨의 행간 간격(기본 0.6)을 알맞게 설정합니다.
* **이미지 추가**:
* **[+ 이미지 추가]** 버튼을 클릭하고 연동할 이미지 파일(PNG, JPG 등)을 업로드합니다.
* **정밀 위치 및 크기 세팅**:
* **위치 (X, Y)**: 화면 좌상단 모서리를 기준으로 가로(X), 세로(Y) 오프셋을 픽셀(px) 단위로 지정해 위치를 이동합니다.
* **크기**: 오버레이 기본 너비 대비 출력할 텍스트 폰트/이미지의 크기를 비율(%) 단위로 미세 조절합니다.
* **레이어 노출 선택**: '표시' 체크박스를 체크한 항목만 실제 OBS 송출 화면에 투명하게 출력됩니다.
---
### 💡 주요 체크 항목 (동작하지 않을 때 해결법)
1. **자막/이미지가 화면에 아예 안 보일 때**:
* 대시보드 카드의 **[ON]** 제어 스위치가 빨간색으로 활성화되어 있는지 가장 먼저 체크합니다.
* 개별 관리 팝업에서 해당 항목의 **'표시' 체크박스**가 체크되어 있는지 점검합니다.
2. **위치가 어긋나거나 잘려서 보일 때**:
* OBS 브라우저 소스 설정 창의 해상도가 `1920 x 1080` 규격으로 정확히 적용되었는지 확인해 주세요. 좌표값(X,Y)은 1920x1080 전체 스크린을 기준으로 동작합니다.