Sobreposição de transmissão para OBS e Streamlabs

O Spin the Wheel possui um recurso integrado sobreposição de fluxo, e é extremamente simples: adicione ?stream=1 ao final da URL do Spin the Wheel qualquer e cole esse link no seu software de streaming ( Fonte do navegador. . A página carrega como um transparente , exibindo apenas a roda sobreposta à sua jogabilidade ou câmera. Menus, anúncios, banners de cookies e notificações pop-up são ocultados automaticamente.

Nada para instalar; há necessidade Streamlabs, conta, extensão OBS Studio, navegador ou painel de controle de streaming separado. Funciona em qualquer software que suporte um navegador/fonte web.

Para quem é?

💡 Streamers no Twitch, YouTube, Kickstarter ou em qualquer outro lugar que queiram uma roleta giratória ao vivo na tela.

💡 Sorteios entre os espectadores, sorteios de prêmios e momentos em que o "chat decide".

💡 Desafios no jogo, handicaps aleatórios e segmentos "deixe a roda escolher".

💡 Para quem quer usar um volante na transmissão ao vivo sem precisar instalar ferramentas extras ou fazer login.

Antes de começar

✔️ Você possui um software de streaming que suporta Fonte do navegador (OBS Studio, Streamlabs, etc).

✔️ Você tem um URL de roleta — seja uma roleta pronta (por exemplo, https://spinthewheel.io/pt/yes-no-wheel ) da nossa biblioteca ou uma das suas roletas salvas/compartilhadas.

É só isso. Não é necessário fazer login nem instalar nada para exibir uma roda na transmissão.

Passo a passo

Obtenha o URL da sua roda. Use uma roda pronta (por exemplo, https://spinthewheel.io/pt/yes-no-wheel ) ou abra sua própria roda salva e copie o link da barra de endereço do seu navegador.
Adicionar ?stream=1 até o fim. Por exemplo: https://spinthewheel.io/pt/yes-no-wheel?stream=1 . Se o link já contiver um ? , adicione &stream=1 em vez disso.
Adicione-o como uma fonte do navegador. No OBS: Fontes → + → Navegador. No Streamlabs: Adicionar Fonte → Fonte do Navegador. Cole seu URL ?stream=1 no campo URL.
Defina o tamanho. Defina a largura e a altura da fonte (por exemplo, 700 x 700 quando estiver exibindo uma única roda, ou o que for mais adequado ao seu layout). Como a sobreposição é transparente, ela se sobrepõe diretamente à sua cena, então você não precisa definir uma cor de fundo.
Posicione e dimensione-o na sua tela como qualquer outra fonte.
Gire-o. Clicar na roda a gira. Para clicar dentro de uma fonte do navegador, use a opção Interagir do seu software (no OBS: clique com o botão direito na fonte → Interagir, e depois clique na roda). O giro e a janela pop-up com o vencedor aparecem ao vivo na transmissão.

Personalize-o ao seu gosto.

Crie uma roda com suas próprias cores, logotipo central, imagem de fundo e sons, guarde-o, em seguida, use seu URL com ?stream=1 e a sobreposição mostrará seu design completo.

A tela circular mantém tudo (segmentos, cores, imagens, botão central); apenas a interface do site ao redor fica oculta.

Exemplos

💡 https://spinthewheel.io/pt/yes-no-wheel?stream=1 para ver uma decisão rápida de sim/não na tela.

💡 Uma roleta para sorteio com os nomes dos participantes, girada ao vivo para o público (veja também nossa ferramenta de sorteios na Twitch para coletar inscrições ao vivo no chat - link no rodapé).

💡 Uma roda de desafio (arma, classe, desvantagem) que você gira entre as rodadas. Use várias rodas para mais opções e resultados possíveis.

Solução de problemas

⚠️ Se você usar ?stream=1 quando a URL já contiver um ? , você precisará usar &stream=1 nesse caso.

⚠️ Forçar uma cor de fundo na origem do navegador. Em vez disso, deixe-a transparente para que sua cena apareça por baixo.

⚠️ Tentativa de clicar na roda sem ativar o modo Interagir do seu software para a fonte do navegador.

Solução de problemas

🛠️ A sobreposição exibe o site completo (menus/anúncios). O parâmetro stream não está na URL — verifique se ela termina com ?stream=1 (ou &stream=1 ).

🛠️ Vejo uma caixa completamente branca ou preta. O código-fonte do seu navegador possui um fundo forçado ou CSS personalizado. Remova-o para que a sobreposição transparente possa ser composta sobre a sua cena.

🛠️ A roda não vai girar. Ative Interagir para a fonte do navegador (no OBS: clique com o botão direito → Interagir) e clique na roda.

🛠️ A roda é muito grande ou muito pequena. Redimensione a fonte do navegador e ajuste-a à sua tela.

Dicas de uso

• O modo de transmissão é um modo de apresentação visual: que oculta os menus, anúncios, banners de consentimento e notificações pop-up do site, tornando a página transparente. A roda em si mantém seu design completo e ainda exibe a notificação do vencedor.

• É um fonte do navegador de nível superior, e não um elemento incorporado, portanto não se comunica com uma página pai.

• A sobreposição funciona com qualquer URL de roda. Você pode usar rodas prontas da nossa biblioteca ou suas próprias rodas salvas.

• Para um sorteio com participação via chat (os espectadores digitam uma palavra-chave para participar, com sorteio comprovadamente justo e link de replay verificado), use nosso recurso diferenciado com sua própria sobreposição:

Ferramenta de Sorteios da Twitch

Sobreposição de rolagem gratuita para transmissões ao vivo no OBS e Streamlabs.