guía gratuita · Para principiantesOBS

Cómo agregar la superposición Thunderstream a OBS y TikTok LIVE Studio

¿El juego y la cámara ya están en escena, pero las alertas todavía solo son visibles en el panel? Overlay es una página separada dedicada al programa de transmisión. Pegas su enlace como fuente y aparecen elementos transparentes encima de la imagen. Te mostraremos todo el proceso y la causa más común de fuente vacía: una resolución distinta a la guardada en el panel.

Equipo Thunderstream13 minutos de lectura4VisualizacionesActualizar:

Comience con el enlace correcto

Abra el panel Thunderstream, habilite la herramienta necesaria y vaya a la galería de superposiciones o su configuración. Selecciona, por ejemplo, alertas, chat de retransmisiones o contador de espectadores. Guarde su configuración antes de copiar la dirección.

Copie el enlace destinado a la fuente de superposición. La dirección de un sitio web normal, panel de administración o vista previa local no reemplazará este enlace. Las superposiciones Thunderstream también se alojan en Thunderstream.net cuando utiliza el programa de escritorio.

Un diccionario sin abreviaturas difíciles

Un diccionario sin abreviaturas difíciles
Concepto¿Qué significa esto en la práctica?
escenaDiseño de imagen listo para usar: p.e. un juego con cámara o tablero de descanso. La escena que elijas determina lo que muestras.
FuenteUn componente de escena: juego, cámara, texto, audio o página con superposición. El orden de las fuentes determina qué cubre qué.
URLDirección web completa. Cópialo usando el botón en el panel; no copie fragmentos y no agregue espacios.
EventoNueva información de la plataforma, como un mensaje, observación o regalo. La prueba de apariencia no siempre es un evento real.
ResoluciónEl ancho × alto del área, p.e. 1920 × 1080. Esto es diferente a reducir el rectángulo de origen con el mouse.

paso a paso · 1–4

  1. Qué hacer

    Abra Thunderstream y seleccione Superposiciones en el menú de la izquierda.

    ✓ Después de este paso verás

    Verá superposiciones separadas, como alertas y chat.

  2. Qué hacer

    Abra la superposición seleccionada y habilite su herramienta.

    ✓ Después de este paso verás

    La vista previa no queda oscurecida por el mensaje deshabilitado.

  3. Qué hacer

    Tenga en cuenta el ancho y el alto del enlace, p. 1920 y 1080.

    ✓ Después de este paso verás

    Tienes dos números que luego ingresarás en la fuente.

  4. Qué hacer

    Guarde la configuración que acaba de cambiar.

    ✓ Después de este paso verás

    Cuando se vuelven a abrir, los campos conservan sus valores.

Thunderstream: Sección de alertas en la cuenta demo. Primero, seleccione una plataforma y una única regla.Ampliar la captura de pantalla ↗
Thunderstream: Sección de alertas en la cuenta demo. Primero, seleccione una plataforma y una única regla.Panel de control real en la cuenta demo; Los datos de muestra no provienen de transmisiones de usuarios.Fuente de la foto: Thunderstream · Fuente verificada: 2026-10-27

paso a paso · 5–8

  1. Qué hacer

    Haga clic en Copiar enlace junto al cuadro superpuesto.

    ✓ Después de este paso verás

    Su dirección privada está en el portapapeles, no la dirección de todo el panel.

  2. Qué hacer

    En OBS, seleccione la escena de destino de la lista de Escenas.

    ✓ Después de este paso verás

    Se resalta el nombre de la escena correcta.

  3. Qué hacer

    En la lista Fuentes, haga clic en + y luego en Navegador.

    ✓ Después de este paso verás

    Se abre la creación de una fuente web.

  4. Qué hacer

    Seleccione Crear nuevo e ingrese un nombre, p. Charla Thunderstream.

    ✓ Después de este paso verás

    Reconocerás la fuente en una lista posterior.

OBS: Propiedades de origen del navegador. Aquí es donde van la URL del widget y su ancho y alto.Ampliar la captura de pantalla ↗
OBS: Propiedades de origen del navegador. Aquí es donde van la URL del widget y su ancho y alto.Captura de pantalla real de la documentación oficial. La versión y el idioma del programa pueden ser diferentes al tuyo.Fuente de la foto: OBS Project · Fuente verificada: 2026-10-27

paso a paso · 9–12

  1. Qué hacer

    Pega tu propio enlace URL; Deje el archivo local deshabilitado.

    ✓ Después de este paso verás

    El campo contiene la dirección superpuesta, no la página de inicio de sesión.

  2. Qué hacer

    Ingrese el ancho y alto exactos que anotó.

    ✓ Después de este paso verás

    El área de origen corresponde al área de la superposición guardada.

  3. Qué hacer

    Haz clic en Aceptar y mueve la fuente encima del juego en la lista de Fuentes.

    ✓ Después de este paso verás

    El juego no cubre la superposición; el icono del ojo está encendido.

  4. Qué hacer

    Antes de LIVE, ejecute la prueba en Thunderstream.

    ✓ Después de este paso verás

    Un ejemplo de reacción se ve en la escena OBS.

TikTok LIVE Studio: ejemplo del mundo real de cómo agregar una pantalla de alerta externa. La apariencia del menú depende del lanzamiento y la disponibilidad de la fuente del enlace.Ampliar la captura de pantalla ↗
TikTok LIVE Studio: ejemplo del mundo real de cómo agregar una pantalla de alerta externa. La apariencia del menú depende del lanzamiento y la disponibilidad de la fuente del enlace.Captura de pantalla real de la documentación oficial. La versión y el idioma del programa pueden ser diferentes al tuyo.Fuente de la foto: TikFinity · Fuente verificada: 2026-10-27

paso a paso · 13–16

  1. Qué hacer

    En LIVE Studio, seleccione Agregar fuente y luego Enlace.

    ✓ Después de este paso verás

    En la versión compatible, se abre el campo de dirección web.

  2. Qué hacer

    Pega tu enlace y establece un área compatible y luego una capa encima del juego.

    ✓ Después de este paso verás

    La misma prueba se puede ver en la vista previa del LIVE Studio.

  3. Qué hacer

    Graba 20 segundos localmente con una prueba y un micrófono.

    ✓ Después de este paso verás

    El archivo muestra una superposición y escucha un sonido.

  4. Qué hacer

    Bloquee la fuente terminada con un candado.

    ✓ Después de este paso verás

    El arrastre accidental no mueve la superposición.

Un ejemplo que puedes reproducir.

La escena horizontal y el enlace son 1920×1080. Una alerta configurada en el extremo derecho puede desaparecer en una fuente que tiene solo 800 píxeles de ancho. Ampliar el marco rojo de una fuente en una escena no cambia su resolución interna.

Primero, elija un diseño: ¿horizontal o vertical?

La resolución de origen es el área en la que la superposición dibuja sus elementos. El tamaño de esta área y el tamaño del rectángulo que estás arrastrando con el mouse sobre la escena son dos cosas diferentes. Reducir el rectángulo no moverá un elemento que anteriormente estaba fuera del área de origen.

En Thunderstream, seleccione el formato correspondiente a su escena, guarde la posición y solo luego ingrese las dimensiones en el programa de transmisión. Al cambiar el formato de horizontal a vertical, vuelva a verificar la posición de la alerta, la parte superior y el chat. No estires la superposición de manera desigual, de lo contrario distorsionarás las letras y los avatares.

Primero, elija un diseño: ¿horizontal o vertical?
DestinoÁrea de origen de muestraImportante al configurar
escenario horizontal1920×1080Mantenga las proporciones y verifique la posición en los bordes.
escenario vertical1080×1920Configure elementos para la vista del teléfono, no para el monitor panorámico.
Formato propioDimensiones guardadas en ThunderstreamLa fuente en OBS o LIVE Studio debe tener las mismas dimensiones.

Agregue la fuente en OBS Studio

La fuente del navegador muestra la página, no la grabación de su panel. Esto evita que la configuración, los botones y la información privada entren en la imagen. Sólo el contenido de la superposición seleccionada debería ser visible en la escena.

  1. Seleccione la escena donde debe ir la superposición. En el panel Fuentes, haga clic en el signo más y seleccione Navegador.
  2. Crea una nueva fuente y asígnale un nombre claro, como "Thunderstream - Chat".
  3. Pegue la dirección copiada en el campo URL. Deje la opción de archivo local desactivada.
  4. Establezca el ancho y el alto según el panel Thunderstream. Para una configuración de 1920 × 1080, ingrese estos valores exactos.
  5. Confirmar fuente. En la lista de Fuentes, muévelo sobre tu juego o captura de cámara.

Agregue la fuente en TikTok LIVE Studio

Los nombres de los elementos dependen del idioma y la edición de LIVE Studio. Está buscando una fuente que muestre la página desde la URL. Si su versión no admite esta función, consulte LIVE Studio para obtener actualizaciones y ayuda; No elijas una fuente aleatoria que capture todo tu escritorio.

  1. En LIVE Studio, seleccione una escena y abra Agregar fuente.
  2. En la versión que admite fuentes web, seleccione Enlace o la fuente correspondiente con un campo URL.
  3. Pegue el mismo enlace superpuesto de Thunderstream y establezca las dimensiones correctas.
  4. Coloca la fuente sobre la imagen del juego y verifica la posición de los elementos en la vista previa.

Organice las fuentes para que nada oscurezca las alertas

Puedes agregar una fuente existente a tu próxima escena en lugar de crear una nueva copia independiente con el mismo enlace. Considere esto especialmente para fuentes que reproducen audio: dos copias activas pueden resultar en una doble lectura. No elimine una fuente que ya esté funcionando correctamente antes de buscar un reemplazo.

  1. Coloca el fondo o juego en el último lugar de tu lista. Agregue una cámara y decoraciones encima de ellas y coloque las fuentes Thunderstream donde desee que sean visibles en la imagen final.
  2. Seleccione la fuente de superposición. Si se ha recortado accidentalmente, comprobar su transformación y recorte. En OBS, use el menú contextual de origen y la opción Transformar; el nombre depende del idioma del programa.
  3. Cambie la ubicación de la alerta en la configuración de una alerta determinada en Thunderstream. Establezca X, Y, tamaño y animación, haga clic en Guardar y luego pruebe la configuración guardada.
  4. Una vez que haya configurado la fuente, bloquéela con un candado en la lista de fuentes. Esto evitará que muevas accidentalmente toda el área con alertas al mover la cámara.

Guarda, prueba y comprueba el sonido.

Regrese a Thunderstream y ejecute la prueba de configuración guardada. Hazlo antes de iniciar LIVE: las simulaciones pueden verse limitadas durante una transmisión real. Compare la posición y el tamaño con el programa de transmisión, no solo con la vista previa del panel.

Si el audio es compatible con Thunderstream, capture el audio del programa o del escritorio. No ejecute simultáneamente una segunda lectura de TTS en otro panel o fuente, ya que los destinatarios pueden escuchar un eco. En el OBS, verifique los medidores y realice una breve grabación local.

Sonido: ¿panel, programa o fuente del navegador?

Primero, determine de dónde proviene realmente el sonido. Si Thunderstream lo está reproduciendo, capture el sonido de esta aplicación o del dispositivo del sistema apropiado en el programa de transmisión. Si una fuente del navegador lo está reproduciendo, verifique su participación en el mezclador. La selección depende del método de reproducción establecido.

Escuchar con sus propios auriculares y el sonido enviado a los espectadores son asuntos separados. El hecho de que escuche una alerta en su computadora no confirma que se haya transmitido. Realice una grabación breve con un micrófono y una alerta de prueba y luego reprodúzcala.

  1. Realice una prueba y observe qué sonómetro responde. Asegúrese de que esta fuente no esté silenciada.
  2. Compruebe si la ruta de audio seleccionada está incluida en la salida de transmisión. Si escuchas dos copias, desactiva la captura duplicada del mismo sonido.
  3. Escuchando al público LIVE en la segunda pestaña silencia o usa auriculares. El sonido de los altavoces puede regresar al micrófono.
  4. Haga coincidir el volumen de la música y el TTS con su voz. En el programa de computadora, también puede configurar el volumen para silenciar la música cuando se detecta el micrófono.

Cambio de escena, refresco de animación y suavidad.

La fuente del navegador tiene opciones separadas para deshabilitar cuando está oculta y actualizar cuando la escena está activada. Actualizar carga la superposición desde el principio. Para los elementos que desea mantener la continuidad, no habilite la recarga automática innecesariamente. A su vez, una superposición no utilizada no tiene por qué funcionar como varias copias independientes en muchas escenas.

No aumente la velocidad de cuadros de su fuente solo porque su computadora tiene un monitor rápido. Combínelo con su transmisión y verifique el efecto en la grabación. Para problemas de velocidad de fotogramas, comience eliminando copias fuente innecesarias y cerrando las vistas previas no utilizadas en lugar de actualizar todo durante LIVE.

Después de cambiar la configuración, guárdela en Thunderstream. Actualiza una fuente solo cuando realmente la necesites. Evitarás interrumpir accidentalmente la animación, la música o la lectura.

¿Fuente vacía? Mira estas cosas en este orden.

  1. Compare las dimensiones de la fuente con las dimensiones registradas en Thunderstream. Es posible que el artículo esté fuera de un área demasiado pequeña.
  2. Verifique el ícono de visibilidad de la fuente, su orden en la escena y si la herramienta está habilitada.
  3. Verifique que se haya copiado todo el enlace actual y que la cuenta esté vinculada al LIVE real.
  4. Recuerde que una parte superior vacía sin participantes o una alerta esperando un evento puede ser intencionalmente invisible. Utilice la prueba previa a la transmisión.
  5. Si se ha cambiado un enlace o sus parámetros, actualice solo esa fuente después de guardar. No desconecte innecesariamente un LIVE en funcionamiento.

¿Qué ves en la pantalla y cómo solucionarlo?

Arregle una cosa a la vez y vuelva a intentar lo mismo. Si cambia varias opciones al mismo tiempo, será difícil determinar qué resolvió el problema. No elimine una fuente en funcionamiento o una configuración completa solo porque un widget no responde.

Si aún necesita ayuda, escriba el nombre y la versión del programa, la plataforma, el tiempo aproximado de la prueba, el resultado esperado y lo que realmente sucedió. Adjunte un volcado sin contraseñas, claves y enlaces privados completos. Esta descripción es mucho más útil que simplemente el mensaje "no funciona".

¿Qué ves en la pantalla y cómo solucionarlo?
Síntomacomprobar primerohazlo
Puedo ver el panel completo.Pegué la dirección de la barra del navegador.Copie el campo de enlace privado de una superposición específica.
Veo Minecraft en la demostración.Se utilizó una vista previa en lugar de un enlace de producción.Reemplace la URL con el enlace de la superposición seleccionada.
La fuente está vacía.Ningún evento, herramienta deshabilitada o área pequeña.Verifique la prueba, el interruptor, las dimensiones y el orden de las capas.
La superposición está estirada.Se han cambiado las proporciones del rectángulo.Restaure la relación de aspecto y ajuste la fuente sin estirar un eje.

Último intento antes de usar en LIVE

  1. Guarde los cambios usando el botón asignado a la función editada. Si hay formularios separados, verifique cada parte modificada por separado.
  2. Abra la configuración nuevamente y compare los valores más importantes. Simplemente mover el control deslizante no siempre significa un guardado permanente.
  3. Verifique el resultado fuera del propio editor: en la escena de destino, en la grabación o en la configuración reabierta.
  4. Si la función utiliza la plataforma, reconozca por separado el nuevo evento manejado durante el LIVE activo. No espere que la prueba de apariencia confirme la autorización de la cuenta.
  5. Guarde los valores de trabajo y haga una copia antes del próximo cambio importante. La próxima vez que inicie, comience con una verificación rápida.

Verificar antes de LIVE

  • Tu propio enlace y resolución compatible.
  • La fuente está encima del juego y la herramienta está habilitada.
  • La prueba se podrá ver en el programa de streaming.
  • El sonido se escucha una vez y se confirma mediante una breve grabación.
  • Después de cambiar de escena, la fuente continúa funcionando y no reproduce una segunda copia del sonido.
  • La clave de transmisión no se pegó en la fuente de superposición.
  • Las configuraciones reabiertas conservan los valores guardados.
  • Se confirma un único intento en la salida de destino.

Preguntas que surgen con mayor frecuencia

¿Aparecerá la vista previa de Minecraft desde el panel en mi LIVE?

No copie la dirección de vista previa. El enlace de superposición de producción muestra elementos superpuestos sobre su escena; el fondo de demostración es para la configuración.

¿Necesito tener un navegador abierto?

Si el panel o programa admite TTS, música u otras operaciones locales, déjelo en ejecución. El enlace de origen en sí no reemplaza la conexión LIVE ni todos los procesos de recuperación.

¿Es un enlace suficiente para todas las herramientas?

Copie el enlace del tipo de superposición seleccionado. Las fuentes independientes le permiten configurar alertas, chat y otros complementos por separado.

¿Necesito pegar la clave de transmisión en la superposición?

NO. El navegador o enlace de origen recibe el enlace superpuesto de Thunderstream. La clave de transmisión va a la configuración de transmisión en el OBS u otro codificador, no a la dirección de superposición.

¿Por qué aparece la alerta en el medio del panel pero no es visible en LIVE?

Compare la resolución y la relación de aspecto de ambas áreas. También verifique el encuadre, el orden de las fuentes, registre la posición de una alerta determinada y pruebe su configuración guardada.

¿Qué debo hacer si mi pantalla se ve diferente a la foto?

Verifique el nombre del programa, la versión y la función seleccionada. El volcado es real, pero es de una edición e idioma concretos. Busque un campo descrito por su tarea. Si la opción no está disponible, consulte el soporte oficial actual y la disponibilidad en su cuenta.

Documentación oficial y asistencia adicional.