Zum Hauptinhalt springen

OBS-Livestreaming

Streame in deiner Sprache, während Zuschauer übersetzte Untertitel direkt im Video lesen. Die Whisperr-Web-App transkribiert und übersetzt deinen Kommentar in Echtzeit, und eine transparente Overlay-Seite rendert die Untertitel in OBS als Browser Source — keine Plugins, keine Downloads, keine Änderungen am GPU-Encoder. Das Overlay zeigt außerdem einen kleinen QR-Code in der Ecke: Wer lieber eine andere Sprache möchte, scannt ihn und liest auf dem eigenen Handy in jeder Sprache mit, die Whisperr unterstützt.

So funktioniert es​

  1. Starte eine Übertragung in der Whisperr-Web-App mit aktiviertem Share-Link — das erstellt einen Live-Raum für deine Session
  2. Generiere deine Overlay-URL und füge sie in OBS als Browser Source hinzu — übersetzte Untertitel erscheinen im Stream, während du sprichst
  3. Zuschauer scannen den QR-Code in der Ecke, öffnen den Raum auf ihrem Handy und wählen ihre eigene Sprache

Was du brauchst​

  • Ein Whisperr-Konto, in Chrome in der Web-App angemeldet
  • OBS Studio (oder jede Streaming-Software mit einer Browser Source, etwa Streamlabs)
  • Dein übliches Stream-Setup — Twitch, YouTube Live, Kick oder jede andere Plattform, auf die OBS streamen kann

Schritt 1 — Übertragung mit Share-Link starten​

Öffne die Web-App und starte eine neue Aufnahme:

  1. Wähle deine gesprochene Sprache und die Übersetzungssprache, die in den Stream eingebrannt werden soll
  2. Wähle eine Audioquelle — Mikrofonaudio für den Kommentar, oder Mikrofon + Bildschirm, wenn auch Spiel- oder Tab-Audio transkribiert werden soll
  3. Aktiviere Share-Link und starte die Aufnahme
Whisperr Web App recording controls showing language selection, audio source options, and the Share Link toggle

Sobald die Aufnahme läuft, erscheint ein Freigabe-Panel mit zwei Tabs: Raum (der Link und QR-Code, über die deine Zuhörer direkt beitreten) und OBS (der Einrichtungslink für das Overlay deines Streams).

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

Schritt 2 — Die Overlay-Einrichtungsseite öffnen​

Klicke im Freigabe-Panel auf den Tab OBS und dann auf das Öffnen-Symbol neben dem Einrichtungslink — beides unten rot markiert:

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

Der Overlay-Einrichtungslink sieht so aus:

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

Auf der Einrichtungsseite wählst du aus, was die Untertitel im Stream zeigen — ohne eine URL von Hand zu bearbeiten:

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

Schritt 3 — Wählen, was Zuschauer sehen, und die URL generieren​

  • Übersetzung — nur die übersetzten Untertitel (die übliche Wahl)
  • Transkription — nur dein Originalton, als Live-Untertitel
  • Beides — deine Originalzeile mit der Übersetzung darunter, wie zweisprachige Untertitel

Wähle, wie viele Untertitelzeilen gleichzeitig auf dem Bildschirm bleiben, klicke auf Generieren und kopiere die URL:

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

Füge die generierte URL in OBS ein — nicht die URL der Einrichtungsseite selbst. Die Einrichtungsseite ist ein Konfigurationsbildschirm; würdest du sie in OBS hinzufügen, wäre die Konfigurationskarte in deinem Stream zu sehen.

Schritt 4 — In OBS als Browser Source hinzufügen​

In OBS:

  1. Klicke unter Quellen auf + und wähle Browser
  2. Füge die generierte URL in das Feld URL ein
  3. Stelle Breite und Höhe passend zu deiner Leinwand ein — typischerweise 1920 × 1080
  4. Klicke auf OK und platziere die Quelle über deinen Gameplay- oder Kamera-Ebenen
OBS Browser Source properties dialog with the Whisperr overlay URL pasted in

Der Hintergrund des Overlays ist vollständig transparent — spricht niemand, ist die Quelle unsichtbar. In der ersten Minute nach dem Laden zeigt es eine dezente Statuszeile („Whisperr overlay connected — waiting for captions…“, also „Whisperr-Overlay verbunden — warte auf Untertitel …“), damit du beim Einrichten prüfen kannst, dass alles läuft; die Statuszeile verschwindet, sobald der erste Untertitel eintrifft, und erscheint nie mitten im Stream.

Schritt 5 — Live gehen​

Sprich ganz normal. Die Untertitel erscheinen in Echtzeit über deinem Stream — der noch laufende Teil eines Satzes wird leicht abgedunkelt angezeigt und wird fest, sobald die Transkription bestätigt ist; fertige Zeilen blenden ein paar Sekunden nach dem Sprechende aus.

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

Der QR-Code in der Ecke​

Eingebrannte Untertitel erreichen alle — aber nur in einer Sprache. Der QR-Code in der Ecke öffnet deinen Live-Raum auf dem Handy des Zuschauers, wo er seine eigene Sprache wählt und sogar per Sprachausgabe mithören kann. Er ist standardmäßig aktiv, mit der Beschriftung „Scan to read in your language“ (Scannen und in deiner Sprache mitlesen) — passe ihn mit den URL-Parametern unten an (zum Beispiel ?qrlabel= mit eigenem Wortlaut in der Sprache deines Publikums, oder ?qr=0, um ihn zu entfernen).

Overlay anpassen​

Jede Option ist ein URL-Parameter, denn OBS-Browserquellen lassen sich nicht anklicken. Hänge sie mit & an die generierte URL an:

ParameterStandardFunktion
modetranslationtranslation (Übersetzung), transcription (Transkription) oder both (beides)
lines2Gleichzeitig sichtbare Untertitelzeilen (1–6)
size42Schriftgröße in px (12–120)
colorffffffTextfarbe — Hex ohne #, oder ein CSS-Farbname
bg0Deckkraft des Hintergrunds hinter jeder Zeile, 0–1 (0 = nur Textschatten)
hold8Sekunden, die eine fertige Zeile auf dem Bildschirm bleibt (1–60)
alignbottomUntertitel unten (bottom) oder oben (top) verankern
lang(all)Nur Übersetzungen in eine Zielsprache anzeigen, z. B. lang=es
qronqr=0 blendet den QR-Code in der Ecke aus
qrsize132Größe des QR-Codes in px (64–400)
qrposbrEcke des QR-Codes: br, bl, tr oder tl
qrlabelScan to read in your languageBeschriftung unter dem QR-Code; qrlabel= (leer) zeigt nur den Code

Zum Beispiel größere gelbe Untertitel oben, ohne QR-Code:

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

Tipps und Fehlerbehebung​

  • Die Quelle zeigt in OBS nichts an — klicke mit der rechten Maustaste auf die Browser Source und wähle Cache der aktuellen Seite aktualisieren. Bleibt die Statuszeile bei „connecting…“ hängen und verbindet sich nie, prüfe dein Netzwerk; steht dort „waiting for captions“, ist das Overlay in Ordnung — deine Whisperr-Session sendet nur noch keine Sprache.
  • Jeder Stream ist ein neuer Raum — jede Aufnahmesession bekommt eine frische Raum-ID. Generiere also eine neue Overlay-URL, wenn du eine neue Übertragung startest, oder lass dieselbe Whisperr-Session den ganzen Stream über laufen.
  • Sessions im Gratis-Tarif sind auf 2 Minuten begrenzt — für einen echten Stream brauchst du einen höheren Tarif, damit die Session so lange läuft, wie du live bist.
  • Du übersetzt in mehrere Sprachen? Brenne eine Sprache mit lang= in den Stream ein und lass alle anderen den QR-Code nutzen — genau dafür ist er da.