La_Syl Studio
Guía de widgets

Cuenta atrás

Cuentas atrás que muestran los disparadores de Streamer.Bot que elijas, por ejemplo cuando un espectador canjea «silenciar al streamer 5 minutos».

Muestra cuentas atrás en pantalla. Cada cuenta atrás de tu lista tiene su propia duración, su imagen y su texto, y arranca cuando salta uno de sus disparadores Mostrar — una recompensa de puntos de canal del estilo «silenciar al streamer 5 minutos», un comando, un atajo de teclado. Sus disparadores Ocultar la detienen antes del final.

Plataformas: Twitch, YouTube, Kick, y las integraciones activadas en Ajustes — vengan de donde vengan tus disparadores

Paquete de acciones: Stream UI - Get Profile Pic para las fotos de los espectadores en Twitch, Stream UI - Broadcast para los controles manuales. Mira Quién necesita qué.

Cómo funciona

  • Una sola a la vez por cuenta atrás. Un disparador Mostrar la arranca; si ya está en pantalla, vuelve a empezar desde su duración completa. Cuando se acaba el tiempo, desaparece.
  • Detenida antes. Un disparador Ocultar — o el botón Ocultar — la quita antes del final.
  • La foto del espectador. Con Usar la foto de perfil del espectador, la cuenta atrás muestra la foto de quien hizo saltar su Mostrar: el espectador que canjeó la recompensa. Sin nadie (un atajo de teclado, el botón Mostrar), muestra la imagen que subiste, si no un cronómetro.
  • Cada overlay cuenta por su lado. No se guarda nada: una fuente de navegador que se carga durante una cuenta atrás no la muestra.
  • Muéstralo en un solo overlay si quieres una sola cuenta atrás en pantalla; cada overlay que muestra el widget enseña la suya.

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 cuentas atrás, la columna de la izquierda: tus cuentas atrás, cada una con su duración bajo su nombre. Haz clic en una para editarla. Arrastra una fila por su asa para reordenarla; su interruptor la desactiva (sus disparadores y botones ya no hacen nada); su menú la duplica o la borra. Añadir cuenta atrás añade una.
  • La zona principal: los ajustes de la cuenta atrás elegida, o sus botones en la pestaña Controles.
  • Vista previa del widget, el panel contra el borde derecho de la ventana: la vista previa, un botón de prueba Mostrar y Ocultar por cuenta atrás (en una pestaña por cuenta atrás), 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

Crea tus cuentas atrás

En Lista de cuentas atrás, elige la cuenta atrás Streamer muted que viene de serie o añade otras. Ajusta sus Minutos y Segundos, y lo que muestra.

Elige qué la muestra y qué la oculta

En la pestaña Controles, elige la cuenta atrás, luego Mostrar en la columna Controles, y Añadir disparador en Lista de disparadores — la recompensa que te silencia, por ejemplo. Añade disparadores Ocultar si algo tiene que detenerla antes.

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 cuentas atrás

Tus cuentas atrás, Streamer muted (5:00) por defecto. Bajo cada nombre, su duración. Duplicar añade una copia con los mismos ajustes y disparadores.

Ajustes de la cuenta atrás

La cuenta atrás elegida, en la zona principal, en tres partes: Ajustes de tiempo, Ajustes de imagen y Ajustes de texto. Mientras Mostrar la imagen está activado, Usar la foto de perfil del espectador va debajo y la Imagen a su lado; mientras Mostrar el texto está activado, Plantilla del texto va a su lado.

CampoPor defectoDetalle
Nombre de la cuenta atrás—Su fila en la lista, y el texto que se muestra mientras Plantilla del texto está vacío.
Minutos, Segundos5, 0Cuánto dura.
Mostrar el tiempo restanteactivadoLa cuenta atrás, por ejemplo 4:59.
Mostrar la barra de tiempoactivadoUna barra que se vacía a medida que pasa el tiempo.
Mostrar la imagenactivadoLa imagen a la izquierda del texto.
Usar la foto de perfil del espectadordesactivadoLa foto de quien hizo saltar su Mostrar. Desactivado: la Imagen que subas. Ninguna de las dos: un cronómetro. Solo con Mostrar la imagen activado.
Mostrar el textoactivadoEl texto de la cuenta atrás.
Plantilla del textovacíoEse texto; vacío muestra el nombre de la cuenta atrás. Puede usar las variables del payload del disparador Mostrar, por ejemplo {user.name} para el espectador que canjeó la recompensa (léelas en el inspector de eventos); sin payload (el botón Mostrar), se omiten. Solo con Mostrar el texto activado.

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 (los estilos se aplican a todas las cuentas atrás): elige ahí un elemento para darle estilo en la zona principal, resaltado en la vista previa; Texto abre una columna con sus dos textos. Un elemento que ninguna cuenta atrás muestra (su interruptor Mostrar desactivado en todas) no aparece. Mira Apariencia.

ElementoDetalle
ContenedorLa caja del widget, transparente por defecto: las cuentas atrás una debajo de otra, a 14 px.
FondoLa tarjeta detrás de cada cuenta atrás, a todo el ancho por defecto, su línea de textos y su barra estiradas a todo su ancho, a 10 px.
ImagenLa imagen de la cuenta atrás: el estilo Fotos de perfil del overlay.
Texto › Texto de la cuenta atrásEl texto de la cuenta atrás.
Texto › Tiempo restanteEl tiempo restante, con el estilo Números del overlay. También el color del cronómetro.
Barra de tiempoLa barra que se vacía a medida que pasa el tiempo.
Transición de entrada y salidaCómo aparece y se va una cuenta atrás.

Posición por defecto

Posición Arriba a la derecha, 360 px de ancho a 1080p, tamaño 100 %.

Eventos de Streamer.Bot que escucha

EventoQué provoca
Los disparadores de mostrar y ocultar que elegisteArranca una cuenta atrás (desde el principio si ya corre), o la detiene
General.CustomLos botones Mostrar y Ocultar de los controles manuales

Controles

En la pestaña Controles, con una cuenta atrás elegida:

  • Controles, una columna junto a la lista, tiene 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.
  • La zona principal muestra la ficha de la cuenta atrás, Streamer muted: 5:00, con sus botones. La ventana de controles tiene una ficha por cuenta atrás activada:
BotónQué hace
MostrarArranca la cuenta atrás en todos los overlays, o la vuelve a arrancar.
OcultarLa quita antes del final.

Necesitan Streamer.Bot conectado y la acción Broadcast.