Overlays dinámicos para OBS con variables y Google Sheets
Marcadores, metas de donaciones, nombres de equipos o el próximo partido: son valores que cambian durante un stream. Guárdalos en variables y cada overlay que los use se actualiza solo.
Necesitas una cuenta de Vision. El overlay lo creas en el editor. · Actualizado el
Cómo funciona
Qué necesitas para un overlay dinámico
Abre un overlay en Vision y elige Overlay → Variables. Crea una variable y elige de dónde viene su valor: a mano, un contador, estadísticas de Twitch o Kick, Google Sheets, una API o un webhook. Insértala en una capa de texto, vincula a ella la visibilidad de una capa y cámbiala desde el chat, una automatización o el Stream Deck. La fuente de navegador en OBS se actualiza sin recargar.
- Un overlay de Vision añadido a OBS como fuente de navegador
- El plan Basic o superior para las variables
- El plan Pro para Google Sheets, APIs HTTP y webhooks
Paso a paso
Crea un overlay de meta de donaciones desde Google Sheets
Abre las variables
Abre tu overlay en el editor de Vision y elige Overlay → Variables. Haz clic en New y, en Pick a source, elige Google Sheets.
Conecta la hoja
Haz clic en Connect Google y permite el acceso de solo lectura. Pega la URL de la hoja y pon como rango la celda con tu total, por ejemplo Sheet1!B2. Llama a la variable Total de donaciones, con la clave donations y el tipo number. Con Test now ves el valor actual.
Añade la meta y un porcentaje
Crea una segunda variable con la fuente Manual, la clave goal y el valor 1000. Después una tercera con la fuente Expression y la expresión ({donations} / {goal}) * 100. Siempre contiene el porcentaje actual.
Muestra los valores en tu overlay
Selecciona una capa de texto y haz clic en Insert Variable en su barra de controles. Elige donations y escribe texto alrededor, por ejemplo € recaudados. El chip muestra el valor en vivo en el editor y en OBS. Si quieres un número que suba, vincula los puntos de una capa de Puntuación al porcentaje.
Muestra un banner al alcanzar la meta
Añade una capa de texto que diga ¡Meta alcanzada! En la lista de capas, haz clic en su botón de vinculación de visibilidad, elige Add condition y ajusta donations is at least. Cambia a Compare to another variable y elige goal. La vista previa te dice si la capa está visible ahora mismo.
De dónde obtiene su valor una variable
Cada variable tiene una fuente. Los valores Manual se fijan a mano, los Counter suben y bajan por pasos. Time / Clock muestra la hora, el tiempo en directo, una cuenta atrás o el tiempo desde una fecha. Channel stats ofrece 40 valores de Twitch y Kick, como último seguidor, mayor donante o subs de este stream. Vision Companion trae pulso, velocidad y datos de salud desde la app móvil, y Logo Rotation sigue una rotación en curso.
Estas fuentes vienen con Basic. Pro añade Google Sheets, HTTP API y Webhook, datos de quiz shows y torneos, y resultados de fútbol en vivo con retardo de stream, para que el overlay no destripe un gol antes de que lo vean tus espectadores.
Cada variable es local de un overlay o está disponible en todos tus overlays. Lo eliges con Scope al crearla; después no se puede cambiar.
Conecta Google Sheets, APIs y webhooks
Google Sheets lee una celda por variable, con acceso de solo lectura a tu cuenta de Google. Usa una variable por cada celda que quieras mostrar. Vision comprueba la celda hasta cada 15 segundos.
HTTP API consulta una URL con GET o POST hasta cada 5 segundos. Saca un valor del JSON con una ruta como data.items[0].value y añade un token bearer, basic auth o tus propias cabeceras. Las peticiones se ejecutan en los servidores de Vision, así que los tokens nunca llegan a la fuente de navegador.
Webhook da a la variable una URL privada. Envíale JSON o texto desde cualquier herramienta, script o servicio y el valor cambia al instante. El editor muestra un ejemplo de curl listo para probar.
Haz que las capas se adapten a los valores
Las capas de texto muestran variables como chips. Las capas de Puntuación pueden tomar sus puntos de una variable, y las de cuenta atrás su hora de inicio o de fin.
Cualquier capa puede vincular su visibilidad a reglas. Combínalas con ALL o ANY, comprueba números, texto, expresiones regulares o fechas, y compara con un valor fijo u otra variable. Oculta el espacio de un patrocinador mientras su valor esté vacío o muestra una capa solo el día del partido.
Las variables Expression calculan un valor a partir de otras con aritmética, comparaciones, condiciones del tipo ? : y funciones como round, min, max y clamp. Se recalculan cuando cambia alguno de sus valores de entrada.
Cambia valores desde el chat, automatizaciones y el Stream Deck
Las variables Manual y Counter se pueden cambiar mientras estás en directo. En el Chatbot, añade una acción Variable a un comando o temporizador para fijar, subir, bajar o reiniciar una variable, en Twitch y Kick. El valor queda fijado en el comando.
Las automatizaciones, ahora en beta, pueden arrancar cuando cambia una variable y fijar variables como un paso del flujo, por ejemplo sumar uno a subs_today con cada sub nuevo. Un disparador Chat command también pasa lo que se escribió tras el comando: fija una variable a {{trigger.arg1}} y !score 5 la pone en 5.
El plugin de Vision para Stream Deck tiene una acción Variable para sumar, restar, fijar o reiniciar. Los atajos de teclado de los contadores funcionan mientras el editor del overlay está abierto.
Solución de problemas
Si algo no funciona
- ¿No aparece Variables en el menú Overlay? Las variables requieren el plan Basic o superior.
- ¿El valor de Sheets no cambia? Revisa el rango y haz clic en Reload now. Si indica Last poll failed, comprueba que la cuenta de Google conectada puede abrir la hoja.
- ¿Un comando de chat o un botón del Stream Deck no hace nada? Solo las variables Manual y Counter se pueden cambiar así.
- ¿Una capa sigue oculta? Abre sus reglas de visibilidad. La vista previa muestra Waiting for values… hasta que todas las variables de las reglas tengan valor.
Preguntas frecuentes
Overlays dinámicos: preguntas frecuentes
¿Tengo que recargar la fuente de navegador cuando cambia un valor?
No. Los valores nuevos llegan al overlay en tiempo real. Relojes y expresiones se recalculan directamente en el overlay.
¿Puede Vision escribir en mi hoja de Google Sheets?
No. Vision solo lee, una celda por variable, con acceso de solo lectura a tu cuenta de Google.
¿Pueden los espectadores fijar un valor desde el chat, como !score 5?
Sí, con una automatización. Añade un disparador Chat command para !score, limitado a mods si quieres, y conéctalo a una acción Variable que fije score a {{trigger.arg1}}. Los comandos del Chatbot solo usan valores fijos.
¿Qué pasa con mis variables si bajo de plan?
Tus overlays las siguen mostrando, pero en el plan Free ya no puedes editarlas.
