Primeros pasos
Qué es
Stream UI es una colección de widgets de overlay para streamers que usan Streamer.Bot: chat, saludo a los chatters, recompensas por actividad del chat, un marcador del stream y tarjetas de puntuación de los espectadores con sus logros, shoutouts y clips, alertas, objetivos y subathon, contadores, encuestas, cuentas atrás, créditos finales, lluvia de emotes y gifs, y capturas de pantalla y mensajes publicados en Discord. Lo configuras todo en tu navegador y luego pegas una URL por overlay en una fuente de navegador de tu software de streaming — OBS Studio, Streamlabs Desktop, Meld Studio, XSplit o cualquier otra aplicación con fuentes de navegador.
Lo primero que hay que entender, antes que nada:
Los cuatro pasos
Deja la pestaña abierta mientras configuras, y luego deja que la fuente de navegador haga el resto.
Conectar Streamer.Bot
Arranca el servidor WebSocket de Streamer.Bot y conéctate desde la página Ajustes. Todo se queda en tu PC. → Conexión con Streamer.Bot
Elegir tus widgets
Desactiva lo que no necesites y ajusta cada widget: los disparadores de Streamer.Bot a los que reacciona, sus textos, objetivos, duraciones… → Los widgets
Ponerlo a tu gusto
Dale tu estilo a todo el overlay, elige el tamaño del lienzo y coloca cada widget. → Apariencia
Pegar la URL en una fuente de navegador
Copia la URL del overlay en una fuente de navegador de tu software de streaming. Funciona sola: puedes cerrar la pestaña. → Disposición y fuente de navegador
Los diecisiete widgets
Cada widget tiene sus propios ajustes y, salvo las Recompensas por actividad y los Webhooks de Discord, que no muestran nada, su propio estilo y una vista previa en directo. Están agrupados como en las pestañas de la página Widgets de Stream UI.
Chat
| Widget | Qué hace | Plataformas |
|---|---|---|
| Chat | Chat multiplataforma con emotes, insignias, anuncios de Twitch, canjes de puntos, Bits, Kicks, Super Chats y Jewels de YouTube, y un relé de chat opcional entre tus plataformas | Twitch, YouTube, Kick |
| Primero del chat | El primero del chat de cada directo en cada plataforma, con su foto y las veces que ha sido el primero, en tarjetas o en un podio | Twitch, YouTube, Kick |
| Saludo a los chatters | Una burbuja de bienvenida con la foto de cada espectador en su primer mensaje, lurkers incluidos si quieres, con un sonido, un mensaje en el chat y saludos personalizados para los nuevos, los grupos y quienes vuelven | Twitch, YouTube, Kick |
| Recompensas por actividad | Ejecuta tus propias acciones de Streamer.Bot y publica mensajes cuando el chat alcanza los números de mensajes que fijas, para todo el chat y para cada espectador | Twitch, YouTube, Kick |
| Lluvia de emotes y gifs | Los emotes y gifs del chat cruzan la pantalla con animaciones aleatorias | Twitch, YouTube, Kick |
Stream Scores — gratis en un overlay; Stream Scores Licence quita sus límites
| Widget | Qué hace | Plataformas |
|---|---|---|
| Marcador | Las estadísticas de tu stream por plataforma, contadas por los disparadores que elijas, frente a su récord, con un mensaje en el chat cuando cae un récord | Twitch, YouTube, Kick |
| Tarjetas de espectadores | Las estadísticas propias de cada espectador y los logros que ha desbloqueado, en una tarjeta que se muestra cuando la pide, o la de cada espectador por turnos | Twitch, YouTube, Kick, integraciones |
Eventos del stream
| Widget | Qué hace | Plataformas |
|---|---|---|
| Alertas | Follows, subs, bits, raids, Super Chats e integraciones de Streamer.Bot como Ko-fi, de una en una con la foto del espectador, y publicadas en Discord si quieres | Twitch, YouTube, Kick, integraciones |
| Objetivos y subathon | Objetivos por plataforma e integración, alimentados por los disparadores que elijas, y una cuenta atrás de subathon que crece con cada evento | Twitch, YouTube, Kick, integraciones |
| Contador de espectadores | Los espectadores en directo por plataforma o en total, más los chatters únicos, en una línea | Twitch, YouTube, Kick |
| Encuestas y predicciones | Encuestas y predicciones de Twitch, y encuestas de YouTube, en directo, con barras de votos y ganador destacado | Twitch, YouTube |
| Créditos finales | Créditos a pantalla completa: seguidores, subs, regalos, raids, moderadores y chatters, guardados en grupos de Streamer.Bot | Twitch, YouTube, Kick |
Clips de Twitch
| Widget | Qué hace | Plataformas |
|---|---|---|
| Shoutout | La foto de un streamer y uno de sus clips con tu comando de shoutout, una raid o su primer mensaje | Twitch |
| Reproductor de clips | Tus clips de Twitch mezclados y encadenados mientras está tu escena de pausa | Twitch |
Utilidades
| Widget | Qué hace | Plataformas |
|---|---|---|
| Contadores de stream | Contadores para cualquier cosa (muertes, victorias…), que suben, bajan, se muestran y se ocultan con tus disparadores, tus propias acciones o a mano, y se guardan en Streamer.Bot | Twitch, YouTube, Kick, integraciones |
| Cuenta atrás | Cuentas atrás con su imagen, su texto y su barra, que se muestran y se ocultan con tus disparadores o a mano | Twitch, YouTube, Kick, integraciones |
| Webhooks de Discord | Publica en tus canales de Discord cuando saltan los disparadores de Streamer.Bot que elijas — el inicio del directo, cada nueva captura de pantalla de una carpeta… — un webhook para tantos disparadores como quieras, incluso a nombre del espectador que lo lanzó | Twitch, YouTube, Kick |
Las integraciones son los servicios conectados a Streamer.Bot: Ko-fi, Streamlabs, StreamElements, Fourthwall, Patreon y quince más. Siguen desactivadas hasta que las activas, en la página Ajustes.
Las alertas, los objetivos, los contadores y los créditos reaccionan a los disparadores de Streamer.Bot que elijas, con condiciones opcionales — y en alertas y objetivos, un mensaje de chat y un sonido. → Disparadores y condiciones
Lo que conviene saber
Tus ajustes viven en tu navegador. Se guardan en local, no en un servidor. Cambiar de equipo o borrar los datos del sitio los elimina — de ahí la exportación de la pestaña Copia de seguridad de la página Ajustes.
La fuente de navegador no puede leer el almacenamiento del sitio. Por eso toda la configuración va comprimida en el hash de la URL del overlay. Lo que explica la regla más fácil de olvidar: después de cada cambio de ajustes hay que volver a copiar la URL en la fuente de navegador. La página Overlay avisa cuando la URL copiada se ha quedado desfasada.
Varios overlays, uno que actúa. Puedes crear varios overlays — uno horizontal y uno vertical, por ejemplo — cada uno con su propia URL. Uno de ellos ejecuta las acciones (mensajes de chat, sonidos, cuentas), para que nada se haga dos veces; los demás solo muestran. → Varios overlays
Posiciones y barras. Cada widget va en una de las nueve posiciones del lienzo, cuya alineación y tamaño ajustas tú; el chat y los objetivos también pueden mostrarse como una barra a todo lo ancho, arriba o abajo. → Posiciones
Los controles a mano. Saltar una alerta, vaciar el chat, sumar 1 a un contador, iniciar el subathon: la pestaña Controles de cada widget tiene sus botones, y la ventana de controles los reúne todos en un panel de tu software de streaming. → La ventana de controles
Tu contraseña de Streamer.Bot no sale de tu PC. El hash de una URL nunca se envía al servidor web, y los campos de URL del sitio ocultan tus ajustes hasta que los muestres.
Gratis, gracias a la publicidad. Los anuncios del sitio — nunca en tu overlay — cubren el alojamiento. Una licencia sin anuncios (desde 2,99 € al mes, sin IVA) los quita del sitio: mira el recuadro Apoya este proyecto de la página de inicio de Stream UI, o la pestaña Licencia de la página Ajustes. Stream Scores Licence (4,99 € al mes o 99,99 € una vez) quita los límites del marcador y de las tarjetas de espectadores, y también los anuncios. Con un bloqueador de anuncios activado, o las cookies rechazadas, el sitio se abre con un mensaje de la_Syl y Ginny, su gato: desactiva el bloqueador para el sitio, consigue una licencia o sigue de todos modos.