OBS-Overlay mit Kartenpreisen – Browserquelle, Größe, Position und Test
Ein OBS-Overlay mit Kartenpreisen ist eine Webseite mit transparentem Hintergrund, die OBS über dem Kamerabild anzeigt. Du fügst sie als Browserquelle hinzu, stellst die Größe 1920×1080 ein und wählst eine Bildschirmecke. Das Ganze dauert ein paar Minuten.
So funktioniert ein OBS-Overlay mit Preisen
OBS kann Webseiten als Ebene einer Szene anzeigen – dafür gibt es die Quelle „Browser“. Ein OBS-Overlay mit Kartenpreisen ist genau so eine Seite: Der Hintergrund ist transparent, also sieht der Zuschauer das Kamerabild und darüber – in einer Bildschirmecke – eine Einblendung mit Karte, Set-Name und Preis.
Warum sich das lohnt? Wer mitten im Opening einschaltet, sieht sofort, was gezogen wurde und was es wert ist – ohne im Chat nachzufragen. Du musst während der Übertragung keine Preise am Handy suchen, und Hits bekommen eine Inszenierung, die gern geclippt wird.
Der Inhalt des Overlays ändert sich live: Das Erkennungsprogramm schickt die nächsten Karten, OBS zeigt sie automatisch an. Deshalb funktioniert das Overlay mit jeder Plattform, auf die du aus OBS sendest – Twitch, YouTube, TikTok oder Whatnot.
Overlay in OBS hinzufügen – Schritt für Schritt
- Wähle in OBS die Szene, in der das Overlay erscheinen soll (z. B. die Hauptszene mit der Hand-Cam).
- Klicke im Bereich Quellen auf + und wähle Browser. Gib der Quelle einen Namen, z. B. „Overlay – Preis“.
- Trag im Feld URL die Adresse des Overlays ein. In RipWorth ist das die App-Adresse + /overlay.html, z. B. http://localhost:5177/overlay.html.
- Stelle Breite 1920 und Höhe 1080 ein. Der Hintergrund des Overlays ist transparent – du brauchst keine Keying-Filter.
- Wenn das Overlay Sounds abspielen soll, aktiviere Audio über OBS steuern. Der Ton erscheint dann im Mixer als eigener Kanal.
- Mit OK bestätigen. Die Overlay-Quelle muss in der Quellenliste über der Kamera liegen – sonst wird sie verdeckt.
Hat deine OBS-Leinwand eine andere Auflösung als 1920×1080, passe die Quelle an den Bildschirm an (Rechtsklick auf die Quelle → Transformieren → An Bildschirm anpassen), damit das Overlay nicht abgeschnitten wird.
Position und URL-Parameter
Das Overlay füllt den ganzen Bildschirm, die Karteneinblendung erscheint in der gewählten Ecke. Ecke und weitere Optionen stellst du über Parameter an der Adresse ein:
| An die Adresse anhängen | Was es ändert |
|---|---|
| ?pos=br | Bildschirmecke: br – unten rechts, bl – unten links, tr – oben rechts, tl – oben links |
| &hold=12 | wie viele Sekunden die Karte sichtbar bleibt |
| &cur=EUR | Währung im Overlay: EUR, USD oder PLN |
| &sound=0 | schaltet Sounds nur in diesem Overlay ab |
| &vol=0.5 | Lautstärke dieses Overlays (0–1) |
| &hits=0 | schaltet Hit-Effekte nur in diesem Overlay ab |
Beispiel: http://localhost:5177/overlay.html?pos=bl&hold=8&cur=EUR – Karte unten links, 8 Sekunden lang, mit Preis in Euro. Den ersten Parameter leitest du mit „?“ ein, alle weiteren mit „&“. Wähle eine Ecke, in der du weder Hände noch Matte noch das Plattform-Logo verdeckst.
Test und Fehlersuche
Bevor du live gehst, teste das Overlay. Klappe im Live-Tab der App („Na żywo“) die Anleitung zum OBS-Overlay auf und klicke auf den Button zum Senden einer Testkarte („Wyślij testową kartę na nakładkę“). In der OBS-Vorschau sollte eine Einblendung mit Karte und Preis erscheinen.
Wenn nichts angezeigt wird:
- prüfe, ob die Adresse in der Quelle exakt stimmt und die App läuft,
- klicke nach einer Adressänderung in den Eigenschaften der Quelle auf Cache der aktuellen Seite aktualisieren,
- stell sicher, dass die Quelle sichtbar ist (Augen-Symbol) und über der Kamera liegt,
- bei fehlendem Ton – Option „Audio über OBS steuern“ und den Regler im Mixer prüfen.
Hits, Themes und ein zweites Overlay mit Statistiken
Ist eine erkannte Karte mindestens einen festgelegten Betrag wert, zeigt das Overlay einen Hit-Effekt. Es gibt drei Stufen mit einstellbaren Schwellen, zum Beispiel:
- HIT! – ab etwa 25 €: goldener pulsierender Rahmen, Konfetti und ein Preis, der von null hochzählt,
- BIG HIT! – ab etwa 100 €: zusätzlich Funken und ein Blitz auf der Karte, die Karte bleibt länger stehen,
- MEGA HIT! – ab etwa 500 €: die Karte erscheint zuerst in der Bildmitte mit Lichtstrahlen und wandert dann in die Ecke.
Schwellen, Texte, Sounds (auch eigene MP3-, OGG- oder WAV-Dateien), Lautstärke und das Overlay-Theme – klassisch, Neon oder minimal – stellst du im Shop-Panel im Bereich für Hits und Stream-Sound ein. Dort gibt es für jede Stufe einen Test-Button. Logo und Farbe deines Shops erscheinen automatisch im Overlay.
Eine zweite Browserquelle mit der Adresse http://localhost:5177/overlay-stats.html zeigt den Break-Zähler und die Tabelle der Top-Pulls. Parameter: ?show=break oder ?show=top (nur ein Element), &pos=tr (Ecke) und &n=5 (Anzahl Karten in der Tabelle). Wie du einen Break durchführst: Was ist ein Card Break?
Best Practices im Stream
- Karten nicht verdecken – die Einblendung gehört neben die Matte, nicht darüber.
- Eine Währung – Zuschauer aus Deutschland und Österreich verstehen Euro am besten; bei internationalem Publikum kann USD sinnvoll sein.
- Vernünftige Lautstärke – der Hit-Sound soll Freude machen, nicht deine Stimme übertönen.
- Generalprobe – nimm vor dem ersten echten Stream ein paar Minuten mit Overlay lokal auf und schau dir die Aufnahme so an, wie ein Zuschauer sie sieht, auch am Handy.
- Ehrlichkeit – der Preis im Overlay ist ein Richtwert für eine Karte in sehr gutem Zustand, keine Verkaufsgarantie. Sag das deinen Zuschauern einmal.
Den kompletten Szenenaufbau und das Equipment beschreiben wir im Ratgeber Booster-Opening-Stream.
Häufige Fragen
Welche Größe stelle ich für das Overlay in OBS ein?
Breite 1920 und Höhe 1080. Der Hintergrund des Overlays ist transparent, die Karteneinblendung erscheint in der gewählten Ecke.
Wie ändere ich die Ecke, in der die Karte erscheint?
Häng den Parameter pos an die Overlay-Adresse an: br (unten rechts), bl (unten links), tr (oben rechts) oder tl (oben links), z. B. overlay.html?pos=bl.
Warum zeigt das Overlay in OBS nichts an?
Meist wegen einer falschen Adresse oder eines alten Caches. Prüf die Adresse, klicke in den Quelleneigenschaften auf „Cache der aktuellen Seite aktualisieren“ und schick eine Testkarte ans Overlay.
Funktioniert das Overlay auf TikTok und Whatnot?
Ja, wenn du aus OBS sendest. Das Overlay ist Teil des Bildes, das OBS überträgt, und funktioniert daher auf jeder Plattform, die einen Stream aus OBS annimmt. Ob und unter welchen Bedingungen die Plattform das erlaubt, prüfst du in ihren aktuellen Richtlinien.
Siehe auch
Spiel- und Dienstnamen sind Marken ihrer jeweiligen Inhaber. Dieser Ratgeber dient nur zur Information; Kartenpreise ändern sich täglich.