Erste Schritte mit FloSync

FloSync installierst du wie jede andere Anwendung unter macOS oder Windows, und die angeschlossenen Bildschirme erkennt es von selbst. In wenigen Minuten läuft ein Video im Vollbild auf allen.

Installation #

macOS #

1. Lade die FloSync-DMG-Datei von der Download-Seite herunter
2. Öffne das DMG und zieh FloSync in den Programme-Ordner
3. Starte FloSync aus dem Programme-Ordner

Hinweis: Beim ersten Start fragt macOS möglicherweise, ob du eine App von einem identifizierten Entwickler öffnen möchtest. Klicke auf „Öffnen“, um fortzufahren.

Windows #

1. Lade den FloSync-Installer von der Download-Seite herunter
2. Starte den Installer und folge den Anweisungen
3. Öffne FloSync über das Startmenü oder die Desktop-Verknüpfung

Erster Start #

Beim ersten Öffnen von FloSync öffnet sich zusätzlich eine kurze Willkommensseite in deinem Browser. Die App selbst zeigt das zentrale Bedienfeld:

1234

Überblick über die Oberfläche #

Die FloSync-Oberfläche ist ein einheitliches Bedienfeld, das in mehrere Bereiche gegliedert ist:

1. Werkzeugleiste

• Über das Modus-Dropdown wechselst du zwischen Unabhängig, Gespiegelt und Übergreifend
• Die LIVE-Anzeige signalisiert mit einem roten Badge, dass der Präsentationsmodus aktiv ist
• Das Zeitplan-Symbol (Agenda/Liste) öffnet oder schließt das Zeitplan-Panel für zeit- und intervallbasierte Planung
• Mit dem Symbol für die Globale Leinwanderweiterung (Raster) konfigurierst du die Globale Leinwand für Multi-Computer-Video-Walls (nur im Modus „Übergreifend“)
• Der Global-Vorschau-Schalter (Lupe) blendet die Globale Leinwand-Vorschau ein oder aus (nur im Modus „Übergreifend“ bei konfigurierter Erweiterung)
• (Trenner)
• Das Transcodier-Symbol (Videosteuerung) öffnet oder schließt das Transcodier-Panel zum Konvertieren von Videos in sync-freundliche Formate
• Das Protokoll-Symbol (Terminal) öffnet oder schließt das Protokoll-Panel, eine Live-Ansicht der Sync-Aktivität
• (Trenner)
• Mit dem Server-Symbol (Turm) startest oder stoppst du den Server-Modus für Netzwerk-Sync (grün, wenn aktiv)
• Mit dem Client-Symbol (WLAN) verbindest oder trennst du dich als Client für Netzwerk-Sync (blau, wenn aktiv)

2. Bildschirmanordnung

• Zeigt eine maßstabsgetreue Darstellung deiner angeschlossenen Bildschirme
• Jeder Bildschirm erscheint als Kachel, proportional zu seiner tatsächlichen Größe und Position
• Videos oder Bilder lassen sich per Drag-and-Drop direkt auf eine Bildschirm-Kachel ziehen
• Per Rechtsklick stehen weitere Optionen bereit (Webseite laden, HTML-Datei laden)
• Klicke einen Bildschirm an, um ihn auszuwählen
• Klicke auf geladene Inhalte, um deren Einstellungen zu bearbeiten
• Audio-Schalter pro Bildschirm (nur bei Videos)

3. Wiedergabeleiste

• Mit dem Timeline-Schieber scrubbst du durch das Video (sichtbar, sobald Videoinhalte geladen sind)
• Zeitanzeige: aktuelle Position und Gesamtdauer
• Der Play/Pause-Button steuert die Videowiedergabe
• Die Schaltfläche „Live starten“ startet die Vollbild-Präsentation auf allen Bildschirmen

4. Statusleiste

• Canvas-Größe: Gesamtauflösung aller Bildschirme zusammen (z. B. „3840×1080“)
• Globale Leinwandgröße: bei konfigurierter Erweiterung die volle Video-Wall-Auflösung
• Bildschirmanzahl: Zahl der angeschlossenen Bildschirme
• Die Warnungen weisen auf Probleme im Setup hin (fehlende Inhalte, unterschiedliche Videolängen usw.)
• Sync-Korrekturen: Anzahl der Sync-Korrekturen im Live-Modus (nur während des Live-Betriebs sichtbar)
• Der Netzwerk-Synchronisierungsstatus zeigt den Server-/Client-Verbindungsstatus, wenn aktiv
• Videodauer: Länge des längsten geladenen Videos

Inhalte laden #

FloSync unterstützt drei Inhaltstypen: Videos, Bilder und Webseiten. Jeder Typ bietet eigene Lademethoden und verhält sich unterschiedlich.

Videos laden #

Drag-and-Drop: Zieh eine Videodatei aus dem Finder (macOS) oder Explorer (Windows) direkt auf eine Bildschirm-Kachel im FloSync-Bedienfeld.

Per Klick auswählen:

1. Klicke auf eine Bildschirm-Kachel im Anordnungsbereich
2. Wähle Video / Bild im Dialog Inhalt hinzufügen
3. Wähle deine Videodatei aus und klicke auf Öffnen

Unterstützte Videoformate:

• MP4 (H.264, H.265/HEVC)
• MOV (inkl. ProRes)
• MKV
• AVI
• WebM
• M4V
• WMV
• FLV

Im Modus Gespiegelt oder Übergreifend wird ein geladener Inhalt automatisch auf allen Bildschirmen angezeigt. Im Modus Unabhängig kann jeder Bildschirm eigene Inhalte zeigen.

Bilder laden #

Drag-and-Drop: Zieh eine Bilddatei aus deinem Dateimanager auf eine Bildschirm-Kachel.

Per Klick auswählen:

1. Klicke auf eine Bildschirm-Kachel
2. Wähle Video / Bild im Dialog Inhalt hinzufügen
3. Wähle deine Bilddatei aus und klicke auf Öffnen

Unterstützte Bildformate:

• PNG
• JPG / JPEG
• GIF (auch animiert, läuft automatisch in Schleife)
• BMP
• TIFF
• WebP
• SVG

Anpassungsmodi für Bilder: Klicke nach dem Laden auf ein Bild, um die Einstellungen zu öffnen. Dort stehen folgende Modi zur Auswahl:

• Einpassen skaliert das Bild passend in den Bildschirm, das Seitenverhältnis bleibt erhalten (eventuell mit Balken)
• Füllen (Standard) füllt den Bildschirm vollständig aus, überschüssige Bereiche werden abgeschnitten (keine Balken, eventuell Beschnitt)
• Strecken streckt das Bild auf die volle Bildschirmgröße (kann das Seitenverhältnis verzerren)

Webseiten laden #

Per URL:

1. Rechtsklick auf eine Bildschirm-Kachel
2. Wähle „Webseiten-URL laden …“
3. Gib eine HTTPS-URL ein (z. B. https://example.com)
4. Klicke auf Laden

Per lokaler HTML-Datei:

1. Rechtsklick auf eine Bildschirm-Kachel
2. Wähle „HTML-Datei laden …“
3. Wähle deine HTML-Datei aus
4. Klicke auf Öffnen

Hinweis: Das URL-Feld akzeptiert https://-Adressen und ergänzt https:// automatisch, wenn du eine Adresse wie example.com ohne Schema eingibst. Lokale HTML-Dateien können relative Assets (CSS, Bilder, JS) im selben Verzeichnis einbinden.

Automatische Aktualisierung: Klicke eine geladene Webseite an, um in den Einstellungen das Auto-Refresh-Intervall festzulegen:

• Nie (Standard)
• Alle 15 Minuten
• Alle 30 Minuten
• Jede Stunde

Inhalte abspielen #

Sobald Inhalte geladen sind, kannst du sie auf zwei Arten anzeigen:

Vorschau im Bedienfeld #

Nutze die Wiedergabesteuerung im Bedienfeld, um deine Inhalte vorab zu prüfen:

• Play/Pause-Button startet oder pausiert die Wiedergabe in der unteren Leiste (nur Videos)
• Timeline-Scrubbing: Klicke und zieh den Schieber, um an eine beliebige Stelle zu springen (nur Videos)
• Audio-Schalter: Klicke das Lautsprechersymbol am jeweiligen Bildschirm, um den Ton ein- oder auszuschalten (nur Videos)

Hinweis: Bilder erscheinen sofort und bleiben dauerhaft sichtbar. Webseiten werden live in der Vorschau gerendert. Die Wiedergabesteuerung wirkt ausschließlich auf Videoinhalte.

Live starten (Vollbild-Präsentation) #

Für die eigentliche Präsentation nutzt du Live starten:

1. Klicke auf die Schaltfläche Live starten in der Wiedergabeleiste
2. FloSync öffnet auf jedem angeschlossenen Bildschirm ein Vollbildfenster
3. Die Inhalte werden entsprechend deiner Konfiguration dargestellt:
   • Videos bleiben über alle Bildschirme hinweg visuell synchron
   • Bilder erscheinen sofort
   • Webseiten werden live gerendert
4. Ist Netzwerk-Sync aktiv (Server- oder Client-Modus), wird die Videowiedergabe über alle verbundenen Computer hinweg synchronisiert

Im Live-Modus:

• Der Mauszeiger wird auf Vollbildfenstern standardmäßig ausgeblendet
• Sobald du die Maus bewegst, erscheint der Zeiger kurzzeitig
• Nach kurzer Inaktivität wird er automatisch wieder ausgeblendet
• Ein Klick auf ein Vollbildfenster beendet den Live-Modus

Live-Modus beenden:

• Drücke ESC in einem beliebigen Vollbildfenster
• Klicke auf ein beliebiges Vollbildfenster
• Oder klicke auf Live stoppen im Bedienfeld

Optionen für „Live starten“: Die Schaltfläche Live starten öffnet ein Dropdown-Menü. Bei einem konfigurierten Zeitplan (mehrere Szenen) enthält es:

• Live starten (Aktuell): Spielt den aktuellen Inhalt aus dem Composer und ignoriert den Zeitplan. Nur zum Testen gedacht.
• Live starten (Zeitplan) oder Live starten (Anfang): Spielt die geplanten Inhalte mit automatischen Übergängen ab. Für den produktiven Einsatz.

Ausführliche Informationen zu den Planungsmodi und der Controller-Option findest du unter Planung.

Mit mehreren Bildschirmen arbeiten #

Sind mehrere Bildschirme an deinem Computer angeschlossen, erkennt FloSync sie automatisch und zeigt sie im Anordnungsbereich an.

Bildschirmanordnung #

In der Mitte des Bedienfelds siehst du deine angeschlossenen Bildschirme so angeordnet, wie sie im Betriebssystem konfiguriert sind. Die Darstellung ist proportional skaliert und gibt die relativen Positionen und Größen wieder.

Anzeigemodi #

Über das Modus-Dropdown in der Werkzeugleiste legst du fest, wie Inhalte auf deinen Bildschirmen dargestellt werden:

• Unabhängig: Jeder Bildschirm zeigt eigene Inhalte mit eigenem Ton (Standardmodus)
• Gespiegelt: Alle Bildschirme zeigen synchron denselben Inhalt (Ton nur über den primären Bildschirm)
• Übergreifend: Dein Inhalt erstreckt sich als eine durchgehende Fläche über alle Bildschirme (Ton nur über den primären Bildschirm)

Ausführliche Informationen zu den einzelnen Modi findest du unter Anzeigemodi.

Menüleiste #

FloSync bietet auf beiden Plattformen vollständigen Zugriff über die Menüleiste:

macOS: Native Menüleiste mit den üblichen Tastenkombinationen

• FloSync-Menü: Über FloSync, Einstellungen … (⌘,), Ausblenden, Beenden
• Datei-Menü: Konfiguration importieren/exportieren … (⌘O/⌘S), Alle Szenen & Inhalte zurücksetzen
• Ansicht-Menü: Zeitplan-Panel, Protokoll-Panel, Globale Leinwand-Vorschau
• Fenster-Menü: Minimieren, Zoomen
• Hilfe-Menü: FloSync-Dokumentation, FloSync-Website, FloSync auf Reddit, Nach Updates suchen …, Problem melden …, Protokollordner öffnen

Windows: In-App-Menüleiste am oberen Fensterrand

• Datei-Menü: Konfiguration importieren/exportieren … (Strg+O/Strg+S), Alle Szenen & Inhalte zurücksetzen, Einstellungen … (Strg+,), Beenden (Strg+Q)
• Ansicht-Menü: Zeitplan-Panel, Protokoll-Panel, Globale Leinwand-Vorschau
• Hilfe-Menü: FloSync-Dokumentation, FloSync-Website, FloSync auf Reddit, Nach Updates suchen …, Problem melden …, Protokollordner öffnen, Über FloSync

Konfigurationen speichern und laden #

FloSync kann dein gesamtes Setup in einer .flo-Datei sichern, die du jederzeit wieder importieren kannst. Das ist besonders nützlich, um:

• Zeitpläne und Inhaltszuweisungen zu sichern
• dieselbe Konfiguration auf mehrere Computer auszurollen
• Setups mit Kolleg:innen zu teilen

Konfiguration exportieren #

1. Gehe zu Datei > Konfiguration exportieren … (⌘S auf macOS, Strg+S auf Windows)
2. Wähle Speicherort und Dateinamen
3. Klicke auf Speichern

Was exportiert wird:

• Alle Szenen des Zeitplans mit ihren Inhaltszuweisungen (Tageszeit- und Intervall-Pläne), einschließlich aller MIDI-Zuordnungen, die du Intervall-Szenen hinzugefügt hast
• Anzeigemodus (Unabhängig, Gespiegelt oder Übergreifend)
• Einstellungen der globalen Leinwanderweiterung
• Audio-Einstellungen (Stummschaltung pro Bildschirm)
• App-Version und Format-Version (zur Kompatibilitätsprüfung)

Inhaltszuweisungen verweisen auf deine Mediendateien, statt sie einzubetten. Verschiebst du eine Konfiguration auf einen anderen Computer, kopiere also auch die Video- und Bilddateien mit.

Was NICHT exportiert wird (Einstellungen, die auf dem jeweiligen Rechner verbleiben):

• Sync-Toleranzen (lokal und Netzwerk)
• Fensterposition und -größe
• Sichtbarkeit von UI-Panels
• Weitere Einstellungen, etwa der automatische Start beim Anmelden

Konfiguration importieren #

1. Gehe zu Datei > Konfiguration importieren … (⌘O auf macOS, Strg+O auf Windows)
2. Wähle eine .flo-Datei aus
3. Klicke auf Öffnen

Versionskompatibilität: Wurde die Datei mit einer neueren FloSync-Version erstellt, erscheint ein Warndialog. So lassen sich Probleme vermeiden, falls die Konfiguration Funktionen enthält, die in deiner Version noch nicht verfügbar sind.

Fehlende Dateien: Wurden Inhaltsdateien seit dem Export verschoben oder umbenannt, zeigt FloSync einen Dialog mit den fehlenden Dateien. Du hast folgende Möglichkeiten:

• Ordner durchsuchen … durchsucht einen Ordner auf einen Schlag nach allen fehlenden Dateien
• Dateien suchen … ordnet einzelne Dateien manuell zu
• FloSync gleicht Dateien anhand des Dateinamens ab und verifiziert sie, sofern vorhanden, über Dateigröße und Content-Hash

Szenen und Inhalte zurücksetzen #

Um alle Inhalte zu entfernen und von vorn zu beginnen:

1. Gehe zu Datei > Alle Szenen & Inhalte zurücksetzen
2. Bestätige im erscheinenden Dialog

Dabei wird Folgendes gelöscht:

• Alle Szenen des Zeitplans (Tageszeit- und Intervall-Modus)
• Inhaltszuweisungen für jede Anzeige
• Globale Leinwanderweiterungseinstellungen

Deine Einstellungen (Sync-Toleranzen usw.) bleiben erhalten.

Hinweis: Import und Reset sind im Live-Modus deaktiviert. Beende zuerst den Live-Modus.

Für einen vollständigen Reset, der auch Einstellungen und Protokolle löscht, sieh dir den Abschnitt „Gefahrenzone“ in den Einstellungen an.

Schnelle Tipps #

• ESC zum Beenden: Drücke ESC in einem Vollbildfenster, um den Live-Modus zu verlassen
• Ersetzen per Drag-and-Drop: Sind bereits Inhalte geladen, zieh einfach neue auf den Bildschirm, um sie zu ersetzen
• Endloswiedergabe: Videos laufen automatisch in Schleife, ideal für Digital Signage
• Alle Inhalte entfernen: Rechtsklicke die Bildschirmanordnung und wähle Alle Inhalte löschen
• Sitzung wird gespeichert: FloSync merkt sich die zuletzt geladenen Inhalte und stellt sie beim nächsten Start wieder her
• Audio pro Bildschirm: Im Modus „Unabhängig“ hat jeder Bildschirm seinen eigenen Audio-Schalter (nur bei Videos)
• Inhaltseinstellungen: Klicke auf geladene Inhalte, um den Anpassungsmodus (Bilder/Videos) oder URL und Aktualisierung (Webseiten) zu ändern
• Rechtsklick-Menüs: Rechtsklicke auf Bildschirme, um Inhalte zu laden, oder auf Szenenkarten im Zeitplan-Panel für schnelle Bearbeitungsoptionen
• Animierte GIFs: GIF-Bilder laufen automatisch in Schleife, ohne weitere Konfiguration

Wie geht es weiter? #

Du kennst jetzt die Grundlagen. Diese weiterführenden Anleitungen helfen dir, FloSync voll auszuschöpfen:

• Anzeigemodi: Wann du Unabhängig, Gespiegelt oder Übergreifend einsetzt und wie du Multi-Computer-Video-Walls einrichtest
• Planung: Tageszeit- oder intervallbasierte Szenenwechsel mit automatischen Übergängen konfigurieren
• Live starten: Vollbild-Präsentationen, Controller-Modus, Tastatursteuerung und Szenenübergänge
• Netzwerk-Sync: Videowiedergabe über mehrere Computer im Netzwerk synchronisieren
• MIDI: MIDI-Controller zum direkten Auslösen von Szenen nutzen
• Videovorbereitung: Videodateien für bestmögliche Sync-Qualität optimieren