Skip to main content

Emissió en directe amb OBS

Emet en el teu idioma mentre els espectadors llegeixen subtítols traduïts sobre el mateix vídeo. L'aplicació web de Whisperr transcriu i tradueix els teus comentaris en temps real, i una pàgina de superposició transparent mostra els subtítols dins d'OBS com a Browser Source (font de navegador) — sense connectors, sense descàrregues, sense canvis a l'encodificador de GPU. La superposició també mostra un petit codi QR al racó: els espectadors que vulguin un altre idioma poden escanejar-lo i llegir al mòbil en qualsevol idioma que Whisperr admeti.

Com funciona

  1. Inicia una emissió a l'aplicació web de Whisperr amb l'enllaç per compartir activat — això crea una sala en directe per a la teva sessió
  2. Genera l'URL de la superposició i afegeix-lo a OBS com a Browser Source — els subtítols traduïts apareixen sobre el directe a mesura que parles
  3. Els espectadors escanegen el codi QR del racó per obrir la sala al mòbil i triar el seu propi idioma

Què necessites

  • Un compte de Whisperr, amb la sessió iniciada a l'aplicació web al Chrome
  • OBS Studio (o qualsevol programari d'emissió amb Browser Source, com ara Streamlabs)
  • La teva configuració d'emissió habitual — Twitch, YouTube Live, Kick o qualsevol altre lloc on OBS pugui emetre

Pas 1 — Inicia una emissió amb l'enllaç per compartir

Obre l'aplicació web i comença una gravació nova:

  1. Tria el teu idioma parlat i l'idioma de traducció que vols incrustar al directe
  2. Tria una font d'àudio — Àudio del micròfon per als comentaris, o Micròfon + Pantalla si també vols transcriure l'àudio del joc o de la pestanya
  3. Activa l'enllaç per compartir i comença a gravar
Whisperr Web App recording controls showing language selection, audio source options, and the Share Link toggle

Quan comença la gravació, apareix un tauler de compartició amb dues pestanyes: Sala (l'enllaç i el codi QR amb què els teus oients poden unir-s'hi directament) i OBS (l'enllaç de configuració de la superposició per al teu directe).

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

Pas 2 — Obre la pàgina de configuració de la superposició

Al tauler de compartició, fes clic a la pestanya OBS i després a la icona d'obrir que hi ha al costat de l'enllaç de configuració — tots dos destacats en vermell a sota:

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

L'enllaç de configuració de la superposició té aquest aspecte:

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

La pàgina de configuració et permet triar què mostren els subtítols del directe, sense haver d'editar cap URL a mà:

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

Pas 3 — Tria què veuen els espectadors i genera l'URL

  • Traducció — només els subtítols traduïts (l'opció habitual)
  • Transcripció — només la teva veu original, com a subtítols en directe
  • Totes dues — la teva frase original amb la traducció a sota, com uns subtítols bilingües

Tria quantes línies de subtítols es mantenen en pantalla alhora, prem Genera i copia l'URL:

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

Enganxa a OBS l'URL generat — no l'URL de la pàgina de configuració. La pàgina de configuració és una pantalla d'ajustos, i si l'afegissis a OBS, la targeta de configuració es veuria al teu directe.

Pas 4 — Afegeix-lo a OBS com a Browser Source

A OBS:

  1. A Sources (Fonts), fes clic a + i tria Browser (Navegador)
  2. Enganxa l'URL generat al camp URL
  3. Ajusta Width (amplada) i Height (alçada) perquè coincideixin amb el teu llenç — normalment 1920 × 1080
  4. Fes clic a OK i col·loca la font per sobre de les capes del joc o de la càmera
OBS Browser Source properties dialog with the Whisperr overlay URL pasted in

El fons de la superposició és totalment transparent — quan ningú no parla, la font és invisible. Durant el primer minut després de carregar-se, mostra una línia d'estat tènue ("Whisperr overlay connected — waiting for captions…", és a dir, «Superposició de Whisperr connectada — esperant subtítols…») perquè puguis confirmar que funciona mentre ho prepares; la línia d'estat desapareix quan arriba el primer subtítol i no apareix mai a mig directe.

Pas 5 — Comença el directe

Parla amb normalitat. Els subtítols apareixen sobre el directe en temps real — la part de la frase encara en curs es mostra una mica atenuada i es consolida quan la transcripció es confirma, i les línies acabades s'esvaeixen uns segons després que deixis de parlar.

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

El codi QR del racó

Els subtítols incrustats arriben a tothom, però només són en un idioma. El codi QR del racó obre la teva sala en directe al mòbil de l'espectador, on pot triar el seu propi idioma i fins i tot escoltar amb text a veu. Està activat per defecte amb el rètol "Scan to read in your language" («Escaneja per llegir en el teu idioma») — personalitza'l amb els paràmetres d'URL de més avall (per exemple, ?qrlabel= amb el teu propi text en l'idioma del teu públic, o ?qr=0 per treure'l).

Personalitza la superposició

Cada opció és un paràmetre d'URL, perquè a les fonts de navegador d'OBS no s'hi pot fer clic. Afegeix-los a l'URL generat amb &:

ParàmetrePer defecteQuè fa
modetranslationtranslation (traducció), transcription (transcripció) o both (totes dues)
lines2Línies de subtítols visibles alhora (1–6)
size42Mida de la lletra en px (12–120)
colorffffffColor del text — hexadecimal sense #, o un nom de color CSS
bg0Opacitat del fons darrere de cada línia, 0–1 (0 = només ombra del text)
hold8Segons que una línia acabada es manté en pantalla (1–60)
alignbottomAncora els subtítols a bottom (a baix) o top (a dalt)
lang(tots)Mostra només les traduccions d'un idioma de destinació, p. ex. lang=es
qractivatqr=0 amaga el codi QR del racó
qrsize132Mida del codi QR en px (64–400)
qrposbrRacó del codi QR: br, bl, tr o tl
qrlabelScan to read in your languageRètol sota el codi QR; qrlabel= (buit) mostra només el codi

Per exemple, subtítols grocs més grans a dalt i sense codi QR:

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

Consells i resolució de problemes

  • La font no mostra res a OBS — fes clic dret al Browser Source i tria Refresh cache of current page (actualitza la memòria cau de la pàgina actual). Si la línia d'estat diu "connecting…" i no es connecta mai, revisa la xarxa; si diu "waiting for captions", la superposició funciona bé i simplement la teva sessió de Whisperr encara no envia veu.
  • Cada directe és una sala nova — cada sessió de gravació rep un identificador de sala nou, així que genera un URL de superposició nou quan comencis una emissió nova, o mantén la mateixa sessió de Whisperr en marxa durant tot el directe.
  • Les sessions del pla gratuït estan limitades a 2 minuts — per a un directe de debò necessitaràs un pla superior perquè la sessió duri tant com estiguis en directe.
  • Tradueixes a diversos idiomes? Incrusta un idioma al directe amb lang= i deixa que la resta faci servir el codi QR — és exactament per a això.