Documentación / Cómo añadir un overlay a OBS

Cómo añadir un overlay a OBS

Los overlays de overlays.vxh.pl son páginas web normales con fondo transparente. OBS las muestra con la fuente «Navegador» (Browser Source), así que no hace falta instalar nada.

Cómo añadirlo a OBS paso a paso

  1. Abre overlays.vxh.pl y elige un overlay de la lista de la izquierda.
  2. Configura el aspecto en el panel «Ajustes» de la derecha. La vista previa cambia al instante.
  3. Debajo de la vista previa, haz clic en «Copiar» junto a «Enlace para Browser Source».
  4. En OBS Studio, en el panel «Fuentes», haz clic en +, elige «Navegador» y ponle un nombre.
  5. Pega el enlace en el campo «URL». Escribe el ancho y el alto que aparecen debajo de la vista previa (p. ej. 1920×1080 o 640×360 para la webcam).
  6. Confirma con Aceptar. Ordena las capas: efectos y marcos encima del juego y la webcam; pantallas de inicio, pausa y final como escenas aparte.
  7. Si cambias los ajustes más tarde, copia el nuevo enlace y reemplázalo en las propiedades de la fuente.

Preguntas y respuestas

El overlay tiene fondo negro en lugar de transparente. ¿Qué hago?

Asegúrate de que sea una fuente «Navegador» y no «Captura de ventana» o «Imagen». En las propiedades de la fuente, borra el CSS personalizado si define un fondo.

La animación no se mueve o se traba.

En las propiedades de la fuente marca «Apagar la fuente cuando no esté visible» para que los overlays ocultos no carguen el PC, y comprueba que el tamaño de la fuente no sea mayor de lo necesario.

¿Cómo actualizar el overlay después de cambiar los ajustes?

Pega el nuevo enlace en las propiedades de la fuente o haz clic en «Actualizar la caché de la página actual».

¿Funciona en Streamlabs?

Sí. En Streamlabs Desktop añade una fuente «Browser Source» y pega el mismo enlace.

¿Dónde se guardan mis ajustes?

Todos los ajustes van en el propio enlace para OBS. Además, puedes guardarlos con un nombre en la pestaña «Guardados», pero eso solo queda en la memoria de este navegador (localStorage). En otro PC no estará, por eso para llevarlos a otro equipo existe el código para compartir VXH1-.

¿El overlay consume muchos recursos?

Los efectos se dibujan en un único canvas o en CSS y funcionan con fluidez en OBS. Si tu PC es poco potente, baja el control «Cantidad» o el tamaño de la fuente.