Las alertas, las cajas de chat y las metas de donaciones son páginas web. OBS las abre en un navegador invisible y pone el resultado encima de tu imagen: eso es la fuente de navegador. Si haces directo desde el móvil directamente a la plataforma, ese navegador no existe, y tus alertas faltan.
La solución es dejar que la página funcione allí donde se compone el directo. En un estudio en la nube, eso es el servidor: abre tu página de overlay y la pone encima del Programa antes de que salga hacia la plataforma.
Qué es una fuente de navegador
Servicios como StreamElements o Streamlabs te dan una dirección para tu overlay. Detrás de esa dirección hay una página web con el fondo transparente. La mayor parte del tiempo no muestra nada. Si alguien te sigue o se suscribe, la página reproduce una animación y un sonido.
La página se entera de esos eventos por sí misma. Está conectada con el servicio en el que la configuraste, y este conoce tu canal. El navegador en el que funciona no necesita saber nada de tu directo para eso. Solo tiene que mostrar la página y entregar su imagen, con su sonido, al directo.
Por eso da igual dónde esté ese navegador. Puede funcionar en OBS en tu PC o en un servidor en el centro de datos.
Por qué un directo desde el móvil normalmente no tiene alertas
Una app de streaming en el móvil capta la cámara y el micrófono, codifica ambos y los envía. No compone la imagen a partir de varias capas, como hace OBS. Algunas apps pueden insertar elementos sueltos, pero eso cuesta batería y potencia en un aparato que ya tiene bastante con codificar. Además, el overlay cuelga entonces de la misma conexión inestable que tu imagen.
La solución habitual era hasta ahora un OBS en casa: el móvil envía allí, OBS pone encima las fuentes de navegador y reenvía. Funciona, pero pide un PC encendido todo el tiempo. Sus variantes las describe OBS en casa o en la nube.
La página de overlay en el estudio
En PGM.STUDIO, tu estudio tiene un navegador propio que funciona en el centro de datos. En la pestaña «Overlay» pegas la dirección de tu página. El estudio pone la página encima del Programa, con su sonido.
Y vale lo siguiente:
- Lo que funciona en OBS como fuente de navegador funciona aquí. Las alertas, los widgets y las cajas de chat de StreamElements, Streamlabs y servicios parecidos los usas con la misma dirección que pondrías en OBS.
- La página funciona con independencia de tu cámara. Si la cámara se cae, el overlay sigue. Una alerta aparece también cuando estás en una zona sin cobertura.
- Tu móvil no tiene nada que ver. Solo envía cámara y micrófono. El overlay no cuesta ni batería ni ancho de banda en la calle.
- El sonido de la página sale en directo con ella. El sonido de una alerta viene de la página y se mezcla encima del Programa.
En la mayoría de los servicios, la dirección de un overlay hay que tratarla como una contraseña, porque quien la conoce puede abrir el overlay. No la enseñes en el directo.
Cuando la página se cuelga
También en el centro de datos una página web es una página web. Puede colgarse o perder su inicio de sesión. Para eso hay dos botones en la pestaña «Overlay»:
- «Recargar la página» vuelve a cargar la página, como la tecla de actualizar de un navegador.
- «Restablecer el navegador» arranca de cero el navegador del overlay. Está pensado para una página que se cuelga o que ha perdido su login.
Cuándo usar cada uno está en Recargar el overlay.
Los límites
El overlay de PGM.STUDIO es sencillo a propósito, y conviene que sepas lo que no es.
- Exactamente una página. Hay una página de overlay, no varias una al lado de otra.
- Siempre sobre toda la imagen. La página ocupa toda la superficie encima del Programa. En el estudio no puedes moverla ni escalarla. Dónde aparece una alerta lo decides en la propia página, es decir, en el editor del servicio del que procede.
- La misma página sobre cada escena. Una escena es una entrada. No hay overlays distintos por escena.
- Sin imagen en imagen. No se pueden colocar varias cámaras una al lado de otra ni una dentro de otra.
En la práctica significa esto: si en OBS usas varias fuentes de navegador, por ejemplo alertas y una caja de chat, necesitas una página que contenga ambas. Los editores de overlay de los servicios citados están hechos para colocar varios elementos en una superficie y entregarlos bajo una sola dirección.
Quien necesite un diseño elaborado, con muchas fuentes, textos, imágenes y vídeos colocados uno a uno, está mejor servido con un OBS completo, sea en casa o alquilado. La comparación está en Relay, OBS en la nube o estudio en la nube.
La configuración, en breve
- Monta tu overlay en tu servicio de modo que todo quede en una página del tamaño de tu directo.
- Copia la dirección que normalmente pondrías en la fuente de navegador de OBS.
- Pégala en tu estudio, en la pestaña «Overlay».
- Lanza una alerta de prueba en tu servicio y comprueba en la Realización que se ve y se oye.