In diesem Guide zeigen wir die, wie du SmartScore korrekt in deinen Stream einbindest. Es gibt mehrere Szenarien, nach denen dieser Leitfaden aufgebaut ist. Zuerst werden wir die Einrichtung auf Computern mittels OBS erklären. Bei diesem Setup bindest du deine Kamera in OBS auf deinem PC ein und streamst über diesen. Du hast eine bessere Qualität des Streams, benötigst jedoch die entsprechende Hardware und das Know-How.
Anschließend zeigen wir euch, wie ihr SmartScore einbindet, wenn ihr direkt vom Handy streamt. Dazu nutzen wir die Streamlabs App. Sie bietet den Vorteil, dass alle Einstellungen, die man braucht, vorhanden sind, aber kein Wasserzeichen eingefügt wird. Nachteil des Streamings vom Handy ist eine schlechtere Qualität, dafür entfällt die zusätzliche Hardware.
1. OBS Studio starten
Öffne OBS Studio und stelle sicher, dass du dich im Hauptfenster befindest.
2. Szene auswählen oder erstellen
- Wähle im Bereich „Szenen“ eine bestehende Szene aus
oder - Klicke auf das „+“ und erstelle eine neue Szene
3. Browser-Quelle hinzufügen
- Gehe im Bereich „Quellen“ auf das „+“
- Wähle „Browser“
- Vergib einen aussagekräftigen Namen (z. B. Scoring)
- Bestätige mit OK
4. URL des Web Overlays eintragen
Im Eigenschaften-Fenster der Browser-Quelle:
- Trage die vollständige URL des Overlays ein, was du von uns bekommst
- Setze als Breite und Höhe bitte 1920×1080 (HD) damit alles perfekt angezeigt wird
5. Overlay in der Szene platzieren
- Bestätige mit OK
- Skaliere und positioniere das Overlay im Vorschaufenster (es sollte an allen 4 Ecken genau mit der Vorschau zusammenpassen)
Erweiterte Optionen (optional)
In den Eigenschaften der Browser-Quelle kannst du zusätzlich (Rechtsklick auf die Quelle):
Seite neu laden (nützlich bei Verbindungsproblemen)
1) Editor/Scenes öffnen
- Öffne die Streamlabs Mobile App.
- Tippe auf das Menü (drei horizontale Linien oben links).
- Öffne Szenen und erstelle bei Bedarf eine neue Szene (Neue Szene erstellen) oder wähle eine bestehende Szene aus. Bei einer neuen Szene empfehlen wir benutzerdefiniert.
Hinweis: Streamlabs weist darauf hin, dass das Bearbeiten der Widgets/Layouts in Landscape erfolgt, damit die Positionierung zur 16:9-Ausgabe passt. Halte dementsprechend dein Handy in der Landscape Ausrichtung.
2) Schichten aufrufen
- In der ausgewählten Szene tippe oben rechts auf Schichten.
- Tippe auf das +
3) Benutzerdefinierten Artikel hinzufügen
- In der Liste der Layer-Optionen wähle Benutzerdefinierten Artikel hinzufügen.
- Wähle innerhalb der Custom-Optionen den Eintrag für URL hinzufügen
4) URL einfügen und bestätigen
- Füge die vollständige URL deines Overlays ein (inkl. https://).
- Klicke auf Hinzufügen.
5) Overlay platzieren und skalieren
- Platziere das Website-Overlay im Layout und passe Größe/Position an, sodass es über den ganzen Bildschirm geht.
- Tippe nun auf die 3 Punkte nebeneinander, um die Eigenschaften der Quelle zu ändern
- Gehe auf Zoom aktualisieren und wähle einen Zoom von 1.0 aus (Speichern)
- Beim Speichern fragt dich die App zur Szenenvariation Portrait – hier einfach runter scrollen und speichern und fortfahren auswählen.
Nun ist euer Overlay eingebunden und einsatzbereit!
