Mostrar el Chat en un Directo de You Tube con OBS

OBS nos permite añadir a nuestro directo diversos recursos que hacen que las retransmisiones de la plataforma de vídeo sean más completas e incluso interactivas para el usuario que las visualiza.

Una de las fuentes que podemos agregar a nuestras retransmisiones, es el propio Chat del Directo para mostrarlo en pantalla. En este post veremos como hacerlo.

En primer lugar nos dirigimos a OBS y agregamos una nueva fuente de Navegador.

Ahora desde la web de You Tube al crear nuestra Nueva Emisión, continuamos hasta la vista previa y ver el chat. En él, hacemos clic en los tres puntos para desplegar las opciones y pulsamos sobre Abrir en otra ventana como se ve en la siguiente captura.

Con el chat abierto en una nueva ventana, copiamos la URL que aparece en la parte superior.

 Volvemos a OBS y añadimos la URL que acabamos de copiar al campo URL que vemos en la captura y pulsamos Aceptar

Con esto ya tendremos agregado el chat del directo a nuestra retransmisión. Como vemos en la captura anterior, tenemos un campo llamado CSS personalizado en el que podemos agregar un estilo al chat.

A continuación dejo un ejemplo de un chat que utilizo en un directo que hace que el chat tenga transparencia y se fusione mejor con el vídeo de la retransmisión. Para que este CSS funcione, deberás quitar la palabra studio de la URL, para que quede así por ejemplo:

https://youtube.com/live_chat?v=VQbrHNkrw&is_popout=1