Integración de Chat y Alertas en OBS con StreamElements

Clase 8 de 18 • Curso de Streaming con OBS

Clase anteriorSiguiente clase

Resumen

¿Cómo integrar el chat en OBS?

Integrar un chat en tus transmisiones es esencial para interactuar con tu audiencia. Existen herramientas que permiten este proceso, mejorando así la experiencia tanto del creador como de los espectadores. En este caso, se explicará cómo integrar el chat de plataformas como Twitch o YouTube en OBS, usando el browser source.

¿Qué es browser source y cuál es su diferencia con capturar una ventana?

OBS ofrece la opción de capturar tanto una ventana de navegador como aplicaciones específicas. Aunque la funcionalidad puede parecer similar, el browser source permite insertar elementos embebidos de una página web, como un chat o un video, dentro de tu transmisión. Esto no se limita a capturar la imagen de una ventana, sino que permite mayor personalización al integrar elementos dinámicos que se actualizarán en tiempo real sin necesidad de redimensionar ventanas o ajustar monitores.

¿Cómo configurar StreamElements para integrar el chat?

Para integrar elementos de chat, se recomienda usar plataformas como StreamElements. Estos son los pasos para configurarlo:

  1. Conectar tu cuenta: Inicia sesión en StreamElements.com y conecta tu cuenta de transmisión, ya sea Twitch, YouTube o Facebook. Esto es necesario para que la plataforma tenga acceso a tus datos de chat.

  2. Asignar moderador en Twitch: Si utilizas Twitch, es conveniente hacer moderador a StreamElements. Esto facilita la interacción y manejo del chat. En el chat de Twitch, escribe /mod StreamElements.

  3. Crear un overlay en StreamElements:

    • Dirígete a la sección "Mis overlays" y crea un nuevo overlay con una resolución adecuada (como 1080p).
    • Añade un widget de chat y configura la apariencia, como el color de la letra, para que se adapte a tu diseño.
    • Guarda el overlay y copia el enlace proporcionado por StreamElements.

  4. Agregar browser source en OBS:

    • En OBS, crea un nuevo browser source y pega el enlace copiado. Esto permitirá que se muestre el chat en tiempo real directamente en tu transmisión.

¿Cómo personalizar etiquetas y alertas con StreamElements?

Los labels y alertas son vitales para interactuar de manera dinámica con los seguidores. Aquí cómo configurarlos:

  1. Crear un nuevo overlay para labels:

    • Selecciona "Mis overlays" y crea uno nuevo específicamente para labels con una resolución básica.
    • Añade un widget para mostrar quién fue el último seguidor. Esto se actualiza automáticamente y muestra el nombre del usuario que se suscribió o siguió por última vez.

  2. Agregar alertas:

    • Utiliza la opción "Alert Box" en un overlay nuevo para personalizar alertas de acciones como seguidores, suscriptores, donaciones y hosts.
    • Simula las alertas para verificar cómo se verán durante una transmisión.

  3. Integración en OBS:

    • Copia el URL de cada overlay y agrégalo como un nuevo browser source en OBS.
    • Ajusta el tamaño y posición según el diseño de tus escenas.

¿Qué posibilidades adicionales ofrece un browser source?

El browser source no se limita a textos o pequeños gráficos. Esta funcionalidad es una de las más robustas en OBS ya que puede mostrar videos, ejecutar scripts o cualquier contenido embebido dinámico de una página externa. La capacidad de personalizar significa que puedes adaptar estas herramientas visuales a tu marca o estilo personal.

¿Cómo completar tus escenas en OBS?

Una vez configurado el chat, labels y alertas, organiza tus escenas:

  1. Crear y ajustar escenas: Crea diferentes escenas como "Just Chatting", "Intermission" o "Gameplay" y asigna los sources correspondientes.
  2. Optimiza el diseño: Usa las funciones de redimensional imagen en OBS, como sostener la tecla "Alt" para recortar ventanas.
  3. Sincroniza escenas: Asegúrate de que todos los elementos se sincronicen correctamente entre el diseño y tu branding.

Al completar estos pasos, no solo mejorará la interacción con la audiencia, sino que también brindará un aspecto más profesional a tus transmisiones en vivo. Anímate a explorar y personalizar estas herramientas para conectar mejor con tu comunidad. ¡Continúa aprendiendo y mejorando!