화면이 너무 작습니다.일부 기능이 누락되거나 표시되지 않을 수 있습니다.

오버레이

뚜봇의 오버레이 기능으로 방송 화면을 꾸미는 방법을 안내합니다.

빠른 시작 가이드

오버레이를 사용하면 방송 화면에 신청곡, 룰렛 결과 등 다양한 정보를 표시할 수 있어요! OBS, XSplit 등의 방송 프로그램에서 브라우저 소스로 추가해서 사용해요.


제공되는 오버레이

신청곡 오버레이

현재 재생 중인 노래와 대기열을 표시해요.

  • 현재 재생 중인 곡 정보
  • 다음 대기곡 목록
  • 신청자 정보

룰렛 오버레이

룰렛 결과를 애니메이션과 함께 표시해요.

  • 룰렛 돌아가는 애니메이션
  • 결과 표시
  • 사용자 지정 이펙트

알림 오버레이

팔로우, 후원 등의 알림을 표시해요.

  • 새 팔로워 알림
  • 후원 알림
  • 커스텀 알림

오버레이 설정하기

1

대시보드 접속

뚜봇 대시보드에 로그인합니다.

2

오버레이 메뉴 선택

좌측 메뉴에서 '오버레이' 항목을 클릭합니다.

3

오버레이 선택

사용할 오버레이 종류를 선택합니다.

4

커스터마이징

다음 옵션들을 설정할 수 있어요:

  • 테마: 오버레이 색상 테마
  • 크기: 오버레이 크기 조절
  • 위치: 표시 위치 설정
  • 애니메이션: 등장/퇴장 애니메이션
5

URL 복사

설정 완료 후 'URL 복사' 버튼을 클릭하여 오버레이 URL을 복사합니다.


OBS에 추가하기

1

소스 추가

OBS에서 '소스' 패널의 '+' 버튼을 클릭합니다.

2

브라우저 선택

'브라우저'를 선택합니다.

3

URL 입력

복사한 오버레이 URL을 붙여넣습니다.

4

크기 설정

오버레이에 맞는 너비와 높이를 설정합니다.

권장 크기:

오버레이너비높이
신청곡400px600px
룰렛500px500px
알림800px200px
5

완료

'확인'을 클릭하여 오버레이를 추가합니다.


문제 해결

오버레이가 표시되지 않아요

  1. 대시보드에서 해당 기능이 활성화되어 있는지 확인하세요.
  2. OBS의 브라우저 소스에서 '새로고침' 버튼을 클릭해보세요.
  3. URL이 올바르게 복사되었는지 확인하세요.

오버레이가 끊겨요

  1. 인터넷 연결 상태를 확인하세요.
  2. OBS의 브라우저 소스 설정에서 FPS를 30으로 낮춰보세요.

오버레이가 업데이트되지 않아요

OBS 브라우저 소스의 '캐시 삭제' 버튼을 눌러보세요.

브라우저 소스 설정에서 '새로고침' 버튼을 누르거나, 소스를 삭제 후 다시 추가해도 돼요.


다음 단계

오버레이 설정이 완료되었다면, API를 활용한 고급 기능도 확인해보세요.

API 개요 →