실시간 룰렛

변경 사항이 즉시 미리 보기에 반영됩니다. OBS에서 쓰기 전에 저장하세요.

방송 가이드

OBS 방송용 투명 룰렛 오버레이

편집 화면을 방송에 노출하지 않고 OBS에서 이름 룰렛을 표시하고 조작하세요. SpinWheelify는 룰렛만 보여 주는 공개 URL과 편집용 비공개 링크를 분리해 제공합니다. 브라우저 소스에는 메뉴, 광고, 불필요한 계정 기능이 로드되지 않습니다.

OBS에 룰렛 추가하기

룰렛을 먼저 만들고 오버레이를 게시한 뒤 OBS를 설정하세요. 비공개 편집 도구가 방송 화면에 들어가지 않습니다.

  1. 1

    룰렛 준비

    이름을 추가하고 색상과 당첨 결과 표시 방식을 정합니다. 작업하는 동안 스튜디오 미리 보기가 바로 갱신됩니다.

  2. 2

    OBS 링크 만들기

    “OBS 링크 만들기”를 누르고 공개 OBS URL을 복사합니다. 브라우저 소스에는 이 주소만 사용하세요.

  3. 3

    브라우저 소스 추가

    OBS 장면에서 소스 패널의 +를 누르고 “브라우저”를 선택합니다.

  4. 4

    URL과 크기 설정

    공개 URL을 붙여 넣고 방송 레이아웃에서 룰렛에 배정할 너비와 높이를 입력합니다.

  5. 5

    상호작용하여 돌리기

    브라우저 소스를 우클릭해 “상호작용”을 열고 룰렛을 클릭하거나 Ctrl/Cmd+Enter를 누릅니다.

브라우저 소스 권장 설정

OBS 브라우저 소스 기본값은 800 × 600과 30 FPS입니다. SpinWheelify는 지정한 뷰포트에 맞춰 반응하므로 필수 해상도는 없습니다.

설정권장이유
URL공개 OBS URL비공개 편집 링크를 OBS에 붙여 넣지 마세요.
너비와 높이룰렛만 표시할 때 800 × 800정사각형 소스는 위치와 크기를 다루기 쉽습니다.
프레임 속도30 FPS로 시작방송 PC에 성능 여유가 있을 때만 사용자 지정 60 FPS를 켜세요.
사용자 지정 CSS추가 CSS 불필요오버레이는 이미 투명하고 여백이 없으며 OBS 기본 투명 CSS와 호환됩니다.
OBS를 통해 오디오 제어믹서 제어 시 켜기룰렛 소리가 OBS 오디오 믹서로 전달되어 모니터링, 음소거, 볼륨 조절이 가능합니다.
보이지 않을 때 소스 종료상태 유지를 위해 끄기켜면 숨겨질 때 페이지가 내려가 임시 상태가 초기화될 수 있습니다.
장면 활성화 시 새로고침필요할 때만 켜기장면으로 돌아올 때마다 일부러 다시 로드하려는 경우에만 사용하세요.

각 옵션에 대한 자세한 내용은 OBS 공식 브라우저 소스 문서를 확인하세요.

방송 중 룰렛 조작하기

OBS 메인 미리 보기는 소스 선택과 변형용입니다. 브라우저 소스의 “상호작용”을 열고 클릭하거나 Windows에서는 Ctrl+Enter, macOS에서는 Cmd+Enter를 누르세요. 결과, 소리, 색종이, 자동 제거는 저장된 설정을 따릅니다.

깔끔하게 크기와 위치 조절

룰렛은 정사각형을 유지하고 가로 중앙에 놓이며 뷰포트의 짧은 변을 기준으로 크기가 변합니다. 위쪽 여백은 포인터가 잘리지 않게 합니다. OBS 변환 기능으로 크기, 가운데 정렬, 자르기를 조정하세요.

OBS에서 소스 배치 방법 보기

자주 발생하는 문제 해결

대부분 오래된 캐시, 잘못된 링크 또는 맞지 않는 소스 크기 때문에 발생합니다.

OBS에 룰렛이 보이지 않음

공개 URL인지, 소스가 보이는지, 너비와 높이가 0보다 큰지 확인한 뒤 속성에서 현재 페이지 캐시를 새로고침하세요.

룰렛이 잘리거나 위치가 틀림

브라우저 소스 크기를 다시 지정하고 변환 기능으로 맞춤 또는 가운데 정렬하세요.

저장한 변경 사항이 보이지 않음

저장이 완료되었는지 확인한 뒤 브라우저 소스를 새로고침해 최신 버전을 불러오세요.

미리 보기를 클릭해도 돌지 않음

일반 OBS 캔버스는 대화형 브라우저가 아닙니다. 소스를 우클릭하고 “상호작용” 창에서 조작하세요.

애니메이션이 끊기거나 사용량이 높음

30 FPS와 적절한 소스 크기로 시작하세요. 60 FPS는 더 부드럽지만 시스템 자원을 더 사용합니다.

룰렛을 방송에 올릴 준비가 되었나요?

위 스튜디오를 사용하거나 메인 룰렛으로 돌아가 전체 편집 기능을 이용하세요.