WheelSpinner.xyz
My Wheels
Guía de Integración para Streamers

Estudio de Ruleta para OBS

Añade fácilmente una ruleta transparente y sincronizada a tu transmisión de Twitch, YouTube o Facebook en 4 sencillos pasos.

Cómo añadir una Ruleta a OBS Studio

1
Crea y guarda tu ruleta

Diseña tu ruleta con los nombres, estilos y colores deseados. Haz clic en 'Guardar' para generar una URL persistente.

2
Copia la URL Pública

Haz clic en 'Compartir' en la barra de herramientas y copia la URL Pública de OBS.

3
Añade una Fuente de Navegador en OBS

En OBS, ve al panel de Fuentes, haz clic en el icono '+' y selecciona Navegador.

4
Pega la URL y configura

Pega la URL en el campo URL. Consulta las opciones recomendadas a continuación para obtener una transparencia perfecta.

⚙ Configuración Recomendada (Fuente de Navegador)

Por defecto, OBS tiene un fondo blanco. Usa estas opciones para que la ruleta sea transparente y tenga el tamaño adecuado.

AjusteRecomendado¿Por qué?
Ancho / Alto800 / 800Una proporción cuadrada mantiene la ruleta perfectamente redonda y nítida.
CSS Personalizadobody { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }¡Este es el código mágico! Obliga al fondo de la fuente del navegador a ser completamente transparente.
Apagar fuente cuando no sea visibleMarcadoAhorra recursos de CPU y RAM cuando cambias a una escena sin la ruleta.
Actualizar el navegador cuando la escena se activeMarcadoGarantiza que la ruleta esté perfectamente sincronizada y restablecida cada vez que la muestres en tu transmisión.

Sabe qué enlace va en la transmisión

URL Pública de OBS

Esta es la URL que pones en la Fuente de Navegador de OBS. Tiene un fondo transparente, oculta los controles de la interfaz y espera los comandos de sincronización.

URL Privada de Administrador

¡Mantén esta en tu segundo monitor! Haz clic en 'Girar' aquí y enviará el comando mágicamente a la URL Pública para que gire simultáneamente en tu transmisión.

⚠ Solución de problemas comunes

El fondo de la ruleta es blanco en lugar de transparente.

¡Olvidaste añadir el CSS personalizado! Haz doble clic en tu Fuente de Navegador en OBS, baja hasta CSS Personalizado y asegúrate de que dice background-color: rgba(0, 0, 0, 0);.

La ruleta no se sincroniza cuando hago clic en girar.

Asegúrate de estar haciendo clic en girar en la URL Privada de Administrador, y que no has recargado la página de Administrador sin recargar la fuente de OBS.

El audio no se reproduce en la transmisión.

En la configuración de la Fuente de Navegador, marca la casilla que dice "Controlar audio vía OBS". Esto enviará los sonidos de los clics directamente a tu mezclador de audio de OBS para que tus espectadores puedan escucharlos.