Aan de slag met FloSync

Deze gids helpt je stap voor stap om FloSync te installeren, je eerste content te laden en wegwijs te raken in de interface.

Installatie #

macOS #

1. Download het FloSync DMG-bestand van de downloadpagina
2. Open het DMG-bestand en sleep FloSync naar je map Programma's
3. Open FloSync vanuit Programma's

Let op: Bij de eerste keer opstarten kan macOS vragen of je een app van een geïdentificeerde ontwikkelaar wilt openen. Klik op "Open" om verder te gaan.

Windows #

1. Download het FloSync-installatieprogramma van de downloadpagina
2. Voer het installatieprogramma uit en volg de stappen op het scherm
3. Start FloSync via het Start-menu of de snelkoppeling op je bureaublad

Eerste keer opstarten #

Wanneer je FloSync voor het eerst opent, zie je het hoofdbedieningspaneel:

Overzicht van de interface #

De interface van FloSync is één centraal bedieningspaneel, opgedeeld in de volgende onderdelen:

Bovenbalk

• Weergavemodus-dropdown — Wissel tussen Onafhankelijk, Gespiegeld en Overspannen
• LIVE-indicator — Geeft aan wanneer de presentatiemodus actief is (rode badge)
• Schedule-pictogram (agenda/lijst) — Open of sluit het schemapaneel voor planning op tijdstip of interval
• Clear All-knop (presentatie annuleren) — Verwijder alle geladen content (alleen zichtbaar als er content is geladen)
• Canvas extension-pictogram (raster) — Stel het globale canvas in voor multi-computer Video Walls (alleen in Overspannen-modus)
• Global preview-schakelaar (zoom) — Toon of verberg de preview van het globale canvas (alleen in Overspannen-modus, wanneer de extension is ingesteld)
• (scheidingslijn)
• Server-pictogram (toren) — Start of stop de servermodus voor netwerksynchronisatie (groen wanneer actief)
• Client-pictogram (wifi) — Maak verbinding als client of verbreek de verbinding voor netwerksynchronisatie (blauw wanneer actief)

Schermindelingsgebied

• Toont een visuele weergave van je aangesloten schermen
• Elk scherm verschijnt als een vak dat verhoudingsgewijs overeenkomt met de werkelijke afmeting en positie
• Sleep video's of afbeeldingen rechtstreeks naar een schermvak
• Klik met rechts voor extra opties (webpagina laden, HTML-bestand laden)
• Klik op een scherm om het te selecteren
• Klik op geladen content om de instellingen aan te passen
• Audioknop op elk scherm (alleen bij video's)

Afspeelbalk

• Tijdlijnschuif — Scrub door de video (verschijnt zodra er video is geladen)
• Tijdweergave — Huidige positie en totale duur
• Play/Pause-knop — Bedien het afspelen van video's
• Live gaan-knop — Start een volledig-schermpresentatie op alle schermen

Statusbalk

• Canvasgrootte — Gecombineerde afmeting van alle schermen (bijv. "3840×1080")
• Globale canvasgrootte — Bij een ingestelde canvas extension wordt hier de totale Video Wall-afmeting getoond
• Aantal schermen — Hoeveel schermen er zijn aangesloten
• Waarschuwingen — Eventuele problemen met je opstelling (ontbrekende content, verschil in duur, enzovoort)
• Sync-correcties — Aantal sync-correcties tijdens de live-modus (alleen zichtbaar wanneer live)
• Netwerksync-status — Toont de server- of clientverbinding wanneer actief
• Videoduur — Duur van de langste geladen video

Content laden #

FloSync ondersteunt drie soorten content: video's, afbeeldingen en webpagina's. Elk type heeft eigen laadmethoden en eigen gedrag.

Video's laden #

Slepen en neerzetten: Sleep een videobestand vanuit Finder (macOS) of Verkenner (Windows) naar een willekeurig schermvak in het FloSync-bedieningspaneel.

Klikken om te bladeren:

1. Klik op een schermvak in het indelingsgebied
2. Er verschijnt een dialoogvenster om bestanden te kiezen
3. Selecteer je videobestand en klik op Open

Ondersteunde videoformaten:

• MP4 (H.264, H.265/HEVC)
• MOV (inclusief ProRes)
• MKV
• AVI
• WebM

In Gespiegeld of Overspannen wordt content die je op één scherm laadt automatisch op alle schermen toegepast. In Onafhankelijk kan elk scherm eigen content hebben.

Afbeeldingen laden #

Slepen en neerzetten: Sleep een afbeelding vanuit je bestandsbeheerder naar een schermvak.

Klikken om te bladeren:

1. Klik op een schermvak
2. Kies "Load Video/Image" in het dialoogvenster
3. Selecteer je afbeelding

Ondersteunde afbeeldingsformaten:

• PNG
• JPG / JPEG
• GIF (inclusief geanimeerde GIF's — deze worden automatisch herhaald)
• BMP
• TIFF
• WebP
• SVG

Pasmodi voor afbeeldingen: Klik na het laden op de afbeelding om de contentinstellingen te openen. Hier kun je de weergave aanpassen:

• Passend — Schaalt de afbeelding passend binnen het scherm met behoud van de beeldverhouding (er kunnen balken zichtbaar zijn)
• Vullen — Vult het hele scherm; overtollig beeld wordt bijgesneden (geen balken, maar mogelijk bijsnijding)
• Uitrekken — Rekt de afbeelding uit om het scherm te vullen (kan de beeldverhouding vervormen)

Webpagina's laden #

Via een URL:

1. Klik met rechts op een schermvak
2. Kies "Load Webpagina URL"
3. Voer een HTTPS-URL in (bijv. https://example.com)
4. Klik op OK

Via een lokaal HTML-bestand:

1. Klik met rechts op een schermvak
2. Kies "Load HTML Bestand"
3. Blader naar je HTML-bestand en selecteer het
4. Klik op Open

Let op: Alleen HTTPS-URL's worden ondersteund om veiligheidsredenen. Lokale HTML-bestanden mogen relatieve assets (CSS, afbeeldingen, JS) uit dezelfde map gebruiken.

Automatisch verversen: Klik na het laden op de webpagina om de instellingen te openen. Hier kun je automatisch verversen instellen:

• Nooit (standaard)
• Elke 15 minuten
• Elke 30 minuten
• Elk uur

Je content afspelen #

Zodra er content is geladen, kun je die op twee manieren weergeven:

Voorvertoning (bedieningspaneel) #

Gebruik de afspeelknoppen in het bedieningspaneel om je content te bekijken:

• Play/Pause-knop — Klik op de afspeelknop in de onderbalk (alleen bij video's)
• Tijdlijn scrubben — Klik en sleep op de tijdlijn om naar een willekeurig punt te springen (alleen bij video's)
• Audioknop — Klik op het luidsprekerpictogram bij elk scherm om het geluid aan of uit te zetten (alleen bij video's)

Let op: Afbeeldingen verschijnen direct en blijven onbeperkt zichtbaar. Webpagina's worden live gerenderd in de preview. De afspeelknoppen werken uitsluitend voor video's.

Live gaan (volledig-schermpresentatie) #

Voor een daadwerkelijke presentatie gebruik je Live gaan:

1. Klik op de knop Live gaan in de afspeelbalk
2. FloSync opent op elk aangesloten scherm een volledig-schermvenster
3. De content verschijnt op elk scherm volgens je configuratie:
   • Video's blijven visueel synchroon over alle schermen
   • Afbeeldingen verschijnen direct
   • Webpagina's worden live gerenderd
4. Bij actieve netwerksynchronisatie (server- of clientmodus) wordt de videoweergave gesynchroniseerd over alle verbonden computers

Tijdens de live-modus:

• De muiscursor is standaard verborgen op volledig-schermvensters
• Bij muisbewegingen wordt de cursor tijdelijk zichtbaar
• Na een kort moment van inactiviteit verdwijnt de cursor weer
• Klikken op een volledig-schermvenster toont de bevestigingsdialoog "Live verlaten?"

Live-modus verlaten:

• Druk op ESC op een willekeurig volledig-schermvenster
• Klik ergens op een volledig-schermvenster en kies "Yes" in het dialoogvenster
• Of klik op de knop Live stoppen in het bedieningspaneel

Live gaan-opties: Wanneer je een schema hebt met meerdere scenes, biedt de Live gaan-knop een dropdownmenu:

• Live gaan (huidig): speelt de huidige content uit de composer af, zonder rekening te houden met het schema. Alleen bedoeld om te testen.
• Live gaan (planning) of Live gaan (begin): speelt de geplande content af met automatische overgangen. Gebruik dit voor een echte inzet.

Meer informatie over planningsmodi en de Controller-optie vind je bij Planning.

Werken met meerdere schermen #

Als er meerdere schermen op je computer zijn aangesloten, detecteert FloSync ze automatisch en toont ze in het schermindelingsgebied.

Schermindeling #

In het midden van het bedieningspaneel zie je je aangesloten schermen, gerangschikt zoals ze in je besturingssysteem zijn ingesteld. De weergave is proportioneel geschaald zodat je de onderlinge posities en afmetingen in één oogopslag ziet.

Schermmodi #

Gebruik de Weergavemodus-dropdown in de bovenbalk om te bepalen hoe content over je schermen wordt weergegeven:

• Onafhankelijk — Elk scherm kan eigen content tonen, met apart geluid
• Gespiegeld — Alle schermen tonen dezelfde content in sync (alleen geluid van het primaire scherm)
• Overspannen — Je content strekt zich uit over alle schermen als één groot canvas

Uitgebreide informatie over elke modus vind je bij Schermmodi.

Menubalk #

FloSync biedt op beide platforms volledige toegang via de menubalk:

macOS: Standaard menubalk met de gebruikelijke sneltoetsen

• FloSync-menu — About, Voorkeuren (⌘,), Hide, Quit
• Bestand-menu — Configuratie importeren/exporteren (⌘O/⌘S), Alle scènes en inhoud wissen
• Weergave-menu — Planningspaneel, Logpaneel, Globaal canvas Preview
• Venster-menu — Minimize, Zoom
• Help-menu — Documentation, Website, Reddit

Windows: Menubalk bovenin het appvenster

• Bestand-menu — Configuratie importeren/exporteren (Ctrl+O/Ctrl+S), Alle scènes en inhoud wissen, Instellingen (Ctrl+,), Exit (Ctrl+Q)
• Weergave-menu — Planningspaneel, Logpaneel, Globaal canvas Preview
• Help-menu — Documentation, Website, Reddit, About

Configuraties opslaan en laden #

FloSync kan je volledige opzet bewaren in een .flo-bestand, dat je later weer kunt importeren om je configuratie te herstellen. Handig voor:

• Een back-up maken van je schema en contenttoewijzingen
• Dezelfde configuratie uitrollen op meerdere computers
• Je opzet delen met collega's

Een configuratie exporteren #

1. Ga naar Bestand > Configuratie exporteren (⌘S op macOS, Ctrl+S op Windows)
2. Kies een locatie en bestandsnaam
3. Klik op Save

Wat wordt er geexporteerd:

• Alle scenes in het schema met bijbehorende contenttoewijzingen (zowel Tijdstip als Interval)
• Schermmodus (Onafhankelijk, Gespiegeld of Overspannen)
• Instellingen van de globale canvas extension
• Audio-instellingen (mute-status per scherm)
• App-versie en bestandsformaat (voor compatibiliteitscontrole)

Wat wordt er NIET geexporteerd (machine-specifiek):

• Synchronisatietoleranties (lokaal en netwerk)
• Vensterpositie en -grootte
• Zichtbaarheid van panelen

Een configuratie importeren #

1. Ga naar Bestand > Configuratie importeren (⌘O op macOS, Ctrl+O op Windows)
2. Selecteer een .flo-bestand
3. Klik op Open

Versiecompatibiliteit: Als het bestand is aangemaakt met een nieuwere versie van FloSync, verschijnt er een waarschuwing met de vraag of je toch wilt doorgaan. Zo voorkom je problemen met functies die in jouw versie nog niet beschikbaar zijn.

Ontbrekende bestanden: Zijn er na de export contentbestanden verplaatst of hernoemd, dan toont FloSync het dialoogvenster Missing Files. Je hebt dan de volgende opties:

• Klik op Map doorzoeken om in een map in een keer naar alle ontbrekende bestanden te zoeken
• Klik op Bestanden zoeken om bestanden handmatig aan te wijzen
• FloSync koppelt bestanden op basis van bestandsnaam en verifieert ze waar mogelijk aan de hand van grootte en hash

Alles resetten #

Wil je alle content wissen en opnieuw beginnen, dan doe je dat als volgt:

1. Ga naar Bestand > Alle scènes en inhoud wissen
2. Bevestig in het dialoogvenster dat verschijnt

Hiermee wordt het volgende gewist:

• Alle scenes in het schema (terug naar een enkele "All Day"-scene)
• Contenttoewijzingen voor elk scherm
• Instellingen van de globale canvas extension

Je voorkeuren (synchronisatietoleranties en dergelijke) blijven behouden.

Let op: Importeren en resetten zijn niet beschikbaar in de live-modus. Verlaat eerst de live-modus.

Snelle tips #

• ESC om te stoppen: druk op ESC op een fullscreenvenster om de live-modus te verlaten
• Slepen om te vervangen: is er al content geladen, sleep dan nieuwe content naar het scherm om die te vervangen
• Automatisch herhalen: video's worden automatisch herhaald — ideaal voor Digital Signage
• Alle content wissen: klik op de X-knop in de bovenbalk om alle geladen content te verwijderen
• Sessie onthouden: FloSync onthoudt je laatst geladen content en herstelt die bij de volgende keer opstarten
• Audio per scherm: in Onafhankelijk-modus heeft elk scherm een eigen audioknop (alleen bij video's)
• Contentinstellingen: klik op geladen content om de pasmodus (afbeeldingen/video's) of URL en verversinterval (webpagina's) aan te passen
• Rechtermuisknopmenu's: klik met rechts op schermen om content te laden, of op scenekaarten in het schemapaneel voor snelle bewerkopties
• Geanimeerde GIF's: GIF-afbeeldingen worden automatisch herhaald — geen extra instellingen nodig

Wat nu? #

Nu je de basis kent, kun je de volgende gidsen verkennen om meer uit FloSync te halen:

• Schermmodi — Wanneer kies je Onafhankelijk, Gespiegeld of Overspannen, en hoe richt je multi-computer Video Walls in
• Planning — Stel rotaties in op basis van tijdstip of interval, met automatische overgangen tussen scenes
• Live gaan — Volledig-schermpresentaties, Controller-modus, toetsenbordbesturing en scene-overgangen
• Netwerksynchronisatie — Synchroniseer de videoweergave over meerdere computers in je netwerk
• MIDI — Gebruik MIDI-controllers om direct scenes te triggeren
• Videovoorbereiding — Bereid je videobestanden voor op de soepelst mogelijke synchronisatie