Erste Schritte mit FloSync
Diese Anleitung begleitet dich von der Installation über das Laden erster Inhalte bis hin zu den wichtigsten Bereichen der Benutzeroberfläche.
Installation
macOS
- Lade die FloSync-DMG-Datei von der Download-Seite herunter
- Öffne das DMG und zieh FloSync in den Programme-Ordner
- 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 „Open", um fortzufahren.
Windows
- Lade den FloSync-Installer von der Download-Seite herunter
- Starte den Installer und folge den Anweisungen
- Öffne FloSync über das Startmenü oder die Desktop-Verknüpfung
Erster Start
Beim ersten Öffnen von FloSync siehst du das zentrale Bedienfeld:
Überblick über die Oberfläche
Die FloSync-Oberfläche ist ein einheitliches Bedienfeld, das in mehrere Bereiche gegliedert ist:
Obere Leiste
- Modus-Dropdown – Wechsel zwischen Unabhängig, Gespiegelt und Übergreifend
- LIVE-Anzeige – signalisiert, dass der Präsentationsmodus aktiv ist (rotes Badge)
- Schedule-Symbol (Agenda/Liste) – öffnet oder schließt das Zeitplan-Panel für zeit- und intervallbasierte Planung
- Clear-All-Button (Präsentation verwerfen) – entfernt alle geladenen Inhalte (nur sichtbar, wenn Inhalte geladen sind)
- Canvas-Extension-Symbol (Raster) – Globale Leinwand für Multi-Computer-Video-Walls konfigurieren (nur im Modus „Übergreifend")
- Global-Preview-Schalter (Lupe) – blendet die Global-Canvas-Vorschau ein oder aus (nur im Modus „Übergreifend" bei konfigurierter Erweiterung)
- (Trenner)
- Server-Symbol (Turm) – Server-Modus für Netzwerk-Sync starten oder stoppen (grün, wenn aktiv)
- Client-Symbol (WLAN) – als Client für Netzwerk-Sync verbinden oder trennen (blau, wenn aktiv)
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)
Wiedergabeleiste
- Timeline-Schieber – durch das Video scrubben (sichtbar, sobald Videoinhalte geladen sind)
- Zeitanzeige – aktuelle Position und Gesamtdauer
- Play/Pause-Button – steuert die Videowiedergabe
- Schaltfläche „Live starten" – startet die Vollbild-Präsentation auf allen Bildschirmen
Statusleiste
- Canvas-Größe – Gesamtauflösung aller Bildschirme zusammen (z. B. „3840×1080")
- Global-Canvas-Größe – bei konfigurierter Erweiterung die volle Video-Wall-Auflösung
- Bildschirmanzahl – Zahl der angeschlossenen Bildschirme
- Warnungen – Hinweise auf Probleme im Setup (fehlende Inhalte, unterschiedliche Videolängen usw.)
- Sync-Korrekturen – Anzahl der Sync-Korrekturen im Live-Modus (nur während des Live-Betriebs sichtbar)
- Netzwerk-Sync-Status – 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:
- Klicke auf eine Bildschirm-Kachel im Anordnungsbereich
- Ein Dateidialog öffnet sich
- Wähle deine Videodatei aus und klicke auf Open
Unterstützte Videoformate:
- MP4 (H.264, H.265/HEVC)
- MOV (inkl. ProRes)
- MKV
- AVI
- WebM
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:
- Klicke auf eine Bildschirm-Kachel
- Wähle „Load Video/Image" im Dateidialog
- Wähle deine Bilddatei aus
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, Seitenverhältnis bleibt erhalten (eventuell mit Balken)
- Füllen – 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:
- Rechtsklick auf eine Bildschirm-Kachel
- Wähle „Load Webseite URL"
- Gib eine HTTPS-URL ein (z. B.
https://example.com) - Klicke auf OK
Per lokaler HTML-Datei:
- Rechtsklick auf eine Bildschirm-Kachel
- Wähle „Load HTML Datei"
- Wähle deine HTML-Datei aus
- Klicke auf Open
Hinweis: Aus Sicherheitsgründen werden nur HTTPS-URLs unterstützt. 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:
- Klicke auf die Schaltfläche Live starten in der Wiedergabeleiste
- FloSync öffnet auf jedem angeschlossenen Bildschirm ein Vollbildfenster
- Die Inhalte werden entsprechend deiner Konfiguration dargestellt:
- Videos bleiben über alle Bildschirme hinweg visuell synchron
- Bilder erscheinen sofort
- Webseiten werden live gerendert
- 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 zeigt den Bestätigungsdialog „Live beenden?"
Live-Modus beenden:
- Drücke ESC auf einem beliebigen Vollbildfenster
- Klicke auf ein Vollbildfenster und bestätige mit „Yes" im Dialog
- Oder klicke auf Live stoppen im Bedienfeld
Optionen für „Live starten": Wenn ein Zeitplan mit mehreren Szenen konfiguriert ist, zeigt die Schaltfläche „Live starten" ein Dropdown-Menü:
- 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.
Bildschirm-Modi
Über das Modus-Dropdown in der oberen Leiste legst du fest, wie Inhalte auf deinen Bildschirmen dargestellt werden:
- Unabhängig – Jeder Bildschirm zeigt eigene Inhalte mit eigenem Ton
- Gespiegelt – Alle Bildschirme zeigen synchron denselben Inhalt (Ton nur über den Primary-Bildschirm)
- Übergreifend – Dein Inhalt erstreckt sich als eine durchgehende Fläche über alle Bildschirme
Ausführliche Informationen zu den einzelnen Modi findest du unter Bildschirm-Modi.
Menüleiste
FloSync bietet auf beiden Plattformen vollständigen Zugriff über die Menüleiste:
macOS: Native Menüleiste mit den üblichen Tastenkombinationen
- FloSync-Menü – About, Einstellungen (⌘,), Hide, Quit
- Datei-Menü – Konfiguration importieren/exportieren (⌘O/⌘S), Alle Szenen & Inhalte zurücksetzen
- Ansicht-Menü – Zeitplan-Panel, Protokoll-Panel, Globale Leinwand-Vorschau
- Fenster-Menü – Minimize, Zoom
- Hilfe-Menü – Documentation, Website, Reddit
Windows: In-App-Menüleiste am oberen Fensterrand
- Datei-Menü – Konfiguration importieren/exportieren (Strg+O/Strg+S), Alle Szenen & Inhalte zurücksetzen, Einstellungen (Strg+,), Exit (Strg+Q)
- Ansicht-Menü – Zeitplan-Panel, Protokoll-Panel, Globale Leinwand-Vorschau
- Hilfe-Menü – Documentation, Website, Reddit, About
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
- Gehe zu Datei > Konfiguration exportieren (⌘S auf macOS, Strg+S auf Windows)
- Wähle Speicherort und Dateinamen
- Klicke auf Save
Was exportiert wird:
- Alle Szenen des Zeitplans mit ihren Inhaltszuweisungen (Tageszeit- und Intervall-Pläne)
- Anzeigemodus (Unabhängig, Gespiegelt oder Übergreifend)
- Global-Canvas-Erweiterungseinstellungen
- Audio-Einstellungen (Stummschaltung pro Bildschirm)
- App-Version und Format-Version (zur Kompatibilitätsprüfung)
Was NICHT exportiert wird (maschinenspezifisch):
- Sync-Toleranzen (lokal und Netzwerk)
- Fensterposition und -größe
- Sichtbarkeit von UI-Panels
Konfiguration importieren
- Gehe zu Datei > Konfiguration importieren (⌘O auf macOS, Strg+O auf Windows)
- Wähle eine
.flo-Datei aus - Klicke auf Open
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 Missing Files-Dialog. Du hast folgende Möglichkeiten:
- Ordner durchsuchen – durchsucht einen Ordner auf einen Schlag nach allen fehlenden Dateien
- Dateien suchen – einzelne Dateien manuell zuordnen
- FloSync gleicht Dateien anhand des Dateinamens ab und verifiziert sie – sofern vorhanden – über Dateigröße und Content-Hash
Alles zurücksetzen
Um alle Inhalte zu entfernen und von vorn zu beginnen:
- Gehe zu Datei > Alle Szenen & Inhalte zurücksetzen
- Bestätige im erscheinenden Dialog
Dabei wird Folgendes gelöscht:
- Alle Szenen des Zeitplans (zurück zu einer einzelnen „All Day"-Szene)
- Inhaltszuordnungen aller Bildschirme
- Global-Canvas-Erweiterungseinstellungen
Deine Einstellungen (Sync-Toleranzen usw.) bleiben erhalten.
Hinweis: Import und Reset sind im Live-Modus deaktiviert. Beende zuerst den Live-Modus.
Schnelle Tipps
- ESC zum Beenden: Drücke ESC auf 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: Klicke den X-Button in der oberen Leiste
- 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 – keine Konfiguration nötig
Wie geht es weiter?
Du kennst jetzt die Grundlagen. Diese weiterführenden Anleitungen helfen dir, FloSync voll auszuschöpfen:
- Bildschirm-Modi – 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