Guía
Ajustes de la fuente de navegador de OBS explicados
Casi todos los widgets de overlay, los Alert Box y las pantallas de stream animadas funcionan dentro de una fuente de navegador de OBS. Su ventana de ajustes es corta, pero cada opción cambia cómo se comporta tu overlay.
Respuesta corta
Pon Ancho y Alto con el tamaño para el que se hizo el widget (normalmente 1920×1080 para un overlay completo), marca Archivo local solo para archivos HTML de tu ordenador, deja el Custom CSS por defecto para tener fondo transparente y deja Shutdown source when not visible desactivado en el chat y las alertas.
Todos los ajustes, por orden
| Ajuste | Qué hace | Recomendado |
|---|---|---|
| Local file (Archivo local) | Carga un archivo HTML de tu ordenador en vez de una dirección web | Activado para pantallas de stream y widgets descargados; desactivado para URL de StreamElements y Streamlabs |
| URL | La dirección web que muestra la fuente | Pega la URL de tu overlay o widget |
| Width / Height (Ancho / Alto) | El tamaño de página con el que se dibuja la fuente (por defecto 800×600) | El tamaño para el que se hizo el widget. Overlays y pantallas completos: 1920×1080 |
| Use custom frame rate | Dibuja la página con su propia tasa de fotogramas (30 por defecto al activarlo) | Desactivado, salvo que quieras una animación a 60 fps para que coincida con un stream a 60 fps |
| Control audio via OBS | Envía el sonido de la página al mezclador de audio de OBS | Activado para alertas con sonido, para poder ajustar su volumen y monitorizarlas |
| Custom CSS | Estilos añadidos a la página. El valor por defecto pone el fondo transparente, quita los márgenes y oculta las barras de desplazamiento | Deja el valor por defecto. Añade debajo, no lo borres |
| Shutdown source when not visible | Descarga la página cuando la fuente está oculta o su escena no está activa | Desactivado para chat, alertas y temporizadores. Activado para pantallas pesadas en escenas que casi no usas |
| Refresh browser when scene becomes active | Recarga la página cada vez que cambias a su escena | Activado para Starting Soon, Be Right Back y pantallas de final que deben empezar desde el principio |
| Page permissions | Permite que la página lea o controle OBS | El valor por defecto, salvo que la guía de un widget pida más |
| Refresh cache of current page | Un botón que recarga la página y sus archivos | Úsalo después de cambiar los ajustes o los archivos de un widget |
Ancho y alto frente a cambiar el tamaño
Width y Height (Ancho y Alto) definen de qué tamaño se dibuja la página. Arrastrar el recuadro rojo en el lienzo solo estira la imagen ya terminada. Si un widget se ve borroso, su Ancho y Alto son demasiado pequeños: pon el tamaño real en las propiedades y después cambia el tamaño en el lienzo solo un poco.
Interactuar con una página
Haz clic derecho en una fuente de navegador y elige Interact para hacer clic dentro de ella, por ejemplo para pulsar un botón de un widget o iniciar sesión en una página. Cierra la ventana cuando termines.
Aceleración por hardware
Los overlays animados y en 3D se dibujan más rápido en la tarjeta gráfica. La opción es Enable Browser Source Hardware Acceleration en Ajustes › Avanzado › Fuentes (Settings › Advanced › Sources), y viene activada por defecto. Si una fuente no muestra nada, desactivarla o activarla y reiniciar OBS es una solución habitual.
