Zum Hauptinhalt springen

Dokumentation

Lerne, wie du das Beste aus StreaLay herausholst.

Erste Schritte​

Installation​

Lade die neueste Version herunter, führe den Installer aus und starte StreaLay. Beim ersten Start kannst du dich per Twitch, Discord oder E-Mail anmelden.

Dein erstes Overlay erstellen​

  1. Klicke auf Neues Projekt in der Sidebar.
  2. Wähle eine Vorlage aus der Galerie oder starte von Grund auf.
  3. Füge Elemente hinzu (Text, Rechteck, Bild, Browser-Quelle, Video, Chat, Aussparung, Alert, Countdown) über die Toolbar.
  4. Ordne und gestalte Elemente auf dem Canvas.
  5. Verwalte Ebenen über den Layer-Tree (Drag and Drop).
  6. Klicke auf Speichern.

Mit OBS verbinden​

  1. Öffne Einstellungen → OBS Studio.
  2. Trage Host und Port deiner OBS-WebSocket-Verbindung ein (und das Passwort, falls in OBS gesetzt) und klicke auf Verbinden.
  3. Nutze die OBS-Steuerung im Canvas-Editor oder auf dem Dashboard, um das Overlay oder die Player-Audioquelle direkt in ausgewählte Szenen einzufügen - die Audioquelle wird mit aktivierter OBS-Audiosteuerung eingefügt.
  4. Alternativ kopiere die Browser-Source-URL und füge sie manuell in eine OBS Browser Source ein.
  5. Setze die Abmessungen auf deine Canvas-Größe.

Features​

Canvas-Editor​

9 Elementtypen: Text, Rechteck, Bild, Browser-Quelle, Video, Chat, Aussparung, Alert und Countdown. Ziehe Elemente zum Verschieben, nutze das Eigenschaften-Panel zur Anpassung und verwalte Ebenen über den Layer-Tree mit Drag and Drop. Undo/Redo über Ctrl+Z / Ctrl+Shift+Z.

Canvas-Editor

Music Player​

Integrierter Audio-Player mit Server-Tracks und lokalen Dateien. Erstelle Playlists, shuffle, und steuere die Wiedergabe über die globale Player-Bar. Server-Tracks werden per HLS gestreamt mit Caching für Offline-Nutzung. Unterstützt Queue-Management, Repeat-Modi und Favoriten.

Music Player

Alert-System (Queue und History)​

Das Alert-System verarbeitet Twitch-Events (Follows, Subscriptions, etc.) und reiht sie in eine pro Projekt-Warteschlange ein. Alerts werden sequenziell abgespielt; verschiedene Projekte können parallel laufen. Pause lässt den aktuellen Alert fertig ablaufen. Cancel löscht nur wartende Alerts. Die History speichert die letzten 1000 Events. Replay-Funktion für vergangene Alerts.

Twitch-Alert-Queue

OBS Control Dock​

Ein Custom Browser Dock für OBS Studio. Hinzugefügt über OBS → Docks → Custom Browser Docks mit der Dock-URL aus Einstellungen → OBS Studio. Zeigt das aktuelle Projekt-Theme, die Alert-Queue mit Pause/Cancel-Steuerung, die Alert-History mit Replay und den Music Player mit Play/Pause, Stop, Next, Previous, Volume. Live-Theme-Wechsel werden sofort übernommen.

OAuth-Login​

Anmeldung über Twitch oder Discord (OAuth). Neue Konten werden beim ersten Login automatisch erstellt. Klassische E-Mail/Passwort-Anmeldung als Fallback verfügbar. Plattform-Verbindungen (Twitch EventSub) sind separat von der Konto-Anmeldung.

Admin Panel​

Separates Popout-Fenster mit 7 Haupt-Tabs: Server, Updates, Users, Analytics, Logs, Tools (inkl. Admin Console), Music. Nur für Admins. Live-Dashboards mit Echtzeit-Metriken.

Cloud Sync​

Aktiviere Cloud Sync unter Einstellungen → Cloud Sync, um deine Projekte über Geräte hinweg zu synchronisieren. Sync läuft automatisch im Hintergrund. Konflikte werden erkannt und können manuell gelöst werden. Backup-ZIP-Export verfügbar.

Vorlagen​

Eingebaute Vorlagen (5 Overlay + 3 Alert) bieten Startpunkte für häufige Overlay-Typen. Öffne die Vorlagen-Galerie, um Vorlagen zu durchsuchen und Projekte daraus zu erstellen.

Einstellungen​

Allgemein​

Sprache, Startverhalten, Tray-Einstellungen, Auto-Launch.

Erscheinungsbild​

6 anpassbare Basis-Farben. Themes werden live angewendet und über Cloud Sync synchronisiert.

Privatsphäre​

Feature-Tracking und Log-Sharing - beide optional. Siehe die Datenschutzerklärung für Details.

OBS Studio​

OBS-Verbindung, Audio-Quellen-Einfügung, Source-Tests, Guard-Script, Port-Konfiguration.

Updates​

StreaLay prüft automatisch auf Updates. Stable und Unstable Channels verfügbar.

Tastenkürzel​

  • Ctrl+Z - Rückgängig
  • Ctrl+Shift+Z / Ctrl+Y - Wiederherstellen

Weitere Hilfe?​

Besuche die Support-Seite für FAQs und Bug-Meldungen, oder sende einen Bug-Report direkt aus der App über Einstellungen → Hilfe & Support.