Livestreama med OBS

Streama på ditt språk medan tittarna läser översatta undertexter direkt i bilden. Whisperrs webbapp transkriberar och översätter det du säger i realtid, och en transparent overlaysida ritar ut undertexterna i OBS som en Browser Source (webbläsarkälla) — inga plugins, inga nedladdningar, inga ändringar i kodaren. Overlayen visar också en liten QR-kod i hörnet: tittare som vill ha ett annat språk kan skanna den och läsa med på mobilen på vilket språk som helst som Whisperr stöder.

Så fungerar det

1. Starta en sändning i Whisperrs webbapp med Dela länk aktiverat — det skapar ett live-rum för din session
2. Generera din overlay-URL och lägg till den i OBS som en Browser Source — översatta undertexter visas över streamen medan du pratar
3. Tittarna skannar QR-koden i hörnet för att öppna rummet på mobilen och välja sitt eget språk

Det här behöver du

• Ett Whisperr-konto, inloggat i webbappen i Chrome
• OBS Studio (eller valfri streamingprogramvara med Browser Source, till exempel Streamlabs)
• Din vanliga streamuppsättning — Twitch, YouTube Live, Kick eller vart som helst annars dit OBS kan streama

Steg 1 — Starta en sändning med Dela länk

Öppna webbappen och starta en ny inspelning:

1. Välj ditt talade språk och det översättningsspråk du vill bränna in i streamen
2. Välj en ljudkälla — Mikrofonljud för kommentar, eller Mikrofon + skärm om du också vill få spel- eller flikljud transkriberat
3. Slå på Dela länk och starta sedan inspelningen

När inspelningen startar visas en delningspanel med två flikar: Rum (länken och QR-koden som dina lyssnare kan gå med via direkt) och OBS (länken till overlay-inställningarna för din stream).

Steg 2 — Öppna sidan för overlay-inställningar

Klicka på fliken OBS i delningspanelen och sedan på öppna-ikonen bredvid inställningslänken — båda markerade i rött nedan:

Länken till overlay-inställningarna ser ut så här:

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

På inställningssidan väljer du vad undertexterna i streamen ska visa, utan att redigera en URL för hand:

Steg 3 — Välj vad tittarna ser och generera URL:en

• Översättning — bara de översatta undertexterna (det vanliga valet)
• Transkribering — bara ditt ursprungliga tal, som live-undertexter
• Båda — originalrepliken med översättningen under, som tvåspråkiga undertexter

Välj hur många undertextrader som ska synas samtidigt, tryck på Generera och kopiera URL:en:

anteckning

Klistra in den genererade URL:en i OBS — inte inställningssidans egen URL. Inställningssidan är en konfigurationsskärm, och om du lägger till den i OBS visas konfigurationskortet i din stream.

Steg 4 — Lägg till den i OBS som en Browser Source

I OBS:

1. Klicka på + under Källor och välj Webbläsare
2. Klistra in den genererade URL:en i fältet URL
3. Ställ in Bredd och Höjd så att de matchar din canvas — vanligtvis 1920 × 1080
4. Klicka på OK och placera sedan källan ovanför lagren med spel eller kamera

Overlayens bakgrund är helt transparent — när ingen pratar är källan osynlig. Under den första minuten efter att den laddats visas en nedtonad statusrad ("Whisperr overlay connected — waiting for captions…", alltså "Whisperr-overlayen är ansluten — väntar på undertexter") så att du kan se att det fungerar medan du riggar; statusraden försvinner så fort den första undertexten kommer och dyker aldrig upp mitt i streamen.

Steg 5 — Gå live

Prata som vanligt. Undertexterna visas över streamen i realtid — den pågående delen av en mening visas något nedtonad och stabiliseras när transkriberingen bekräftas, och färdiga rader tonas ut några sekunder efter att du slutat prata.

QR-koden i hörnet

Inbrända undertexter når alla, men de är på ett enda språk. QR-koden i hörnet öppnar ditt live-rum på tittarens mobil, där hen väljer sitt eget språk och till och med kan lyssna med uppläsning (text-till-tal). Den är på som standard med texten "Scan to read in your language" ("Skanna för att läsa på ditt språk") — anpassa den med URL-parametrarna nedan (till exempel ?qrlabel= med en egen formulering på din publiks språk, eller ?qr=0 för att ta bort den).

Anpassa overlayen

Varje inställning är en URL-parameter, eftersom browser sources i OBS inte går att klicka på. Lägg till dem i den genererade URL:en med &:

Parameter	Standard	Vad den gör
mode	translation	translation (översättning), transcription (transkribering) eller both (båda)
lines	2	Antal undertextrader som syns samtidigt (1–6)
size	42	Teckenstorlek i px (12–120)
color	ffffff	Textfärg — hex utan #, eller ett CSS-färgnamn
bg	0	Bakgrundens opacitet bakom varje rad, 0–1 (0 = enbart textskugga)
hold	8	Antal sekunder en färdig rad stannar på skärmen (1–60)
align	bottom	Fäst undertexterna nedtill (bottom) eller upptill (top)
lang	(all)	Visa bara översättningar till ett målspråk, t.ex. lang=es
qr	on	qr=0 döljer QR-koden i hörnet
qrsize	132	QR-kodens storlek i px (64–400)
qrpos	br	QR-kodens hörn: br, bl, tr eller tl
qrlabel	Scan to read in your language	Texten under QR-koden; qrlabel= (tomt) visar bara koden

Till exempel större gula undertexter högst upp, utan QR-kod:

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

Tips och felsökning

• Källan visar ingenting i OBS — högerklicka på din Browser Source och välj Uppdatera cache för aktuell sida. Om statusraden visar "connecting…" (ansluter) och aldrig ansluter, kontrollera nätverket; om den visar "waiting for captions" (väntar på undertexter) mår overlayen bra — din Whisperr-session skickar bara inte något tal ännu.
• Varje stream är ett nytt rum — varje inspelningssession får ett nytt rums-ID, så generera en ny overlay-URL när du startar en ny sändning, eller låt samma Whisperr-session vara igång under hela streamen.
• Sessioner på gratisplanen är begränsade till 2 minuter — för en riktig stream behöver du en uppgraderad plan så att sessionen kan pågå så länge du är live.
• Översätter du till flera språk? Bränn in ett språk i streamen med lang= och låt alla andra använda QR-koden — det är precis det den är till för.