1. 위젯 이미지
2. 위젯설명 (기능 소개)
튜버스테이지는 스마트폰 하나로 간편하게 라이브를 송출하는 모바일 스트리머들의 절대적인 필수 템이자, 한 개의 위젯 링크 설치만으로 5가지 핵심 위젯(상품/시그, 자막/이미지, BGM/효과음, 주문알림, 플랜/로고)의 효과를 한꺼번에 즐길 수 있는 통합 스타터키트입니다. 리소스를 많이 차지하는 개별 오버레이 대신 단 1개의 주소만 등록하면 되므로 프리즘 라이브(PRISM Live Studio) 등의 모바일 송출 앱 사용 시 최고의 효율과 편리함을 제공합니
3. 세팅 방법 (설치부터 주요 체크항목)
### 📱 스마트폰 모바일 송출(프리즘 라이브) 최적화 템!
* **모바일 방송 필수 솔루션**: 스마트폰 라이브 송출 앱(예: **프리즘 라이브 스튜디오 - PRISM Live Studio**)은 기기 성능과 화면 제약상 웹 오버레이 주소를 여러 개 등록하기가 매우 어렵거나 불가능합니다.
* **올인원 1채널 믹싱**: 튜버스테이지는 단 하나의 주소(1 URL) 안에 5대 위젯 기능이 완벽하게 탑재되어 있어, 모바일 송출 프로그램에 이 링크 딱 하나만 추가하면 화려한 PC급 방송 연출을 그대로 구현할 수 있습니다.
---
### 1. 통합 오버레이 위젯 URL 준비 및 송출기 등록
* **위젯 링크 복사**: 튜버스테이지 대시보드(`starter/index.php`) 상단에 위치한 **[OBS 위젯 주소] 복사** 버튼을 클릭하여 고유 통합 오버레이 주소를 복사합니다.
* **송출 프로그램 등록**:
* **PC (OBS Studio)**: 소스 목록 `+` ➡️ **[브라우저 (Browser)]** 소스를 1개만 추가하고 복사한 주소를 입력합니다. (해상도 너비 **1920**, 높이 **1080** 고정 또는 세로형 해상도 너비 **1080**, 높이 **1920** )
* **모바일 (PRISM Live Studio 등)**: 앱 내 오버레이/웹 소스 추가 메뉴에서 복사한 주소 링크를 딱 1개만 등록해 줍니다.
---
### 2. 스타터키트 내 5대 위젯 통합 구성
튜버스테이지 하나로 송출되는 5가지 위젯의 역할은 다음과 같습니다.
1. **상품/시그 슬라이더**: 내 상점의 대표 시그니처 리액션 아이템 롤링 노출.
2. **자막/이미지 오버레이**: 실시간 공지 자막 및 홍보용 배너/이미지 노출.
3. **BGM / 효과음 오버레이**: 리액션 알림 시 볼륨이 자동 조절(덕킹)되는 배경음악 및 상황별 이펙트 사운드.
4. **주문알림 리액션**: 상품 주문, 포인트 획득 시 팝업과 숫자 카운트업 효과 연동.
5. **Plan / Logo (플랜/로고)**: 방송국 대표 브랜드 로고 및 목표 매출액 달성 현황 게이지바 노출.
---
### 3. 실시간 배치 포지셔닝 및 크기 제어
* **화면 내 개별 위치/크기 커스텀**:
* 제어 화면 하단에서 각 위젯별 **[가로 너비 W (%)]** 및 **[위젯 높이 H (px)]** 값을 조절하여 저장합니다.
* 캠 위치나 방송 테마의 데드존을 피해서 위젯들의 레이아웃을 실시간 매칭할 수 있습니다.
---
### 4. 마스터 컨트롤 기능
* **일괄 ON/OFF 마스터 스위치**:
* 방송 시작 또는 종료 시 대시보드 최상단의 **[위젯 ON / OFF]** 마스터 토글 스위치 클릭 한 번으로 송출되는 5대 오버레이 전체를 한꺼번에 켜고 끌 수 있습니다.
---
### 💡 주요 체크 항목 (동작하지 않을 때 해결법)
1. **모바일 앱 송출 시 알림 창이 보이지 않을 때**:
* 프리즘 라이브 스튜디오 등 모바일 앱에 등록된 웹 소스 레이어 순서가 캠 화면 레이어보다 위(가장 앞단)에 배치되어 있는지 꼭 확인해 주세요.
2. **배치 크기나 위치를 바꿨는데 송출 화면에 반영되지 않을 때**:
* 수치를 변경하고 페이지 하단의 **[통합 위젯 배치 설정 저장]** 버튼을 반드시 클릭해야 최종 반영됩니다.
* **모바일 방송 필수 솔루션**: 스마트폰 라이브 송출 앱(예: **프리즘 라이브 스튜디오 - PRISM Live Studio**)은 기기 성능과 화면 제약상 웹 오버레이 주소를 여러 개 등록하기가 매우 어렵거나 불가능합니다.
* **올인원 1채널 믹싱**: 튜버스테이지는 단 하나의 주소(1 URL) 안에 5대 위젯 기능이 완벽하게 탑재되어 있어, 모바일 송출 프로그램에 이 링크 딱 하나만 추가하면 화려한 PC급 방송 연출을 그대로 구현할 수 있습니다.
---
### 1. 통합 오버레이 위젯 URL 준비 및 송출기 등록
* **위젯 링크 복사**: 튜버스테이지 대시보드(`starter/index.php`) 상단에 위치한 **[OBS 위젯 주소] 복사** 버튼을 클릭하여 고유 통합 오버레이 주소를 복사합니다.
* **송출 프로그램 등록**:
* **PC (OBS Studio)**: 소스 목록 `+` ➡️ **[브라우저 (Browser)]** 소스를 1개만 추가하고 복사한 주소를 입력합니다. (해상도 너비 **1920**, 높이 **1080** 고정 또는 세로형 해상도 너비 **1080**, 높이 **1920** )
* **모바일 (PRISM Live Studio 등)**: 앱 내 오버레이/웹 소스 추가 메뉴에서 복사한 주소 링크를 딱 1개만 등록해 줍니다.
---
### 2. 스타터키트 내 5대 위젯 통합 구성
튜버스테이지 하나로 송출되는 5가지 위젯의 역할은 다음과 같습니다.
1. **상품/시그 슬라이더**: 내 상점의 대표 시그니처 리액션 아이템 롤링 노출.
2. **자막/이미지 오버레이**: 실시간 공지 자막 및 홍보용 배너/이미지 노출.
3. **BGM / 효과음 오버레이**: 리액션 알림 시 볼륨이 자동 조절(덕킹)되는 배경음악 및 상황별 이펙트 사운드.
4. **주문알림 리액션**: 상품 주문, 포인트 획득 시 팝업과 숫자 카운트업 효과 연동.
5. **Plan / Logo (플랜/로고)**: 방송국 대표 브랜드 로고 및 목표 매출액 달성 현황 게이지바 노출.
---
### 3. 실시간 배치 포지셔닝 및 크기 제어
* **화면 내 개별 위치/크기 커스텀**:
* 제어 화면 하단에서 각 위젯별 **[가로 너비 W (%)]** 및 **[위젯 높이 H (px)]** 값을 조절하여 저장합니다.
* 캠 위치나 방송 테마의 데드존을 피해서 위젯들의 레이아웃을 실시간 매칭할 수 있습니다.
---
### 4. 마스터 컨트롤 기능
* **일괄 ON/OFF 마스터 스위치**:
* 방송 시작 또는 종료 시 대시보드 최상단의 **[위젯 ON / OFF]** 마스터 토글 스위치 클릭 한 번으로 송출되는 5대 오버레이 전체를 한꺼번에 켜고 끌 수 있습니다.
---
### 💡 주요 체크 항목 (동작하지 않을 때 해결법)
1. **모바일 앱 송출 시 알림 창이 보이지 않을 때**:
* 프리즘 라이브 스튜디오 등 모바일 앱에 등록된 웹 소스 레이어 순서가 캠 화면 레이어보다 위(가장 앞단)에 배치되어 있는지 꼭 확인해 주세요.
2. **배치 크기나 위치를 바꿨는데 송출 화면에 반영되지 않을 때**:
* 수치를 변경하고 페이지 하단의 **[통합 위젯 배치 설정 저장]** 버튼을 반드시 클릭해야 최종 반영됩니다.