Lumaktaw patungo sa pangunahing content

OBS Live Streaming

Mag-stream sa sarili mong wika habang nagbabasa ang mga manonood ng isinaling subtitle mismo sa video. Tini-transcribe at isinasalin ng Whisperr Web App ang iyong commentary nang real time, at isang transparent na overlay page ang nagpapakita ng mga subtitle sa loob ng OBS bilang Browser Source — walang plugin, walang download, walang babaguhin sa GPU encoder. May maliit ding QR code ang overlay sa sulok: puwede itong i-scan ng mga manonood na gusto ng ibang wika para makasabay sila sa kanilang phone sa kahit anong wikang sinusuportahan ng Whisperr.

Paano Ito Gumagana

  1. Magsimula ng broadcast sa Whisperr Web App nang naka-on ang Share Link — gagawa ito ng live room para sa iyong session
  2. I-generate ang iyong overlay URL at idagdag ito sa OBS bilang Browser Source — lalabas ang isinaling subtitle sa iyong stream habang nagsasalita ka
  3. Isa-scan ng mga manonood ang QR code sa sulok para buksan ang room sa kanilang phone at piliin ang sarili nilang wika

Ang Kakailanganin Mo

  • Whisperr account, naka-sign in sa Web App sa Chrome
  • OBS Studio (o kahit anong streaming software na may Browser Source, gaya ng Streamlabs)
  • Ang karaniwan mong stream setup — Twitch, YouTube Live, Kick, o kahit saan pang puwedeng mag-stream ang OBS

Buksan ang Web App at magsimula ng bagong recording:

  1. Piliin ang iyong sinasalitang wika at ang wika ng salin na gusto mong ipakita nang permanente sa stream
  2. Pumili ng audio source — Microphone Audio para sa commentary, o Mic + Screen kung gusto mo ring ma-transcribe ang audio ng laro o ng tab
  3. I-on ang Share Link, saka simulan ang recording
Whisperr Web App recording controls showing language selection, audio source options, and the Share Link toggle

Kapag nagsimula na ang recording, lalabas ang isang share panel na may dalawang tab: Room (ang link at QR code na puwedeng direktang salihan ng iyong mga tagapakinig) at OBS (ang overlay setup link para sa iyong stream).

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

Hakbang 2 — Buksan ang Overlay Setup Page

Sa share panel, i-click ang OBS na tab, saka i-click ang open icon sa tabi ng setup link — parehong naka-highlight sa pula sa ibaba:

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

Ganito ang hitsura ng overlay setup link:

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

Sa setup page mo pipiliin kung ano ang ipapakita ng mga subtitle sa stream, nang hindi mano-manong ine-edit ang URL:

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

Hakbang 3 — Piliin Kung Ano ang Makikita ng mga Manonood at I-generate ang URL

  • Translation — ang isinaling subtitle lang (ang karaniwang pinipili)
  • Transcription — ang orihinal mong sinasabi lang, bilang live caption
  • Both — ang orihinal mong linya na may salin sa ilalim, parang bilingual na subtitle

Piliin kung ilang linya ng caption ang sabay-sabay na mananatili sa screen, pindutin ang Generate, at kopyahin ang URL:

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

Ang na-generate na URL ang idikit sa OBS — hindi ang URL mismo ng setup page. Configuration screen ang setup page, at kapag idinagdag mo ito sa OBS, ang configuration card ang lalabas sa iyong stream.

Hakbang 4 — Idagdag Ito sa OBS Bilang Browser Source

Sa OBS:

  1. Sa Sources, i-click ang + at piliin ang Browser
  2. Idikit ang na-generate na URL sa URL field
  3. Itakda ang Width at Height ayon sa iyong canvas — karaniwang 1920 × 1080
  4. I-click ang OK, saka iposisyon ang source sa ibabaw ng mga layer ng gameplay o camera
OBS Browser Source properties dialog with the Whisperr overlay URL pasted in

Ganap na transparent ang background ng overlay — kapag walang nagsasalita, hindi nakikita ang source. Sa unang minuto pagkatapos itong ma-load, magpapakita ito ng malabong status line ("Whisperr overlay connected — waiting for captions…" — nakakonekta na ang Whisperr overlay at naghihintay ng caption) para makumpirma mong gumagana ito habang nagse-setup ka; mawawala ang status line sa sandaling dumating ang unang caption, at hinding-hindi ito lalabas sa gitna ng stream.

Hakbang 5 — Mag-live Na

Magsalita nang normal. Lalabas ang mga subtitle sa iyong stream nang real time — bahagyang malabo ang bahagi ng pangungusap na sinasabi pa lang at lumilinaw ito kapag nakumpirma na ang transcription, at ang mga tapos nang linya ay unti-unting nawawala ilang segundo matapos kang tumigil sa pagsasalita.

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

Ang QR Code sa Sulok

Naaabot ng naka-burn na subtitle ang lahat, pero iisang wika lang ito. Binubuksan ng QR code sa sulok ang iyong live room sa phone ng manonood, kung saan pipiliin niya ang sarili niyang wika at puwede pa siyang makinig gamit ang text-to-speech. Naka-on ito bilang default na may caption na "Scan to read in your language" (I-scan para magbasa sa sarili mong wika) — i-customize ito gamit ang mga URL parameter sa ibaba (halimbawa, ?qrlabel= na may sarili mong pananalita para sa wika ng iyong audience, o ?qr=0 para alisin ito).

I-customize ang Overlay

URL parameter ang bawat opsyon, dahil hindi puwedeng i-click ang mga browser source ng OBS. Idagdag ang mga ito sa na-generate na URL gamit ang &:

ParameterDefaultAng ginagawa nito
modetranslationtranslation (salin), transcription (transcription), o both (pareho)
lines2Ilang linya ng caption ang sabay na nakikita (1–6)
size42Laki ng font sa px (12–120)
colorffffffKulay ng teksto — hex nang walang #, o pangalan ng CSS color
bg0Opacity ng backdrop sa likod ng bawat linya, 0–1 (0 = text shadow lang)
hold8Ilang segundong mananatili sa screen ang tapos nang linya (1–60)
alignbottomIdikit ang mga caption sa bottom (ibaba) o top (itaas)
lang(all)Ipakita lang ang mga salin sa isang target na wika, hal. lang=es
qronItinatago ng qr=0 ang QR code sa sulok
qrsize132Laki ng QR code sa px (64–400)
qrposbrSulok ng QR code: br, bl, tr, o tl
qrlabelScan to read in your languageCaption sa ilalim ng QR code; qrlabel= (walang laman) para ipakita ang code lang

Halimbawa, mas malalaki at dilaw na caption sa itaas nang walang QR code:

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

Mga Tip at Troubleshooting

  • Walang ipinapakita ang source sa OBS — i-right-click ang Browser Source at piliin ang Refresh cache of current page. Kung "connecting…" (kumokonekta) ang sabi ng status line at hindi ito kumokonekta, suriin ang iyong network; kung "waiting for captions" (naghihintay ng caption) ang sabi nito, maayos ang overlay at hindi pa lang nagpapadala ng boses ang iyong Whisperr session.
  • Bagong room ang bawat stream — bawat recording session ay may bagong room ID, kaya mag-generate ng bagong overlay URL kapag nagsimula ka ng bagong broadcast, o panatilihing tumatakbo ang iisang Whisperr session sa buong stream.
  • Limitado sa 2 minuto ang mga session sa free plan — para sa totoong stream, kakailanganin mo ng upgraded plan para tumakbo ang session habang live ka.
  • Nagsasalin sa ilang wika? I-burn ang isang wika sa stream gamit ang lang=, at hayaang gamitin ng iba ang QR code — iyan mismo ang silbi nito.