설정

OBS 오버레이 설정

방송 화면에 주문 알림을 표시하는 오버레이를 설정합니다.

이 가이드를 통해 배울 내용
OBS Studio에서 방송 화면에 실시간 주문 알림을 표시하는 오버레이를 설정하는 방법입니다.

오버레이 기능
시청자가 주문을 하면 방송 화면에 "홍길동님 비타민C 2개 주문!" 형태로 실시간 알림이 표시됩니다.

OBS에 오버레이 추가하기#

OBS Studio 설치
아직 설치하지 않았다면 OBS 공식 사이트에서 다운로드합니다.
오버레이 URL 복사
설정 페이지의 "OBS 오버레이" 섹션에서 오버레이 URL을 복사합니다.
OBS에서 브라우저 소스 추가
OBS 실행 → 소스 패널에서 + 클릭 → "브라우저" 선택
소스 이름을 "주문 알림" 등으로 지정하면 관리하기 편합니다.
URL 및 크기 설정
- URL: 복사한 오버레이 URL 붙여넣기
- 너비: 1080
- 높이: 1920
위치 조정
미리보기 화면에서 브라우저 소스를 드래그하여 원하는 위치로 이동합니다.
주문이 들어오면 방송 화면에 알림이 표시됩니다!

오버레이가 보이지 않을 때#

오버레이가 보이지 않을 때
- 브라우저 소스 우클릭 → "새로고침" 클릭
- 설정 페이지에서 연동 상태가 "연결됨"인지 확인
- 브라우저 소스의 URL이 설정 페이지에서 복사한 주소와 같은지 확인

표시 유형과 URL 확인#

설정의 ‘표시 유형’에서 주문+입금·주문만·입금만·표시 안함을 고른 후 표시된 URL을 복사합니다. 유형이 바뀌면 OBS에서도 새로 복사한 URL을 사용하세요. ‘표시 안함’을 선택한 상태에서는 주문이 있어도 메시지가 보이지 않습니다.

배치와 글꼴 바꾸기#

오버레이 디자인 편집에서 채팅 피드와 고정 안내 문구의 위치·크기·색상 등을 바꿀 수 있습니다. 현재 에디터의 1080 × 1920 캔버스를 기준으로 브라우저 소스를 만들고 OBS 안에서 방송 화면에 맞춰 배치하세요. 저장 후 미리보기에서 확인하고 실제 주문·입금 이벤트가 들어올 때 표시되는지 확인합니다.