가이드

OBS에 컨트롤러 오버레이를 추가하는 방법

버튼 누름, 스틱 움직임, 트리거 당김을 모두 방송에 보여 주세요. 1분 정도면 되고 설치할 것도 없어요.

1단계

컨트롤러 연결하기

OBS를 실행하는 PC에 컨트롤러를 케이블로 연결하거나 블루투스로 페어링하세요. Windows가 게임 컨트롤러로 인식한다면 Xbox, PlayStation, Switch Pro와 대부분의 서드파티 패드가 작동해요.

2단계

오버레이 만들기

gamepad.lol을 열고 ‘오버레이 만들기’를 선택하세요. 시작할 때 계정은 필요 없어요. 익명 오버레이는 7일 동안 유지되고, 나중에 로그인하면 영구 보관할 수 있어요.

컨트롤러에 맞는 스킨을 고르세요. 버튼을 누르면 미리보기가 바로 반응해요.

3단계

장면에 맞게 꾸미기

대기, 누름, 강조 색상을 바꾸고, 버튼 라벨을 켜거나 끄고, 오버레이 크기를 정하세요. 손대지 않았는데 스틱이 쏠려서 떨린다면 스틱 데드존을 조금 올리세요.

미리보기에서 요소를 드래그해 옮기거나 필요 없는 부분을 숨기세요. 마음에 들면 저장하세요. 나중에 언제든 모두 바꿀 수 있어요.

4단계

OBS에 브라우저 소스로 추가하기

오버레이의 브라우저 소스 URL을 복사하세요. OBS에서 ‘소스 목록’ 아래의 더하기 버튼을 클릭하고 ‘브라우저’를 선택한 뒤 이름을 정하고 확인을 누르세요.

URL 칸에 링크를 붙여 넣고 너비와 높이를 오버레이 크기(기본값 800 × 500)에 맞추세요. OBS의 사용자 지정 CSS 칸은 그대로 두세요. 배경은 이미 투명해요.

‘컨트롤러’ 속성

브라우저

URLhttps://gamepad.lol/o/your-view-key
너비800
높이500
보이지 않을 때 소스 종료
링크를 붙여 넣고, 크기를 정하고, 확인을 누르세요. OBS에 필요한 건 이게 전부예요.

5단계

버튼 누르기

브라우저는 한 번 사용된 컨트롤러만 인식하므로 아무 버튼이나 한 번 누르세요. 오버레이가 곧바로 움직이기 시작해요. 소스 크기와 위치는 다른 소스처럼 장면에서 조정하면 돼요.

문제 해결

오버레이가 보이지만 움직이지 않아요
먼저 컨트롤러 버튼을 누르세요. 그래도 움직이지 않으면 소스의 속성을 열고 ‘현재 페이지의 캐시 새로 고침’을 클릭한 뒤 다시 버튼을 누르세요.
다른 컨트롤러가 표시돼요
오버레이는 처음 연결된 컨트롤러를 따라가요. 다른 패드, 레이싱 휠, (키 매핑 도구 등의) 가상 컨트롤러를 분리하고 소스를 새로 고치세요.
오버레이가 잘려서 보여요
브라우저 소스의 너비와 높이가 에디터에서 설정한 오버레이 크기와 같아야 해요. 둘 중 하나를 바꿔 맞추세요.
macOS를 쓰고 있어요
macOS용 OBS는 브라우저 소스가 컨트롤러를 읽지 못하게 하고, 이는 브라우저 기반 입력 오버레이 전체에 해당해요. 이 문제를 해결할 작은 네이티브 앱이 준비 중이에요.
다른 PC에서 방송해요
지금은 컨트롤러가 OBS를 실행하는 PC에 연결되어 있어야 해요. 별도의 게이밍 PC에서 입력을 보내는 기능은 같은 네이티브 앱과 함께 제공될 예정이에요.

아직 해결되지 않았나요? 자주 묻는 질문에서 더 많은 답을 찾아보세요.

1분 만에 컨트롤러를 방송에.

설치도 계정도 필요 없어요. 스킨을 고르고, 원하는 대로 꾸미고, 링크 하나만 OBS에 붙여 넣으세요.