Saltar al contenido
Senchabot Extensions

Guía

Cómo añadir un widget de Senchabot a OBS como fuente de navegador

Los widgets de Senchabot entran en OBS como fuente de navegador: haz clic en + en el panel Fuentes, elige Navegador, pega en el campo URL la URL que copiaste de la página de configuración y pon el ancho y el alto en el tamaño recomendado del widget. No tienes que iniciar sesión ni descargar nada, y el fondo ya es transparente.

Publicada el

Herramientas que cubre:Caja de ChatMuro de EmotesSub SproutSorteo

¿Cómo se añade una fuente de navegador en OBS?

Cuando escribas el nombre de tu canal en la página de configuración y pulses Copiar, sigue estos pasos en OBS Studio:

  1. Selecciona la escena donde debe aparecer el widget.
  2. En el panel Fuentes, haz clic en + y elige Navegador en la lista.
  3. Ponle un nombre a la fuente, por ejemplo "Caja de Chat", y haz clic en Aceptar.
  4. En la ventana de propiedades que se abre, borra el campo URL y pega la URL del widget que copiaste.
  5. Escribe los valores de la tabla de abajo en los campos Ancho y Alto.
  6. Haz clic en Aceptar y arrastra la fuente adonde quieras dentro de la escena.

La página de configuración de Caja de Chat muestra estos pasos junto con el tamaño recomendado cuando copias la URL. Si quieres ir a lo seguro, abre primero la URL en una pestaña normal del navegador y comprueba que funciona.

¿Qué tamaño debe tener cada widget?

Cada widget tiene un tamaño de fuente recomendado. Escribe estos valores en los campos Ancho y Alto de OBS.

Tamaños recomendados de fuente de navegador para los widgets de Senchabot
WidgetAncho × AltoNota
Caja de Chat400 × 600Una columna de chat vertical. Una fuente más grande muestra más mensajes, el texto mantiene su tamaño.
Muro de Emotes1920 × 1080Un lienzo 1080p completo. Los emotes aparecen en cualquier parte de la pantalla.
Sub Sprout800 × 600La planta y la maceta crecen dentro de esta área.
Alertas de Stream800 × 450Una alerta a la vez, en el centro de esta área. Una fuente más grande la agranda.
Meta de Subs800 × 260Una franja ancha para la barra de meta, con espacio encima para que suban los +1.
Marcos de Stream1920 × 1080640x360 para una cámara, 420x720 para el chat, 1920x1080 para la pantalla. El marco se adapta al tamaño que le des.
Cuenta Regresiva1920 × 1080Un lienzo 1080p completo, así el reloj queda en el centro de tu escena de inicio o BRB.
Redes Sociales600 × 120Una cuenta a la vez, en el centro de esta franja. El texto no se achica, así que un nombre de usuario largo necesita una fuente más ancha.
Encuesta de Chat640 × 560Espacio para una encuesta de hasta 6 opciones. Se coloca arriba o abajo y crece con las opciones.
Sorteo1920 × 1080El overlay del ganador. El confeti sale de los dos lados de la pantalla y el nombre del ganador aparece en el centro.
Subathon Timer800 × 300Una franja ancha para la barra de vida, el reloj o el anillo. Una fuente más grande lo agranda.
OBS BridgeNo es una fuenteNo es un overlay visible. Deja la herramienta abierta en una pestaña del navegador o en un panel de OBS.

Para agrandar el texto de la Caja de Chat, no estires la fuente. Usa el ajuste Tamaño de fuente en la página de configuración: de 8 a 72 píxeles, 18 por defecto.

¿Hay que hacer algo para que el fondo sea transparente?

No. Caja de Chat, Muro de Emotes, Sub Sprout, Subathon Timer, Alertas de Stream, Meta de Subs, Marcos de Stream, Cuenta Regresiva, Encuesta de Chat, Redes Sociales y el overlay de Sorteo se dibujan sobre un fondo transparente. No necesitas chroma key ni ningún filtro, y puedes dejar el campo CSS personalizado de OBS como está.

Si la Caja de Chat se lee mal sobre una escena clara, activa Fondo oscuro. Pone una capa negra semitransparente detrás del widget, y puedes ajustar su opacidad entre 0% y 100% (50% por defecto). Si quieres cada mensaje en su propio recuadro, activa Fondo por mensaje.

¿Hay que activar "Apagar fuente cuando no sea visible" y "Actualizar el navegador cuando la escena se active"?

Deja los dos desactivados para los widgets de Senchabot. Los dos recargan la página desde cero, y el widget olvida todo lo que tenía hasta ese momento:

  • Caja de Chat: los mensajes solo llegan mientras la fuente está funcionando. Si la fuente se apaga y vuelve, la pantalla empieza vacía y solo muestra mensajes nuevos.
  • Sub Sprout: la planta se guarda dentro de OBS, así que una recarga conserva la etapa a la que llegó, pero las subs que llegan con la fuente apagada no la hacen crecer.
  • Meta de Subs: el conteo se guarda dentro de OBS, así que una recarga no lo pierde, pero las subs que llegan con la fuente apagada no se cuentan.
  • Subathon Timer: el tiempo restante se guarda dentro de OBS, así que una recarga no lo pierde. El timer sigue contando hacia atrás con la fuente apagada, pero no puede ver las subs que llegan en ese rato.
  • Encuesta de Chat: la encuesta y sus votos se guardan dentro de OBS, así que una recarga no los pierde, pero los votos escritos con la fuente apagada no se cuentan.
  • Alertas de Stream: solo las subs, los regalos, los cheers y los raids que llegan con la fuente funcionando tienen alerta. Lo que llegue con la fuente apagada se pierde.
  • Overlay de Sorteo: solo el overlay que está abierto en ese momento recibe al ganador. Un ganador sacado con la fuente apagada nunca aparece en pantalla.
  • Muro de Emotes: los emotes duran 5 segundos por defecto, así que una recarga no te cuesta nada, pero tampoco ayuda.

Si un widget se queda trabado, haz doble clic en la fuente y pulsa el botón "Actualizar la caché de la página actual" en la ventana de propiedades. Eso recarga la página una vez.

¿Cómo cambio un widget más adelante?

Tu configuración vive dentro de la URL del widget, así que cambiar un ajuste significa una URL nueva. Cambia el ajuste en la página de configuración, copia la URL nueva, luego haz doble clic en la fuente en OBS y pégala encima de la URL vieja en el campo URL.

No tienes que empezar de cero con Caja de Chat, Muro de Emotes, Sub Sprout, Subathon Timer, Alertas de Stream, Meta de Subs, Encuesta de Chat, Marcos de Stream, Redes Sociales ni Cuenta Regresiva. Pega tu URL actual en el campo URL del widget de la página de configuración y vuelven tus canales y toda tu configuración. Cambia lo que quieras y copia la URL nueva.

OBS Bridge no tiene campo para pegar, así que vuelve a poner tu configuración en su página y copia la URL nueva de la herramienta. También puedes cambiar las escenas elegidas y los usuarios autorizados en la propia página de la herramienta y sacar la URL nueva con su botón Copiar URL actualizada. Las URL viejas siguen funcionando, así que no tienes que actualizarlas.

¿Qué hago si el widget no aparece en OBS?

La mayoría de las veces el problema es el nombre del canal. Revisa estos puntos en orden.

¿Escribiste un enlace en vez del nombre del canal?

En el campo del canal escribe solo el nombre: senchabot para twitch.tv/senchabot. Si pegas el enlace completo, el widget toma el enlace como nombre del canal y no puede conectarse a ningún chat.

¿El canal existe de verdad?

Revisa que el nombre no tenga errores. Un canal que no existe en Twitch no da ningún error. El widget simplemente se queda vacío.

¿Ha pasado algo en el chat todavía?

Caja de Chat y Muro de Emotes se quedan completamente vacíos y transparentes hasta que pasa algo en el chat. Manda un mensaje en el chat; para Muro de Emotes tiene que ser, por defecto, un mensaje hecho solo de emotes, pero con Mostrar todos los emotes activado también cuentan los emotes dentro de mensajes normales. El overlay de Sorteo también aparece solo cuando se saca un ganador y desaparece a los 10 segundos. Sub Sprout y Subathon Timer, en cambio, aparecen de inmediato.

¿No encuentra el canal de Kick?

Cuando el widget se abre, busca el canal de Kick en kick.com. Si esa búsqueda falla (nombre equivocado, el canal no existe o Kick no responde), los mensajes de Kick no llegan. Escribe tu nombre de Kick exactamente como aparece en la URL de kick.com.

¿La URL funciona en un navegador?

Abre la URL en una pestaña normal del navegador. Si ahí funciona pero en OBS no, revisa el campo URL y el tamaño de la fuente.

Elige tu widget y consigue su URL

Cada página de configuración te da una URL lista para pegar en OBS.

Todas las guías