Guía de widgets

Contador de espectadores

Tus espectadores en cada plataforma, o su total, en una línea — con, si quieres, cuántas personas han escrito en el directo. Guardado en Streamer.Bot.

Una pequeña línea con tus espectadores en directo: los logos de Twitch, YouTube y Kick, cada uno con su número de espectadores — o un único total para todos. Activa Mostrar los chatters únicos para añadir cuántas personas distintas han escrito en tu chat desde que empezó el directo.

Plataformas: Twitch, YouTube, Kick

Paquete de acciones: necesario — Stream UI - Backend guarda los contadores en Streamer.Bot, los reinicia y guarda si el widget se muestra. Mira Quién necesita qué.

Cómo funciona

Los espectadores vienen de las plataformas. Streamer.Bot envía con regularidad el número de espectadores de cada plataforma; el widget muestra el último. Una plataforma desactivada en la página Ajustes no aparece.
Chatters únicos suma 1 con el primer mensaje de cada persona (el evento First Words de Streamer.Bot): uno por espectador, escriba lo que escriba después. Los usuarios ignorados y las cuentas de emisor y de bot conectadas en Streamer.Bot no cuentan.

Cada contador se guarda en Streamer.Bot, como variables globales persistentes: una recarga de la fuente de navegador no pierde nada — y tus propias acciones pueden leerlas:

Variable	Contiene
`streamUi.viewers.twitch`, `.youtube`, `.kick`	Los espectadores de cada plataforma
`streamUi.viewers.total`	Su total
`streamUi.firstChatters.twitch`, `.youtube`, `.kick`	Los chatters únicos de cada plataforma
`streamUi.firstChatters.total`	Su total

Un reinicio pone los contadores a 0, espectadores y chatters únicos. Por defecto, cada plataforma se reinicia cuando empieza tu directo en ella.
Solo los escribe el overlay que ejecuta las acciones. Todos los demás overlays siguen las variables. → Qué overlay ejecuta las acciones

La página

La página del widget funciona como una pequeña aplicación:

Ajustes, Estilo y Controles, las pestañas encima del editor, cambian lo que muestra.
La pestaña Ajustes reúne todos los ajustes en la zona principal. En la pestaña Controles, una columna a la izquierda lista los controles, con la lista de disparadores del elegido al lado, y la zona principal tiene los controles manuales.
Vista previa del widget, el panel contra el borde derecho de la ventana: la vista previa, los botones de prueba y la URL propia del widget. La flecha de arriba lo pliega en un riel estrecho. Arrastra su borde izquierdo para ensancharlo, hasta la mitad de la ventana; conserva su ancho. Widget muestra el widget en su posición, recortado del lienzo tal como lo dibuja tu fuente de navegador; En el lienzo, todo el lienzo.

Puesta en marcha

Conecta Streamer.Bot y añade el paquete de acciones

Los contadores los guarda la acción Stream UI - Backend → Conexión.

Elige qué se muestra

Activa Fusionar plataformas para un único total en lugar de cada plataforma, y Mostrar los chatters únicos para añadir los chatters.

Revisa los disparadores de reinicio

Por defecto, cada plataforma se reinicia al empezar su directo. Añade un disparador tuyo — un comando, un atajo — para reiniciarlo todo de una vez.

Actualiza tu fuente de navegador

Vuelve a copiar la URL del overlay en tu fuente de navegador → Disposición y fuente de navegador.

Ajustes

Visualización

Ajuste	Por defecto	Detalle
Mostrar los iconos de plataforma	activado	Los logos de las plataformas y el icono de bocadillo. Desactivado: solo los números.
Fusionar plataformas	desactivado (por separado)	Desactivado: cada plataforma con su icono y su número. Activado: un solo número, el total, tras los iconos de todas las plataformas.
Mostrar los chatters únicos	desactivado	Añade un icono de bocadillo con el número de chatters únicos, tras los espectadores.

Controles

Lo que muestra, oculta y reinicia el widget está en la pestaña Controles de su página: Mostrar, Ocultar y Poner a cero en su columna, cada uno con su lista de disparadores, y los controles manuales en la zona principal.

Controles automáticos

Tres listas de disparadores, que se eligen como en el resto de Stream UI: mira Disparadores y condiciones.

Mostrar y Ocultar — ninguno por defecto: muestran u ocultan el widget en cada overlay.
Poner a cero — un disparador de Twitch, YouTube o Kick reinicia solo esa plataforma. Cualquier otro disparador — un comando, un evento de OBS… — reinicia todas las plataformas.

Disparador por defecto	Reinicia
Twitch › Stream Online	los contadores de Twitch
YouTube › Broadcast Started	los contadores de YouTube
Kick › Stream Online	los contadores de Kick

Manual controls

Primero un botón Mostrar / Ocultar: un solo botón, Ocultar mientras se muestra y Mostrar mientras está oculto, con la Transición de entrada y salida, leído en directo: Contador de espectadores: Visible o Oculto. Después una casilla por plataforma activada, con sus valores en directo (120 viewers · 14 chatters) y un botón Poner a cero para esa plataforma; después Poner todo a cero cuando hay más de una plataforma activada. También están en la ventana de controles. Necesitan Streamer.Bot conectado y la acción Backend; el overlay lo sigue al momento.

Oculto, el widget sigue contando; una vez que ha salido, su sitio pasa a los demás widgets de su posición. Se guarda en Streamer.Bot como streamUi.off.viewers.display (1 oculto): tus propias acciones pueden mostrar u ocultar el widget cambiando esa variable global persistente.

Estilo

Cada elemento sigue el estilo del overlay campo por campo: un campo que cambies en la pestaña Estilo pasa a ser del widget, con una flecha de restablecer al lado. Los iconos y recuentos de cada plataforma también pueden tener su propio aspecto: elígela en Estilo para (no el total combinado, ni el fondo alrededor de todas las plataformas). Mira Apariencia.

Elemento	Detalle
Contenedor	La caja del widget, transparente por defecto: alinea la línea con la posición del widget.
Fondo	El recuadro detrás de toda la línea: cada plataforma una al lado de otra (Dirección), centradas, a 14 px. Sigue el estilo Fondo de los widgets del overlay.
Iconos	Los logos de las plataformas, cada uno con el color de su plataforma, y el icono de bocadillo. Siguen el estilo Iconos de plataforma del overlay. Aparecen en la lista mientras Mostrar los iconos de plataforma está activado.
Cifras	Los números. Sigue el estilo Números del overlay.
Transición de entrada y salida	Cómo aparece y se va el widget (Mostrar / Ocultar). Mientras la ajustas, la vista previa oculta el widget y lo vuelve a mostrar.

Posición por defecto

Posición Arriba a la derecha, ancho automático, tamaño 100 %. Todo eso se cambia en la pestaña Disposición del Editor de overlays.

Eventos de Streamer.Bot que escucha

Evento	Qué provoca
`Twitch.ViewerCountUpdate`	El número de espectadores de Twitch
`YouTube.StatisticsUpdated`	El número de espectadores de YouTube
`Kick.ViewerCountUpdate`	El número de espectadores de Kick
`Twitch.FirstWord`, `YouTube.FirstWords`, `Kick.FirstWords`	Un chatter nuevo — +1. Solo con Mostrar los chatters únicos activado
Tus disparadores de reinicio	Pone los contadores a 0
Tus disparadores Mostrar y Ocultar	Muestra u oculta el widget en cada overlay
`Misc.GlobalVariableUpdated`, `Misc.GlobalVariableCreated`	Un contador ha cambiado en Streamer.Bot — muestra el valor nuevo; o el widget mostrado u ocultado en otro sitio

El panel Vista previa del widget tiene un botón de prueba por plataforma — Twitch viewers, YouTube viewers, Kick viewers — y además Twitch first words, YouTube first words y Kick first words mientras Mostrar los chatters únicos está activado, entonces repartidos en dos pestañas, Espectadores y Chatters únicos. Solo se reproducen en la vista previa: no se guarda nada.

Contadores de stream

Contadores para cualquier cosa — muertes, victorias, abrazos… — que suben con los disparadores de Streamer.Bot que elijas o con tus propias acciones, y se guardan en Streamer.Bot.

Encuestas y predicciones

Encuestas y predicciones de Twitch, y encuestas de YouTube, en directo, con barras de votos y ganador destacado.