OBS에 RankOn 오버레이 연결하기

연결 전에 RankOn을 실행해 주세요

이 안내는 RankOn과 OBS를 같은 PC에서 실행할 때의 설정입니다. RankOn의 브라우저 소스는 실행 중인 프로그램에서 화면을 제공하므로 방송하는 동안 RankOn도 켜져 있어야 합니다.

먼저 RankOn에서 닉네임과 RP가 정상 표시되는지 확인하세요. 프로그램 자체의 조회가 되지 않는다면 OBS 설정을 바꾸기 전에 랭크 조회 확인 순서를 살펴보세요.

1. 브라우저 소스를 추가해요

1. OBS에서 오버레이를 표시할 장면을 선택합니다.
2. 소스 목록의 추가 버튼을 누르고 브라우저 소스를 만듭니다. 이름은 나중에 찾기 쉬운 RankOn 등으로 지정하세요.
3. 로컬 파일 옵션은 끄고 URL에 아래 주소를 입력합니다.
4. 너비 1200, 높이 720을 시작값으로 지정한 뒤 확인합니다.

http://127.0.0.1:19872/overlay

이 주소는 인터넷 사이트가 아니라 현재 PC에서 실행 중인 RankOn을 가리킵니다. 휴대전화나 다른 송출 PC에 같은 주소를 넣으면 이 PC의 오버레이가 연결되는 것이 아닙니다.

2. 방송 화면에서 위치와 크기를 맞춰요

브라우저 소스의 너비·높이는 화면을 불러오는 영역이고, OBS 장면에서 소스를 확대·축소하는 것은 배치 크기 조절입니다. 먼저 권장 영역으로 내용을 온전히 불러온 뒤, 장면에서 크기와 위치를 맞추세요.

화면에 보이지 않으면 소스의 눈 아이콘이 켜져 있는지 확인하고, 게임 캡처나 배경보다 위에 배치해 보세요. 소스 목록에서 위에 있는 항목이 화면에서도 다른 소스를 덮습니다.

일부가 잘리면 기존 자르기와 변형 설정을 확인하세요. OBS에서 소스를 선택한 뒤 변형 초기화로 원래 상태를 확인하고, RankOn의 프리셋·크기와 브라우저 소스 영역을 차례로 조정합니다.

3. 브라우저에서도 같은 주소를 열어 봐요

문제가 생기면 같은 PC의 일반 웹브라우저에서 위 주소를 열어 보세요. 브라우저에서도 열리지 않으면 RankOn 실행 상태와 프로그램에 표시된 연결 주소를 먼저 확인합니다. 별도 포트를 사용하도록 설정했다면 실제 안내 주소를 사용하세요.

브라우저에서는 정상인데 OBS에서만 비어 있다면 소스의 URL, 표시 여부, 배치 순서를 확인하고 브라우저 소스 속성에서 현재 페이지 캐시 새로고침을 시도하세요. 한 번에 여러 설정을 바꾸지 말고 바꾼 뒤 화면을 확인하면 원인을 좁히기 쉽습니다.

4. 방송 전에 짧게 녹화해 확인해요

미리보기에서 보이는 것만으로 끝내지 말고 짧은 테스트 녹화를 해 보세요. 닉네임·RP가 읽히는지, 게임 화면을 가리지 않는지, 배경 투명도가 원하는 수준인지 확인합니다.

PC 오버레이 창을 캡처하는 방식과 브라우저 소스를 동시에 켜 두면 방송에 겹쳐 보일 수 있습니다. 방송에 사용할 출력 경로를 확인하고 중복된 소스가 없는지 살펴보세요. 해결되지 않으면 RankOn 오류 신고에 프로그램 버전, OBS 버전, 일반 브라우저에서의 결과를 함께 남겨 주세요.