OBS 및 Streamlabs용 스트림 오버레이

스핀 더 휠에는 내장된 스트림 오버레이, 기능이 있으며 사용법은 매우 간단합니다. 어느 휠 URL 끝에 ?stream=1 추가하고 해당 링크를 스트리밍 소프트웨어에 브라우저 소스. 로 붙여넣기만 하면 됩니다. 페이지는 투명한 으로 로드되므로 게임 플레이 화면이나 카메라 위에 휠만 깔끔하게 표시됩니다. 메뉴, 광고, 쿠키 배너 및 팝업 알림은 모두 자동으로 숨겨집니다.

계정 설치할 것이 없습니다; 필요 없고, 브라우저 확장 프로그램도 필요 없고, 별도의 스트리밍 제어판 OBS 스튜디오, 스트림랩스, 없습니다. 브라우저/웹 소스를 지원하는 모든 소프트웨어에서 작동합니다.

누구를 위한 것인가요?

💡 트위치, 유튜브, 킥스타터 등 라이브 화면에 회전 룰렛을 띄우고 싶은 스트리머 여러분.

💡 시청자 참여형 경품 증정, 추첨 행사, 그리고 "채팅창 투표로 결정하는" 순간들.

💡 게임 내 도전 과제, 무작위 핸디캡, 그리고 "룰렛이 선택하게 하는" 구간들이 있습니다.

💡 추가 도구나 로그인 없이 스트리밍 중에 휠을 사용하고 싶은 사람 누구나.

시작하기 전에

✔️ 브라우저 소스 지원하는 스트리밍 소프트웨어(OBS Studio, Streamlabs 등)가 있습니다.

✔️ 휠 URL이 있습니다. 라이브러리에서 제공하는 기성 휠(예: https://spinthewheel.io/ko/yes-no-wheel )이거나 직접 저장/공유한 휠 중 하나일 수 있습니다.

그게 전부입니다. 스트리밍 중에 휠을 보여주는 데 로그인이나 설치는 필요하지 않습니다.

단계별로

휠의 URL을 가져오세요. 미리 만들어진 룰렛(예: https://spinthewheel.io/ko/yes-no-wheel )을 사용하거나, 직접 저장한 룰렛을 열고 브라우저 주소 표시줄에서 링크를 복사하세요.
추가하다 ?스트림=1 끝까지. 예를 들면: https://spinthewheel.io/ko/yes-no-wheel?stream=1 . 링크에 이미 ? 가 포함되어 있으면 &stream=1 추가하세요.
브라우저 소스로 추가하세요. OBS에서: 출처 → + → 브라우저. Streamlabs에서: 소스 추가 → 브라우저 소스. URL 필드에 ?stream=1 URL을 붙여넣으세요.
크기를 설정하세요. 소스에 너비와 높이를 지정하세요(예: 바퀴 하나만 표시하는 경우 700 x 700 또는 레이아웃에 맞는 크기). 오버레이는 투명하므로 장면에 바로 겹쳐지므로 배경색을 설정할 필요가 없습니다.
캔버스에서 위치를 정하고 크기를 조정하세요. 다른 소스와 마찬가지로 사용하세요.
돌려보세요. 룰렛을 클릭하면 룰렛이 돌아갑니다. 브라우저 소스 내부를 클릭하려면 소프트웨어의 상호작용 옵션을 사용하세요(OBS의 경우: 소스를 마우스 오른쪽 버튼으로 클릭한 다음 상호작용, 룰렛을 클릭하세요). 룰렛이 돌아가고 당첨자 팝업이 스트림에 실시간으로 나타납니다.

나만의 스타일로 만들어보세요

원하는 색상, 중앙 로고, 배경 이미지 및 사운드를 사용하여 휠을 디자인한 다음, 해당 URL에 ?stream=1 저장하세요, 사용하면 오버레이에 전체 디자인이 표시됩니다.

휠 캔버스에는 모든 요소(세그먼트, 색상, 이미지, 중앙 버튼)가 그대로 유지되며, 주변 웹사이트의 크롬 부분만 숨겨집니다.

예시

💡 https://spinthewheel.io/ko/yes-no-wheel?stream=1 화면에 빠르게 예/아니오 결정을 표시할 수 있습니다.

💡 시청자 참여 룰렛을 돌려 참여자 이름을 표시하고 실시간으로 추첨을 진행합니다 (시청자 채팅 참여를 위한 Twitch 경품 추첨 도구도 확인해 보세요 - 링크는 하단에 있습니다).

💡 라운드 사이에 돌리는 게임 챌린지 휠(무기, 클래스, 핸디캡)입니다. 더 다양한 선택지와 결과를 위해 여러 개의 휠을 사용하세요.

문제 해결

⚠️ URL에 이미 물음표( ? 가 있는 경우, ?stream=1 대신 &stream=1 사용해야 합니다.

⚠️ 브라우저 소스에 배경색을 강제로 지정하지 마세요. 대신 배경을 투명하게 유지하여 장면이 보이도록 하세요.

⚠️ 브라우저 소스에 대해 소프트웨어의 상호작용 모드를 켜지 않고 휠을 클릭하려고 시도하지 마십시오.

문제 해결

🛠️ 오버레이에는 웹사이트 전체(메뉴/광고)가 표시됩니다. URL에 stream 매개변수가 없습니다. URL이 ?stream=1 (또는 &stream=1 )로 끝나는지 확인하세요.

🛠️ 흰색 또는 검은색의 상자가 보입니다. 브라우저 소스에 강제 배경 또는 사용자 지정 CSS가 적용되어 있습니다. 투명 오버레이가 장면에 합성될 수 있도록 해당 요소를 제거하세요.

🛠️ 바퀴가 돌아가지 않아요. 브라우저 소스에 대해 상호작용 를 켜세요(OBS에서: 마우스 오른쪽 클릭 → 상호 작용). 그리고 톱니바퀴 아이콘을 클릭하세요.

🛠️ 바퀴가 너무 크거나 너무 작습니다. 브라우저 소스의 크기를 조정하여 캔버스에 맞게 확대/축소하세요.

사용 팁

• 스트림 모드는 시각적 표현 모드: 사이트 메뉴, 광고, 동의 배너 및 팝업 알림을 숨기고 페이지를 투명하게 만듭니다. 룰렛 자체는 원래 디자인을 그대로 유지하며 당첨자 팝업도 계속 표시됩니다.

• 이것은 임베드가 아니라 최상위 브라우저 소스, 형식이므로 상위 페이지와 통신하지 않습니다.

• 이 오버레이는 모든 휠 URL과 호환됩니다. 저희 라이브러리에서 제공하는 기성 휠을 사용하거나 직접 저장한 휠을 사용할 수 있습니다.

• 시청자가 키워드를 입력하여 참여하는 완전한 채팅 참여형 경품 이벤트(공정성 입증 가능한 추첨 및 인증된 다시보기 링크 제공)를 진행하려면, 별도의 오버레이 기능을 사용하는 것이 좋습니다.

트위치 경품 이벤트 도구

OBS 및 Streamlabs용 무료 회전 휠 스트림 오버레이