La_Syl Studio
Guía de widgets

Shoutout

Muestra la foto de un streamer y uno de sus clips cuando le haces un shoutout, cuando te hace una raid o cuando un streamer que conoces llega al chat.

Pone a otro streamer en primer plano. Escribe tu comando de shoutout — !so pixelpanda — y el overlay muestra su foto de perfil, tu mensaje y uno de sus clips de Twitch. También puede hacerlo solo cuando alguien te hace una raid, o cuando un streamer de tu grupo de usuarios de Streamer.Bot escribe en tu chat.

Plataformas: Twitch (desactivado: la página lo indica y ninguna fuente de navegador ejecuta el widget)

Paquete de acciones: necesario — Stream UI - Backend consigue la foto del streamer, su último juego y sus clips, comprueba el grupo de usuarios y envía el shoutout de Twitch. Mira Quién necesita qué.

Cómo funciona

  • Tres formas de lanzarlo: tu comando, una raid (Hacer shoutout a quien te raidea), o el primer mensaje de un miembro de un grupo de usuarios de Streamer.Bot (Miembros del grupo en su primer mensaje).
  • Un shoutout cada vez. Los demás esperan en cola y pasan uno tras otro. Un canal que ya está en pantalla o en la cola no se añade dos veces.
  • Un clip de su canal. El widget elige al azar un clip del último año (de siempre si el canal no tiene ninguno) y lo reproduce con su título y quién lo creó. Cuando termina, el shoutout se va.
  • Sin clip, sin problema. Cuando el canal no tiene clips, o su vídeo no se puede reproducir, el shoutout muestra solo la foto y el encabezado, durante Tiempo en pantalla sin clip.
  • El mensaje de chat y el shoutout de Twitch solo salen del overlay que ejecuta las acciones, nunca de la vista previa de la web: tus pruebas no publican nada en tu chat. Cuando el shoutout se muestra en otro overlay, ese reproduce el clip y el overlay que ejecuta las acciones envía los mensajes sin mostrar nada. → Qué overlay ejecuta las acciones
  • Muéstralo en un solo overlay. Cada overlay que lo muestra reproduce el clip, sonido incluido — la pestaña Disposición te avisa.
El comando se crea en Streamer.Bot, no aquí. En la pestaña Comandos de Streamer.Bot, añade un comando con el mismo texto que el ajuste Comando (!so por defecto) y los permisos que quieras — solo moderadores, por ejemplo. Stream UI solo lo escucha, y lee el canal en la primera palabra que lo sigue: !so pixelpanda o !so @pixelpanda.

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 tiene una sola sección, Ajustes del shoutout: sus ajustes ocupan la zona principal, sin columna a la izquierda, en cinco partes: Encabezado del reproductor, Pie del reproductor, Sonido, Mensaje en el chat y Disparadores (Comandos, Raids y Primer mensaje). Las pestañas Estilo y Controles listan las suyas en una columna a la izquierda: haz clic en una para editarla en la zona principal.
  • 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

Crea el comando en Streamer.Bot

Pestaña Comandos → añade !so (o el tuyo), con sus permisos. No necesita ninguna acción.

Activa el widget

En la página Widgets, comprueba que Shoutout está activado. Está en la pestaña Clips de Twitch y viene activado por defecto.

Elige qué lanza un shoutout

En Disparadores, comprueba que Comando coincide con el tuyo y activa o no Hacer shoutout a quien te raidea y Miembros del grupo en su primer mensaje. Para los miembros de un grupo, escribe el grupo de usuarios de Streamer.Bot que hay que vigilar (Streamer.Bot → Users → Groups).

Elige qué se envía

En Mensaje en el chat, activa Enviar un mensaje al chat para publicar un mensaje en tu chat, y Enviar un shoutout de Twitch para el /shoutout de Twitch.

Actualiza tu fuente de navegador

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

Ajustes

Encabezado del reproductor

AjustePor defectoDetalle
Mostrar el encabezadoactivadoLa línea del encabezado: la foto del streamer y el encabezado. Desactivado, se ocultan los dos.
EncabezadoGo check twitch.tv/{login}La línea junto a la foto del streamer. Solo con Mostrar el encabezado activado.
Mostrar la foto de perfil del streameractivadoLa foto del streamer junto al encabezado. Solo con Mostrar el encabezado activado.
Mostrar solo el encabezado si no hay clipdesactivadoEl encabezado solo se muestra en un shoutout sin clip (el de otro canal, o un clip que no se puede reproducir).
Tiempo en pantalla sin clip10 sCuánto dura un shoutout sin clip, de 3 a 60 s. Solo con Mostrar solo el encabezado si no hay clip activado.

Pie del reproductor

AjustePor defectoDetalle
Mostrar el título del clipactivadoEl título del clip, bajo el vídeo.
Mostrar quién hizo el clipactivadoQuién hizo el clip, tras su título.
Texto del autorClipped by {clipper}Ese crédito. {clipper} es quien hizo el clip. Solo con Mostrar quién hizo el clip activado.

Sonido

AjustePor defectoDetalle
Volumen100 %El sonido del clip, de 0 a 100 %. Las vistas previas siempre se reproducen sin sonido.

Mensaje en el chat

AjustePor defectoDetalle
Enviar un mensaje al chatdesactivadoPublica un mensaje en tu chat de Twitch con cada shoutout.
Enviar con el botactivadoLo publica con tu cuenta de bot, si hay una conectada en Streamer.Bot. Solo con Enviar un mensaje al chat activado.
Mensaje en el chatGo check out {user} at twitch.tv/{login}! Last seen playing {game}.Ese mensaje. Solo con Enviar un mensaje al chat activado.
Enviar un shoutout de TwitchdesactivadoEnvía también el /shoutout de Twitch para el canal. Se aplican los límites de Twitch: tienes que estar en directo, con una espera entre dos shoutouts.

Disparadores

AjustePor defectoDetalle
Comandos › Comando!soEl texto de tu comando de Streamer.Bot. El aviso de debajo: crea este comando en Streamer.Bot (pestaña Comandos), con los permisos que quieras.
Raids › Hacer shoutout a quien te raideaactivadoHace un shoutout a quien te hace una raid.
Primer mensaje › Miembros del grupo en su primer mensajedesactivadoHace un shoutout a un miembro de un grupo de usuarios de Streamer.Bot la primera vez que escribe, una vez por carga de la fuente de navegador. Se excluyen los usuarios ignorados.
Primer mensaje › Grupo de Streamer.botTwitch StreamersEl grupo que hay que vigilar. Solo con Miembros del grupo en su primer mensaje activado.

Encabezado y Mensaje en el chat pueden usar estas variables (indicadas bajo cada campo en la página):

VariableEjemploDetalle
{user}PixelPandaEl nombre visible del streamer.
{login}pixelpandaSu login, como en twitch.tv/{login}.
{game}Hollow KnightLo último que ha emitido.

Estilo

Shoutout y Reproductor de clips comparten un mismo reproductor: se parecen hasta que cambies un campo de uno de los dos. Mira Apariencia.

En la pestaña Estilo, la columna Estilos lista los elementos: elige uno para darle estilo en la zona principal, resaltado en la vista previa; Texto abre una columna con sus tres textos.

ElementoDetalle
ContenedorLa caja del widget, transparente por defecto: alinea el reproductor con la posición del widget.
FondoEl reproductor: su Ancho es el tamaño del reproductor, 800 px por defecto; el vídeo lo llena, en 16:9 mientras la Altura de Vídeo esté en Auto. Sigue el estilo Fondo de los widgets del overlay: la tarjeta alrededor del vídeo y sus textos.
VídeoEl marco del clip: negro, redondeado, con sombra.
ImagenLa foto de perfil del streamer. Aparece mientras Mostrar la foto de perfil del streamer está activado.
Texto › EncabezadoTu mensaje. Sigue el estilo Títulos del overlay.
Texto › Título del clipEl título del clip, bajo el vídeo. Sigue el estilo Títulos del overlay.
Texto › Autor del clipTras el título, después de un guion. Sigue el estilo Texto del overlay.
Transición de entrada y salidaCómo aparece y se va el shoutout.

Posición por defecto

Posición Centro, ancho automático, tamaño 100 %. El tamaño del reproductor es el ancho del Fondo, en la pestaña Estilo; la posición se cambia en la pestaña Disposición del Editor de overlays.

Eventos de Streamer.Bot que escucha

EventoQué provoca
Command.TriggeredTu comando — shoutout al canal escrito tras él
Twitch.RaidUna raid — shoutout a quien la hace. Solo con Hacer shoutout a quien te raidea activado
Twitch.FirstWordUn primer mensaje — shoutout a los miembros del grupo. Solo con Miembros del grupo en su primer mensaje activado
Los disparadores Pausar, Reanudar, Saltar el shoutout y Vaciar la cola que has elegidoPausa o reanuda el widget, salta el shoutout, o vacía la cola
Misc.GlobalVariableUpdated, Misc.GlobalVariableCreatedEl widget pausado o reanudado en otro sitio (la página, la ventana de controles, tus acciones)
General.CustomLas respuestas de la acción Backend (clips, foto, comprobación del grupo) y los botones
El panel Vista previa del widget tiene dos botones de prueba, Comando de shoutout y Raid. Solo se reproducen en la vista previa: no se publica nada en el chat ni se envía ningún shoutout de Twitch. Hacen un shoutout a tu propio canal — o al del estudio cuando Streamer.Bot no está conectado, con su foto y sus clips leídos en Twitch.

Controles

En la pestaña Controles de la página del widget:

  • Controles, la columna de la izquierda, lista Pausar, Reanudar, Saltar el shoutout y Vaciar la cola, cada uno con los nombres de sus disparadores. Elige uno para ver sus disparadores en Lista de disparadores, al lado.
  • Lista de disparadores: los disparadores de Streamer.Bot que lo lanzan. Añadir disparador añade uno, con condiciones incluidas → Disparadores y condiciones.
    • Pausar — por defecto: Stream Offline en Twitch.
    • Reanudar — por defecto: Stream Online en Twitch.
    • Saltar el shoutout, Vaciar la cola — ninguno por defecto.
  • La zona principal indica Shoutout: En marcha o En pausa, con los botones Reanudar y Pausar, y luego los demás botones, todos también en la ventana de controles:
ControlQué hace
PausarEl shoutout en pantalla se va, la cola se vacía y no empieza ningún shoutout hasta que lo reanudes → Pausa y reanudación.
ReanudarLos shoutouts vuelven a empezar.
Saltar el shoutoutEl shoutout en pantalla se va; le sigue el siguiente de la cola.
Vaciar la colaDescarta los shoutouts en espera, y el que está en pantalla se va.

Los botones necesitan Streamer.Bot conectado.

Pausa y reanudación

En pausa, nadie recibe un shoutout: ni clip, ni mensaje de chat, ni shoutout de Twitch. Tu comando, las raids y los miembros del grupo que escriben mientras tanto se ignoran, no se ponen en cola, así que al reanudar nunca se reproduce lo acumulado. Los miembros del grupo que escriben durante la pausa cuentan como ya mencionados hasta que la fuente de navegador se recargue.

El estado se guarda en Streamer.Bot, en la variable global persistente streamUi.off.shoutout (1: en pausa; 0 o ausente: activo), así que la pausa dura hasta que lo reanudes, aunque la fuente de navegador se recargue, y todos los overlays la siguen al instante. Tus propias acciones también pueden pausar o reanudar el widget, con una subacción Global (Set) sobre esa variable. Los botones y los disparadores necesitan la acción Stream UI - Backend.