Saltar al contenido principal

Streaming en vivo con OBS

Transmite en tu idioma mientras los espectadores leen subtítulos traducidos sobre el propio vídeo. La aplicación web de Whisperr transcribe y traduce tus comentarios en tiempo real, y una página de overlay transparente muestra los subtítulos dentro de OBS como Browser Source (fuente de navegador) — sin plugins, sin descargas, sin tocar el codificador de la GPU. El overlay muestra además un pequeño código QR en la esquina: quien prefiera otro idioma puede escanearlo y seguir la transmisión en su móvil en cualquier idioma compatible con Whisperr.

Cómo funciona​

  1. Inicia una transmisión en la aplicación web de Whisperr con el enlace para compartir activado — esto crea una sala en vivo para tu sesión
  2. Genera tu URL de overlay y añádela a OBS como Browser Source — los subtítulos traducidos aparecen sobre tu stream mientras hablas
  3. Los espectadores escanean el código QR de la esquina para abrir la sala en su móvil y elegir su propio idioma

Qué necesitas​

  • Una cuenta de Whisperr, con sesión iniciada en la aplicación web en Chrome
  • OBS Studio (o cualquier software de streaming con Browser Source, como Streamlabs)
  • Tu equipo de streaming habitual — Twitch, YouTube Live, Kick o cualquier otro sitio al que OBS pueda transmitir

Paso 1 — Inicia una transmisión con el enlace para compartir​

Abre la aplicación web e inicia una grabación nueva:

  1. Elige tu idioma hablado y el idioma de traducción que quieres incrustar en el stream
  2. Elige una fuente de audio — Audio del micrófono para tus comentarios, o Micrófono + pantalla si también quieres transcribir el audio del juego o de la pestaña
  3. Activa el enlace para compartir y empieza a grabar
Whisperr Web App recording controls showing language selection, audio source options, and the Share Link toggle

En cuanto empieza la grabación, aparece un panel para compartir con dos pestañas: Sala (el enlace y el código QR con los que tus oyentes pueden unirse directamente) y OBS (el enlace de configuración del overlay para tu stream).

Share panel with Room and OBS tabs, showing the listener room link with copy and QR code buttons

Paso 2 — Abre la página de configuración del overlay​

En el panel para compartir, haz clic en la pestaña OBS y luego en el icono de abrir junto al enlace de configuración — ambos resaltados en rojo abajo:

Share panel OBS tab with red boxes highlighting the OBS tab and the open button next to the overlay setup link

El enlace de configuración del overlay tiene esta forma:

https://whisperr.co/app/overlay/<your-room-id>/choose

La página de configuración te permite elegir qué muestran los subtítulos del stream, sin editar la URL a mano:

Whisperr OBS overlay setup page with options for translation, transcription, or both, and how many caption lines to show

Paso 3 — Elige qué ven los espectadores y genera la URL​

  • Traducción — solo los subtítulos traducidos (la opción habitual)
  • Transcripción — solo tu voz original, como subtítulos en directo
  • Ambos — tu frase original con la traducción debajo, como subtítulos bilingües

Elige cuántas líneas de subtítulos permanecen en pantalla a la vez, pulsa Generar y copia la URL:

Generated OBS Browser Source URL ready to copy, with Both mode and 3 lines selected
nota

Pega en OBS la URL generada — no la URL de la propia página de configuración. La página de configuración es una pantalla de ajustes, y si la añades a OBS, la tarjeta de configuración aparecería en tu stream.

Paso 4 — Añádela a OBS como Browser Source​

En OBS:

  1. En Fuentes, haz clic en + y elige Navegador
  2. Pega la URL generada en el campo URL
  3. Ajusta Anchura y Altura al tamaño de tu lienzo — normalmente 1920 × 1080
  4. Haz clic en Aceptar y coloca la fuente por encima de las capas de juego o cámara
OBS Browser Source properties dialog with the Whisperr overlay URL pasted in

El fondo del overlay es totalmente transparente — cuando nadie habla, la fuente es invisible. Durante el primer minuto tras cargarse, muestra una línea de estado tenue («Whisperr overlay connected — waiting for captions…», es decir, «Overlay de Whisperr conectado — esperando subtítulos…») para que puedas confirmar que funciona mientras lo configuras; la línea de estado desaparece en cuanto llega el primer subtítulo y nunca aparece a mitad del stream.

Paso 5 — Sal en directo​

Habla con normalidad. Los subtítulos aparecen sobre tu stream en tiempo real — la parte de la frase aún en curso se muestra algo atenuada y se afianza cuando la transcripción se confirma, y las líneas terminadas se desvanecen unos segundos después de que dejes de hablar.

A live stream with Japanese speech and English translated subtitles overlaid at the bottom, and a scannable room QR code in the corner

El código QR de la esquina​

Los subtítulos incrustados llegan a todos, pero son un solo idioma. El código QR de la esquina abre tu sala en vivo en el móvil del espectador, donde elige su propio idioma e incluso puede escuchar con texto a voz. Está activado por defecto con la leyenda «Scan to read in your language» (Escanéalo para leer en tu idioma) — personalízalo con los parámetros de URL de abajo (por ejemplo, ?qrlabel= con tu propio texto en el idioma de tu audiencia, o ?qr=0 para quitarlo).

Personaliza el overlay​

Cada opción es un parámetro de URL, porque las fuentes de navegador de OBS no admiten clics. Añádelos a la URL generada con &:

ParámetroValor por defectoQué hace
modetranslationtranslation (traducción), transcription (transcripción) o both (ambos)
lines2Líneas de subtítulos visibles a la vez (1–6)
size42Tamaño de fuente en px (12–120)
colorffffffColor del texto — hex sin #, o un nombre de color CSS
bg0Opacidad del fondo tras cada línea, 0–1 (0 = solo sombra del texto)
hold8Segundos que una línea terminada permanece en pantalla (1–60)
alignbottomAncla los subtítulos abajo (bottom) o arriba (top)
lang(all)Muestra solo las traducciones a un idioma de destino, p. ej. lang=es
qronqr=0 oculta el código QR de la esquina
qrsize132Tamaño del código QR en px (64–400)
qrposbrEsquina del QR: br, bl, tr o tl
qrlabelScan to read in your languageLeyenda bajo el código QR; qrlabel= (vacío) muestra solo el código

Por ejemplo, subtítulos amarillos más grandes en la parte superior y sin código QR:

https://whisperr.co/app/overlay/<room-id>?size=56&color=ffcc00&align=top&qr=0

Consejos y solución de problemas​

  • La fuente no muestra nada en OBS — haz clic derecho en la Browser Source y elige Actualizar caché de la página actual. Si la línea de estado dice «connecting…» y nunca conecta, revisa tu red; si dice «waiting for captions», el overlay está bien y tu sesión de Whisperr simplemente aún no envía voz.
  • Cada stream es una sala nueva — cada sesión de grabación recibe un ID de sala nuevo, así que genera una nueva URL de overlay cuando empieces una nueva transmisión, o mantén la misma sesión de Whisperr en marcha durante todo el stream.
  • Las sesiones del plan gratuito están limitadas a 2 minutos — para un stream de verdad necesitarás un plan superior para que la sesión dure tanto como tu directo.
  • ¿Traduces a varios idiomas? Incrusta un idioma en el stream con lang= y deja que el resto use el código QR — para eso existe exactamente.