Overlay in OBS einbinden
Eranio Veröffentlicht am: 13. Oktober 2026
Overlay in OBS einbinden
Diese Anleitung zeigt Schritt für Schritt, wie du ein Overlay aus dem Overlay-Designer (oder dem Overlay-Alerts-System) als Browser-Source in OBS Studio einbindest. Du findest den dafür benötigten Link auf der jeweiligen Overlay-Seite im Menü Overlay.
Den Link holen
- Öffne im Dashboard Overlay → Designer (Beta) und klicke bei der gewünschten Leinwand auf Bearbeiten, oder öffne Overlay → Overlay-Alerts, falls du dieses ältere System nutzt.
- Klicke oben auf das Augen-Symbol neben "Overlay-Link", um den Link anzuzeigen.
- Klicke auf Kopieren, um den Link in die Zwischenablage zu übernehmen.
Dieser Link ist wie ein Passwort. Wer ihn kennt, kann darüber Testereignisse an dein Overlay schicken. Teile ihn nicht öffentlich und poste ihn nicht in deinem Chat.
Browser-Source in OBS anlegen
- Öffne OBS Studio.
- Klicke im Bereich "Quellen" auf das Plus-Symbol und wähle Browser (bzw. Browser-Quelle).
- Gib der Quelle einen Namen, z. B. "Overlay", und bestätige mit OK.
- Füge im Feld URL den kopierten Link ein.
- Trage als Breite und Höhe genau die Auflösung ein, die deine Leinwand im Overlay-Designer hat (Standard 1920×1080, zu finden/einstellbar über das Auflösungs-Dropdown oben im Editor). Stimmen Breite/Höhe der Browser-Source nicht mit der Leinwanden-Auflösung überein, wird das Overlay verzerrt oder abgeschnitten dargestellt.
- Bestätige mit OK.
Wichtige Haken in den Browser-Source-Einstellungen
| Einstellung | Empfehlung |
|---|---|
| Benutzerdefinierten CSS-Code verwenden | Nicht nötig, kannst du leer lassen. |
| Hintergrundfarbe | Hat keine Auswirkung, das Overlay selbst ist bereits transparent. |
| Seite aktualisieren, wenn die Quelle sichtbar wird | Empfohlen, dann lädt sich das Overlay neu, sobald du die Szene öffnest. |
| Steuerung von Audio über OBS | Aktivieren, wenn dein Overlay Sounds abspielt (z. B. Ereignis-Sounds, Text-zu-Sprache, Minispiel-Sounds). Dann erscheint die Browser-Source als eigene Audioquelle im Mixer, und du kannst ihre Lautstärke unabhängig von deinem System regeln. |
Transparenter Hintergrund
Das Overlay ist von sich aus transparent, du musst dafür nichts einstellen. Platziere die Browser-Source in OBS einfach über deinem Spiel bzw. deiner Kamera in der Szenen-Reihenfolge (weiter oben in der Quellen-Liste = weiter vorne im Bild).
Größe und Position in der Szene
Die Browser-Source übernimmt die Breite/Höhe, die du beim Anlegen eingetragen hast. Möchtest du sie innerhalb der Szene verkleinern oder verschieben, kannst du das wie bei jeder anderen Quelle per Ziehen an den Eckgriffen tun. Für eine scharfe, unverzerrte Darstellung sollte das Seitenverhältnis dabei erhalten bleiben.
Mehrere Overlays gleichzeitig
Hast du mehrere Leinwände angelegt (zum Beispiel eine für den normalen Stream, eine für ein besonderes Event), legst du für jede eine eigene Browser-Source mit ihrem jeweiligen Link an. Du kannst dann z. B. pro Szene eine andere Browser-Source aktiv haben, oder beide gleichzeitig einblenden, wenn sich ihre Widgets nicht überlappen.
Fehlerbehebung
Das Overlay bleibt leer / schwarz. Prüfe, ob der Link vollständig und unverändert eingefügt wurde (kein abgeschnittenes Zeichen am Anfang/Ende). Rufe den Link zur Kontrolle einmal in einem normalen Browser-Tab auf, dort sollte das Overlay sichtbar sein (auf transparentem bzw. kariertem Hintergrund im Browser).
Änderungen im Editor erscheinen nicht in OBS. Das Overlay lädt sich nach einer Änderung im Editor normalerweise von selbst neu (mit kurzer Verzögerung). Passiert das einmal nicht, aktualisiere die Browser-Source in OBS manuell: Rechtsklick auf die Quelle → Interagieren oder im Eigenschaften-Dialog auf Aktualisieren über das Browser-Cache-Menü, notfalls OBS einmal neu starten.
Ich habe "Link neu generieren" geklickt und jetzt ist das Overlay leer. Das ist beabsichtigt: Der alte Link ist damit ungültig geworden. Kopiere den neuen Link aus dem Editor und trage ihn in den Eigenschaften der Browser-Source neu ein.
Sounds werden nicht abgespielt oder sind nicht hörbar. Prüfe, ob bei der Browser-Source "Steuerung von Audio über OBS" aktiviert ist, und ob die zugehörige Audioquelle im Mixer nicht stummgeschaltet ist.
Das Overlay ist verzerrt oder abgeschnitten. Breite und Höhe der Browser-Source in OBS müssen genau der Auflösung der Leinwand entsprechen. Öffne den Editor, prüfe die eingestellte Auflösung und übernimm exakt diese Werte in OBS.
Welche Auflösung soll ich wählen? In der Regel passend zur Auflösung deiner Stream-Szene, meist 1080p (1920×1080). Für sehr kleine einzelne Widgets reicht auch eine kleinere Auflösung, für sehr viele oder sehr große Widgets kannst du 1440p oder 4K wählen.