Anleitung
OBS Browserquelle: Alle Einstellungen erklärt
Fast jedes Overlay-Widget, jede Alert Box und jeder animierte Stream Screen läuft in einer OBS-Browserquelle. Ihr Einstellungsfenster ist kurz, aber jede Option verändert, wie sich dein Overlay verhält.
Kurze Antwort
Stelle Breite (Width) und Höhe (Height) auf die Größe ein, für die das Widget gemacht ist (meistens 1920×1080 bei einem Vollbild-Overlay), hake „Lokale Datei“ (Local file) nur bei HTML-Dateien auf deinem Computer an, behalte das Standard-Custom-CSS für einen transparenten Hintergrund und lass Shutdown source when not visible bei Chat und Alerts aus.
Jede Einstellung der Reihe nach
| Einstellung | Was sie macht | Empfehlung |
|---|---|---|
| Local file | Lädt eine HTML-Datei von deinem Computer statt einer Webadresse | An für Stream Screens und heruntergeladene Widgets; aus für StreamElements- und Streamlabs-URLs |
| URL | Die Webadresse, die die Quelle anzeigt | Füge die URL deines Overlays oder Widgets ein |
| Width / Height | Die Seitengröße, mit der die Quelle rendert (Standard 800×600) | Die Größe, für die das Widget gemacht ist. Vollbild-Overlays und Screens: 1920×1080 |
| Use custom frame rate | Rendert die Seite mit eigener Bildrate (Standard 30, wenn eingeschaltet) | Aus, es sei denn, du willst eine 60-fps-Animation passend zu einem 60-fps-Stream |
| Control audio via OBS | Schickt den Ton der Seite in den OBS Audio-Mixer | An für Alerts mit Ton, damit du Lautstärke einstellen und mithören kannst |
| Custom CSS | Styles, die der Seite hinzugefügt werden. Der Standard macht den Hintergrund transparent, entfernt Ränder und blendet Scrollleisten aus | Behalte den Standard. Ergänze ihn, lösche ihn nicht |
| Shutdown source when not visible | Entlädt die Seite, wenn die Quelle versteckt oder ihre Szene nicht aktiv ist | Aus für Chat, Alerts und Timer. An für aufwendige Screens in Szenen, die du selten nutzt |
| Refresh browser when scene becomes active | Lädt die Seite jedes Mal neu, wenn du zu ihrer Szene wechselst | An für Starting Soon, Be Right Back und Ending Screens, die von vorn beginnen sollen |
| Page permissions | Erlaubt der Seite, OBS auszulesen oder zu steuern | Der Standard, es sei denn, die Anleitung eines Widgets verlangt mehr |
| Refresh cache of current page | Ein Button, der die Seite und ihre Dateien neu lädt | Nutze ihn, nachdem du Einstellungen oder Dateien eines Widgets geändert hast |
Breite und Höhe oder Skalieren
Breite und Höhe legen fest, wie groß die Seite gezeichnet wird. Wenn du den roten Rahmen auf der Arbeitsfläche ziehst, streckst du nur das fertige Bild. Wirkt ein Widget unscharf, sind seine Breite und Höhe zu klein: Trage die echte Größe in den Eigenschaften ein und skaliere dann auf der Arbeitsfläche nur noch ein wenig.
Mit einer Seite interagieren
Klicke eine Browserquelle mit der rechten Maustaste an und wähle Interact, um darin zu klicken, zum Beispiel auf einen Button in einem Widget oder um dich auf einer Seite einzuloggen. Schließe das Fenster, wenn du fertig bist.
Hardwarebeschleunigung
Animierte und 3D-Overlays rendern auf der Grafikkarte schneller. Die Option heißt Enable Browser Source Hardware Acceleration und steht unter Einstellungen › Erweitert › Quellen (Settings › Advanced › Sources). Sie ist standardmäßig an. Zeigt eine Quelle gar nichts an, hilft es oft, sie aus- oder wieder einzuschalten und OBS neu zu starten.



