La_Syl Studio
Guía de widgets

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.

Muestra uno o varios contadores en pantalla: un contador de muertes, victorias y derrotas, abrazos repartidos… Cada contador sube y baja con los disparadores de Streamer.Bot que elijas — un comando, una recompensa de puntos de canal, un atajo —, vuelve a 0 con sus disparadores de reinicio, y se muestra o se oculta de la misma forma. También puedes cambiarlo a mano en la página del widget, en la ventana de controles, o desde tus propias acciones de Streamer.Bot.

Plataformas: Twitch, YouTube, Kick, y las integraciones activadas en Ajustes

Paquete de acciones: necesario — Stream UI - Backend crea los contadores en Streamer.Bot, los sube y los reinicia. Mira Quién necesita qué.

Cómo funciona

  • Cada contador vive en Streamer.Bot, como variable global persistente llamada streamUi.counter.<nombre> — streamUi.counter.Deaths para un contador llamado Deaths. Guarda un número sin más, que se conserva cuando Streamer.Bot se reinicia y cuando la fuente de navegador se recarga.
  • Se crea en cuanto le das nombre. Un momento después de que dejes de escribir un nombre, el contador se crea en Streamer.Bot a 0. Al renombrarlo, su valor — y si está oculto — pasa a las variables del nombre nuevo y las antiguas se borran. Borrar un contador borra también sus variables, salvo que otro contador siga teniendo el mismo nombre.
  • Lo cuenta el overlay que ejecuta las acciones. Cuando salta uno de los Sumar triggers de un contador, ese overlay le suma 1, o un valor del evento (bits, un importe…); un disparador Restar resta de la misma forma. Un disparador Poner a cero lo devuelve a 0. Los demás overlays y las URL de un solo widget nunca escriben: nada se cuenta dos veces. → Qué overlay ejecuta las acciones
  • Mostrado u oculto. Los disparadores Mostrar y Ocultar — o el botón Mostrar / Ocultar de los controles — muestran y ocultan un contador. Si está oculto también se guarda en Streamer.Bot, en la global persistente streamUi.counterHidden.<nombre>: 1 oculto, 0 visible. Así sobrevive a las recargas, y tus propias acciones pueden cambiarla.
  • Lo cambie quien lo cambie, el overlay lo sigue. La página del widget, tus propias acciones, el overlay que ejecuta las acciones: en cuanto la variable cambia en Streamer.Bot, cada overlay muestra el valor nuevo.
Cuenta desde tus propias acciones. Junto al nombre de cada contador, la página del widget muestra el nombre de su variable global. En cualquier acción de Streamer.Bot, una subacción de variable global (fijar, incrementar…) sobre ese nombre, persistente, cambia el contador, y el overlay lo sigue. Un comando !death cuya acción incrementa esa variable funciona sin ningún disparador de conteo aquí.

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.
  • Lista de contadores, la columna de la izquierda: tus contadores, cada uno con su valor en directo bajo su nombre. Haz clic en uno para editarlo. Arrastra una fila por su asa para moverla; su interruptor muestra u oculta el contador en directo; su menú lo duplica o lo borra. Añadir contador añade uno.
  • La zona principal: los ajustes del contador elegido, o sus botones en la pestaña Controles.
  • 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.

Cada columna y la vista previa se pliegan con la flecha junto a su título. La vista previa sigue plegada hasta que la despliegues; las columnas se abren desplegadas cada vez que vuelves a la página.

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.

Pon nombre a tus contadores

En Lista de contadores, elige el contador Deaths por defecto y renómbralo en Nombre del contador, o añade otros. El Cuenta en directo aparece bajo el nombre en cuanto existe en Streamer.Bot.

Elige qué cuenta

En la pestaña Controles, elige el contador, luego Sumar en la columna Controles, y Añadir disparador en Lista de disparadores — un comando !death, una recompensa de puntos de canal… — eligiendo Lo que suma: Sumar 1, o Sumar el valor de una variable. Restar resta: Lo que resta es Restar 1 o Restar el valor de una variable. Añade disparadores Poner a cero si tiene que volver a 0 solo, por ejemplo al empezar tu directo.

Actualiza tu fuente de navegador

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

Ajustes

Lista de contadores

Tus contadores, Deaths por defecto. Bajo cada nombre, su valor en directo; un contador sin nombre dice Todavía sin nombre y no se muestra. Su interruptor lo muestra u oculta en todos los overlays (igual que sus controles Mostrar / Ocultar). Duplicar añade un contador nuevo con los mismos disparadores, que empieza en 0; Eliminar borra también sus variables de Streamer.Bot. Si van uno al lado del otro o uno debajo del otro se ajusta en la pestaña Estilo (la Dirección del Contenedor).

Ajustes del contador

El contador elegido, en la zona principal:

CampoDetalle
Nombre del contadorSe muestra en la tarjeta y forma parte del nombre de la variable en Streamer.Bot. Se cambia en la pestaña Ajustes.
Streamer.bot globalLa variable en la que vive, junto al nombre, por ejemplo streamUi.counter.Deaths, con su botón Copiar.
CuentaEl valor en directo, leído en Streamer.Bot y cambiado allí mientras escribes. Poner a cero lo pone a 0. Necesita Streamer.Bot conectado y la acción Backend.

Sus disparadores están en la pestaña Controles → Controles.

Estilo

Cada elemento sigue el estilo del overlay hasta que cambies uno de sus campos. En la pestaña Estilo, la columna Estilos ocupa el lugar de la lista de contadores (los estilos valen para todos los contadores): elige ahí un elemento para darle estilo en la zona principal, con la vista previa al lado. Mira Apariencia.

ElementoDetalle
ContenedorLos contadores uno al lado del otro, por defecto, o uno debajo del otro (Dirección), alineados con la posición del widget, Full width, 12 px entre contadores.
FondoEl recuadro detrás de cada contador: nombre y valor uno al lado del otro, por defecto, o uno encima del otro (Dirección), centrados (Alinear contenido, Distribuir contenido), a 10 px; 220 px de ancho en Fijo.
Texto › Nombre del contadorEl nombre del contador (estilo Texto del overlay).
Texto › Cuenta actualEl número (estilo Números del overlay).
Transición de entrada y salidaCómo aparece y se va un contador.

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

EventoQué provoca
Los disparadores de conteo, de reinicio, de mostrar y de ocultar que elijasCambia el contador, lo pone a 0, lo muestra o lo oculta
Misc.GlobalVariableUpdated, Misc.GlobalVariableCreatedLas variables de un contador han cambiado en Streamer.Bot — muestra el valor nuevo, muestra u oculta el contador
El panel Vista previa del widget tiene un botón de prueba por cada disparador, en una pestaña por contador — Restar: …, Poner a cero: …, Mostrar: …, Ocultar: … para los demás. Solo se reproducen en la vista previa: el valor en Streamer.Bot no cambia.

Controles

En la pestaña Controles, con un contador elegido:

  • Controles, una columna junto a la lista de contadores, tiene Sumar, Restar, Poner a cero, Mostrar y Ocultar, cada uno con los nombres de sus disparadores. Elige uno para ver sus disparadores en Lista de disparadores.
  • Lista de disparadores: los disparadores de Streamer.Bot que lo hacen. Añadir disparador añade uno, con condiciones incluidas → Disparadores y condiciones. Los disparadores de Sumar y Restar tienen cada uno su Lo que suma / Lo que resta.
  • La zona principal muestra la ficha del contador, que indica Deaths: 3, con sus botones. La ventana de controles tiene una ficha por contador con nombre:
BotónQué hace
+1Suma 1.
−1Resta 1.
Poner a ceroLo devuelve a 0.
Ocultar / MostrarOculta el contador en todos los overlays, o lo vuelve a mostrar.

Escriben directamente en Streamer.Bot: todos los overlays lo siguen al momento. Necesitan Streamer.Bot conectado y la acción Backend.