Guía

Cómo añadir un overlay de mando a OBS

Muestra cada botón, movimiento de stick y pulsación de gatillo en tu directo. Lleva más o menos un minuto y no tienes que instalar nada.

Paso 1

Conecta tu mando

Conecta tu mando con un cable o emparéjalo por Bluetooth con el PC que ejecuta OBS. Xbox, PlayStation, Switch Pro y la mayoría de mandos de terceros funcionan, siempre que Windows los reconozca como mando de juego.

Paso 2

Crea un overlay

Abre gamepad.lol y elige «Crear un overlay». No necesitas cuenta para empezar: un overlay anónimo se mantiene activo 7 días, y puedes iniciar sesión más tarde para guardarlo para siempre.

Elige la skin que corresponda a tu mando. La vista previa reacciona a tu mando en cuanto pulsas un botón.

Paso 3

Adáptalo a tu escena

Cambia los colores de reposo, pulsado y acento, activa o desactiva las etiquetas de los botones y ajusta el tamaño del overlay. Si un stick tiene drift y tiembla sin tocarlo, sube un poco la zona muerta del stick.

Arrastra cualquier elemento de la vista previa para moverlo u oculta las partes que no necesites. Guarda cuando estés contento; puedes volver y cambiarlo todo más tarde.

Paso 4

Añádelo a OBS como fuente de navegador

Copia la URL de la fuente de navegador de tu overlay. En OBS, haz clic en el botón más bajo «Fuentes», elige «Navegador», ponle un nombre y pulsa Aceptar.

Pega el enlace en el campo URL y ajusta el ancho y el alto al tamaño de tu overlay (800 × 500 por defecto). No toques el cuadro de CSS personalizado de OBS; el fondo ya es transparente.

Propiedades de «Mando»

Navegador

URLhttps://gamepad.lol/o/your-view-key
Ancho800
Alto500
Apagar la fuente cuando no esté visible
Pega el enlace, ajusta el tamaño y pulsa Aceptar. Es todo lo que OBS necesita.

Paso 5

Pulsa un botón

Los navegadores solo exponen un mando después de usarlo, así que pulsa cualquier botón una vez. El overlay empieza a moverse al instante. Cambia el tamaño y la posición de la fuente en tu escena como con cualquier otra.

Solución de problemas

El overlay aparece pero no se mueve
Pulsa primero un botón del mando. Si sigue sin moverse, abre las Propiedades de la fuente, haz clic en «Actualizar la caché de la página actual» y vuelve a pulsar un botón.
Aparece el mando equivocado
El overlay sigue al primer mando conectado. Desconecta otros mandos, volantes o mandos virtuales (por ejemplo, de herramientas de reasignación) y recarga la fuente.
El overlay sale cortado
El ancho y el alto de la fuente de navegador deben coincidir con el tamaño del overlay que pusiste en el editor. Cambia uno de los dos para que coincidan.
Uso macOS
OBS en macOS no deja que las fuentes de navegador lean mandos, algo que afecta a todos los overlays de entrada basados en navegador. Está en camino una pequeña app nativa que lo soluciona.
Hago streaming desde un segundo PC
Por ahora, el mando tiene que estar conectado al PC que ejecuta OBS. El envío de entradas desde un PC de juego aparte llegará con la misma app nativa.

¿Sigues atascado? Las preguntas frecuentes resuelven más dudas.

Tu mando, en el directo en un minuto.

Sin instalar nada, sin cuenta. Elige una skin, hazla tuya y pega un enlace en OBS.