Direkt zum Hauptinhalt

BrowserSource flackert

Flackern ist das häufigste Overlay-Problem und fast immer eine Kombination aus OBS-Browser-Hardware-Beschleunigung und einem GPU-Treiber. Die Lösung steht selten im Overlay selbst - aber es gibt mehrere Workarounds. Wenn dein Overlay statt zu flackern eher falsch skaliert/verschoben aussieht, ist das meistens kein Flacker-Problem, sondern eine falsche Browser-Source-Auflösung - siehe Empfohlene Settings.

Schnell-Diagnose

Bevor du anfängst zu basteln, prüfe:

  1. Tritt das Flackern in der OBS-Vorschau auf, oder nur im Stream-Output? Browser-Quellen-Vorschau und finaler Encoder sind zwei verschiedene Pfade.
  2. Flackert das ganze Overlay oder nur ein bestimmtes Element (z. B. nur die Cam, nur der Chat)?
  3. Tritt es konstant auf oder nur bei Szenen-Wechsel?
  4. Ist die Browser-Source überhaupt korrekt konfiguriert? Häng testweise &debug=1 an die URL an - erscheint das Diagnose-Banner (Canvas/Viewport/Scale) nicht, lädt die Seite gar nicht richtig, und das eigentliche Problem ist ein URL/Token-Fehler, kein Rendering-Bug. Siehe Browser Source Grundlagen.

Workaround 1: Hardware-Beschleunigung toggeln

Der mit Abstand häufigste Fix.

  1. OBS schließen.
  2. OBS starten, Datei → Einstellungen → Erweitert.
  3. Browser-Quelle Hardware-Beschleunigung umschalten (an → aus, oder aus → an).
  4. OBS komplett neu starten (nicht nur Anwenden).
  5. Testen.

Wenn an → aus geholfen hat: lass es aus. Du verlierst etwas CPU-Effizienz, gewinnst Stabilität. Mehr zur Kosten-Nutzen-Abwägung in Performance-Tipps.

Workaround 2: Browser-Source neu hinzufügen

Manchmal hängt der Cache der Browser-Source schief.

  1. Vorhandene Quelle löschen (Quelle merken, URL komplett kopieren - inklusive id= und token=, siehe Browser Source Grundlagen).
  2. Neue Browser-Quelle hinzufügen, URL einfügen.
  3. Selbe Settings wie auf der Seite Empfohlene Settings - OBS setzt beim Neuanlegen wieder die Standardwerte 800×600/30fps, die musst du erneut überschreiben.

Das erzeugt einen frischen Browser-Prozess.

Workaround 3: Custom CSS

Wenn ein einzelnes Element (z. B. die Cam) blinkt, helfen oft diese zwei Zeilen im OBS-CSS-Feld der Browser-Source:

* { will-change: auto !important; }
body { backface-visibility: hidden; transform: translateZ(0); }

will-change zwingt Chrome, kein vorausschauendes Layer-Compositing zu machen - das ist der Mechanismus, der bei manchen GPU-Treibern fehlerhaft ist. translateZ(0) schiebt den ganzen Body auf eine eigene Compositing-Layer, was Flackern bei Transparenz-Übergängen mildert. Das Overlay bringt selbst kein Custom CSS mit - dieses Feld ist rein für lokale OBS-seitige Workarounds gedacht, es überschreibt nichts im Editor.

Workaround 4: GPU-Treiber prüfen

Wenn die Workarounds oben nicht helfen:

  • NVIDIA: Driver-Branch wechseln. Studio Driver sind in der Regel stabiler als Game-Ready Driver für OBS-Browser-Quellen.
  • AMD: WattMan-Profile, Adrenalin-Auto-Tuning aus.
  • Intel iGPU als Sekundär-Karte: prüfen, ob OBS die richtige GPU benutzt (Task-Manager → GPU-Tab, welcher Prozess auf welcher GPU läuft).

Workaround 5: Encoder-Setting

Wenn das Flackern nur im Stream-Output auftritt (nicht in der OBS-Vorschau): liegt es am Encoder, nicht am Overlay. NVENC-Settings prüfen, B-Frames auf 2 reduzieren, Look-Ahead aus.

Cam-Element flackert anders als andere Widgets

Ein Sonderfall: Cam-Frame-Widgets im Overlay laufen nicht als eingebettetes iframe, sondern subscriben direkt per LiveKit auf den Video-Stream deiner Kamera-Quelle (Chatlix Connect). Flackert nur die Cam, aber der Rest des Overlays ist stabil, ist das eher ein Verbindungs-/Reconnect-Thema der Kamera-Quelle als ein Compositing-Problem - prüfe zuerst, ob die Kamera in Chatlix Connect als "aktiv" markiert ist, bevor du an den OBS-Workarounds oben weiterschraubst.

Wenn keiner der Workarounds hilft: Logfile aus dem Overlay-Editor (« Debug-Logs ») ziehen und per Support melden. Häng zusätzlich einen Screenshot des &debug=1-Banners an, das erspart dem Support eine Rückfrage-Runde zu Canvas/Viewport/Scale.

Weiterführend