Cómo poner un overlay en OBS
paso a paso

La mitad de los streamers nuevos cree que un overlay es un plugin complicado. Es mentira: es una fuente de navegador y se añade en menos de dos minutos.

Qué es realmente un overlay

Un overlay es una capa visual que va POR ENCIMA de tu partida. No toca el juego, no lo modifica ni se comunica con sus servidores: simplemente es una página web —sí, HTML y CSS— que OBS dibuja encima de tu captura. Por eso es seguro y por eso se configura como fuente de navegador.

Paso a paso en OBS Studio

1. Abre OBS con tu escena de partida ya montada (captura de juego + webcam).
2. En el panel Fuentes, pulsa el botón + y elige Navegador.
3. Dale un nombre descriptivo (por ejemplo, Overlay HUD).
4. En URL pega la dirección que te da tu overlay. Si es una app local será algo tipo http://localhost:3378/; si es una web, su URL normal.
5. Ajusta Ancho 1920 y Alto 1080 para cubrir el lienzo completo.
6. Marca Apagar la fuente cuando no sea visible si el overlay consume recursos.
7. Acepta y arrastra la fuente encima de la captura del juego en la lista (en OBS, lo último de la lista es lo que se ve delante).

Y en Streamlabs Desktop

Exactamente igual: Fuentes → + → Fuente de navegador. Streamlabs usa la misma tecnología (es Chromium por debajo), así que cualquier URL que funciona en OBS funciona ahí. Pega la URL, 1920×1080, y a correr.

Los 4 errores típicos (y su arreglo)

• Se ve en blanco. La app del overlay no está arrancada. La fuente de navegador solo muestra lo que responde en esa URL: abre primero el programa.
• Se ve pixelado o pequeño. Ancho/alto de la fuente no coinciden con tu lienzo. Si streameas a 1080p, la fuente va a 1920×1080.
• No se actualiza en vivo. Algunas páginas cachean. Clic derecho en la fuente → Refrescar caché de la fuente.
• Rendimiento baja. Cada fuente de navegador es un mini-navegador. Si apilas cinco overlays distintos, mejor usar uno solo que las reúna todas.

La forma rápida: importar una colección entera

Configurar fuente a fuente está bien para aprender, pero cuando el overlay trae escenas coordinadas (inicio con cuenta atrás, pausa, cierre con marcador) lo inteligente es importar la colección completa de una vez. Un overlay serio te da un fichero .json de colección: Escena → Colección de Escenas → Importar, doble clic, y aparecen todas las escenas montadas y ordenadas.