가이드
가이드 › 화면 오버레이 › 오버레이 시작하기

🖼️ 오버레이 시작하기

OBS에 화면을 얹는 방법. 모든 오버레이에 공통으로 쓰인다.

오버레이는 방송 화면 위에 얹는 작은 웹페이지입니다. 빵떡이 주소(링크)를 만들어 주면, 그 주소를 OBS의 브라우저 소스로 넣기만 하면 됩니다. 팔로우 알림·룰렛·신청곡 표시가 모두 이 방식입니다.

한 번만 익히면 끝

아래 순서는 모든 오버레이에 똑같이 적용됩니다. 각 기능 문서에서는 설정값만 설명합니다.

OBS에 넣는 법

  1. 관리 페이지에서 주소를 복사합니다

    기능 화면마다 오버레이 주소(또는 복사 버튼)가 있습니다. 눌러서 복사하세요.

  2. OBS에서 소스를 추가합니다

    장면(Scene)을 고르고 소스 › + › 브라우저를 누릅니다. 이름은 알아보기 쉽게(예: 팔로우알림).

  3. URL 칸에 붙여넣습니다

    너비·높이는 보통 1920 × 1080으로 두면 됩니다. 기능 문서에 권장 크기가 있으면 그 값을 쓰세요.

  4. 확인하고 위치를 잡습니다

    화면에 나오면 드래그해서 자리를 잡습니다. 테스트 버튼이 있는 기능은 눌러서 확인해 보세요.

OBS 소스 목록에서 브라우저 소스 추가
OBS 아래쪽에서 ① 장면을 고른 뒤, ② 「소스 목록」의 +를 눌러 브라우저를 선택하면 됩니다.

꼭 알아둘 것

오버레이 주소는 비밀번호와 같습니다

주소를 아는 사람은 내 알림 화면을 볼 수 있습니다. 방송 화면에 주소가 그대로 나오지 않도록 조심하고, 다른 사람에게 보내지 마세요.

채팅으로 오버레이 새로고침하기

설정을 바꿨는데 화면이 그대로일 때, OBS 를 건드리지 않고 채팅에 한 줄 쳐서 다시 읽게 할 수 있습니다. 스트리머·매니저만 됩니다.

치는 말새로고침되는 오버레이
!오버레이 전체아래 오버레이를 한꺼번에
!오버레이 채팅 · !오버레이 채팅플러스채팅 오버레이 · 채팅 플러스
!오버레이 멀티기능멀티 기능 오버레이
!오버레이 목표후원후원 목표
!오버레이 불러부러불러부러
!오버레이 플레이어오버레이형 플레이어
!오버레이 뽑기뽑기
!오버레이 시참시청자 참여
!오버레이 주루마블 · !오버레이 주루마블플러스주루마블
일부 오버레이는 저장만 해도 알아서 새로고침됩니다

채팅·주루마블·후원 목표·멀티 기능·불러부러는 설정 저장을 누르면 자동으로 다시 읽습니다.

내가 OBS에 뭘 넣었는지 모를 때

오버레이를 하나씩 늘리다 보면 어느 장면에 무엇이 들어 있는지 헷갈립니다. OBS 스크립트로 브라우저 소스 목록만 뽑아 볼 수 있습니다.

  1. 스크립트 파일을 받습니다

    브라우저리스트만들기.lua — 공식 카페의 가이드 게시판 「obs 브라우저 목록 추출하기」 글에 첨부돼 있습니다.

  2. OBS에 등록합니다

    OBS 메뉴 도구 › 스크립트 → 왼쪽 아래 + → 받은 파일을 고릅니다.

  3. 결과를 봅니다

    스크립트 로그를 누르면 장면 › 소스 이름 › 브라우저 주소 순으로 나옵니다. 치지직·빵떡 주소만 골라 보여 줍니다.

남이 만든 스크립트는 함부로 넣지 마세요

OBS 스크립트는 내 컴퓨터에서 그대로 실행됩니다. 카페에서 받은 파일만 쓰시고, 파일을 퍼뜨리는 대신 글 링크를 공유해 주세요 — 중간에 바뀐 파일이 돌아다니지 않게.

잘 안 될 때

증상먼저 해볼 것
아무것도 안 보인다소스를 오른쪽 클릭 → 새로 고침. 그래도 안 되면 주소를 다시 복사해 넣기.
한참 뒤에 멈춘다소스 속성에서 보이지 않을 때 소스 종료 체크를 꺼 보세요.
테스트는 되는데 실제로 안 뜬다기능이 켜짐으로 되어 있는지, 방송이 켜진 상태인지 확인하세요.
화면이 잘린다브라우저 소스의 너비·높이를 1920×1080으로 맞추고, 크기 조절은 OBS에서 하세요.