En resumen
Una fuente de navegador de OBS es una página web dibujada sobre tu transmisión, con todo lo que queda fuera de los gráficos en transparente. Para usar overlays animados desde una, arma el diseño en un lienzo del mismo tamaño que tu transmisión, normalmente 1920 por 1080, añade una fuente de navegador en OBS con la dirección del overlay y ajusta su ancho y su alto al tamaño del lienzo. OBS crea las fuentes de navegador a 800 por 600 por defecto, y por eso tantos overlays aparecen pequeños y arrinconados. En CaliberVisual el diseño se organiza en /livestream, cada animación se configura para repetirse en bucle, volver con un temporizador o esperar una activación, y toda la escena se sirve en una sola URL. Las alertas se reproducen desde una URL de activación, así que el bot o el botón de Stream Deck que ya usas las dispara, y todas llevan tu kit de marca en lugar del de un pack genérico.
Qué es una fuente de navegador
Es una página web sin fondo. OBS carga una dirección, dibuja lo que la página dibuja y trata las partes vacías como transparentes. Ese es todo el truco, y es la razón por la que una fuente de navegador puede mostrar a la vez un marco de cámara, un aviso para seguir y una alerta, sin tres archivos de video distintos repitiéndose en tu escena.
La ventaja práctica es que el overlay vive en un lugar donde puedes cambiarlo. Editas el texto en la página y la transmisión muestra el texto nuevo. Nadie vuelve a exportar un archivo a diez minutos de las ocho porque cambió el horario.
El error de 800 por 600
Añade una fuente de navegador en OBS y llega a 800 por 600. Un overlay creado a 1920 por 1080 y cargado en esa caja aparece como una esquina encogida de sí mismo, o recortado, según cómo escale la página. Entonces la gente arrastra los controles rojos para estirarlo, lo que suaviza todos los bordes y deja el rótulo inferior en un lugar donde nunca se colocó.
Arreglarlo toma diez segundos. Abre las propiedades de la fuente y escribe el tamaño del lienzo en ancho y alto. 1920 y 1080 para la mayoría de las transmisiones. Si transmites a 1440p, crea el diseño a 2560 por 1440 y escribe eso. Después no toques la transformación.
Decide cuándo aparece cada pieza
Un overlay que está siempre en pantalla es decorado. Un overlay que aparece y desaparece es un mensaje. Si los confundes, la transmisión termina con un aviso para seguir que los espectadores dejaron de ver en los primeros cinco minutos.
CaliberVisual le da a cada animación del lienzo uno de tres modos.
- Siempre visible. Un marco de cámara, una tarjeta de empezamos pronto, una pantalla de vuelvo enseguida. Se repite en bucle mientras la fuente esté abierta.
- Con temporizador. Un aviso para seguir o suscribirse que aparece, se va y vuelve después de los segundos que elijas.
- Por activación. Una alerta. No se muestra nada hasta que llega una señal, y entonces se reproduce una vez.
Cómo se disparan las alertas
Cada overlay por activación tiene su propia URL de activación. La alerta se reproduce cuando algo abre esa dirección: un botón de Stream Deck, el bot que ya usas, una línea en un script. Es un solo ajuste, que se hace una vez.
Lo que obtienes a cambio de ese ajuste es la imagen. Las alertas, los avisos y los rótulos inferiores de tus videos editados salen de una misma biblioteca y llevan un mismo kit de marca, así que la transmisión, los mejores momentos y los Shorts dejan de parecer tres canales distintos. Los packs de alertas genéricos no pueden lograrlo, porque se diseñaron con los colores de otra persona.
Una configuración que funciona
Empieza con tres cosas y añade más solo cuando las extrañes: una pantalla de empezamos pronto siempre visible, un aviso para seguir con un temporizador de cuatro minutos y una alerta por activación para el evento que más te importa. Aplica tu kit de marca una vez para que las tres compartan colores y tipografía.
Luego pega la URL en OBS, ajusta el tamaño y mira diez minutos de una grabación de prueba antes de salir en directo. Vas a mover el temporizador. Todo el mundo lo hace.
Preguntas
¿De qué tamaño debe ser una fuente de navegador en OBS?
Del mismo tamaño que el lienzo en el que se creó el overlay, que en la mayoría de las transmisiones es 1920 por 1080. OBS usa 800 por 600 por defecto, así que ajusta el ancho y el alto a mano en las propiedades de la fuente.
¿Un overlay en una fuente de navegador vuelve más lenta la transmisión?
Una sola fuente de navegador con todo el diseño es más ligera que varias, porque cada fuente es su propia página. Las animaciones vectoriales pesan poco, y un overlay que espera una activación no dibuja nada.
¿Las alertas de CaliberVisual pueden dispararse solas con cada nuevo seguidor de Twitch?
A través de su URL de activación. Cada alerta tiene una dirección, y lo que ya escucha tus eventos de Twitch, como un bot o una acción de Stream Deck, la abre. Un solo ajuste, y la alerta que se reproduce lleva tu marca en lugar de un diseño genérico.
¿Funciona con programas distintos de OBS?
Sí. Cualquier programa que acepte la URL de una fuente de navegador puede mostrar el overlay, porque es una página web con fondo transparente.
