Premiers pas avec FloSync

Ce guide vous accompagne de l'installation au premier passage en direct : installer l'application, charger du contenu et prendre en main l'interface.

Installation #

macOS #

1. Téléchargez le fichier DMG depuis la page de téléchargement
2. Ouvrez le DMG et glissez FloSync dans votre dossier Applications
3. Lancez FloSync depuis le dossier Applications

Remarque : au premier lancement, macOS peut vous demander de confirmer l'ouverture d'une application provenant d'un développeur identifié. Cliquez sur « Open » pour continuer.

Windows #

1. Téléchargez l'installeur depuis la page de téléchargement
2. Lancez l'installeur et suivez les instructions à l'écran
3. Ouvrez FloSync depuis le menu Démarrer ou le raccourci sur le bureau

Premier lancement #

Au premier démarrage, FloSync affiche le panneau de contrôle principal :

Vue d'ensemble de l'interface #

L'interface se présente sous la forme d'un panneau de contrôle unique, divisé en plusieurs zones :

Barre supérieure

• Menu Mode — Bascule entre les modes Indépendant, En miroir et Étendu
• Indicateur LIVE — Apparaît lorsque la présentation est active (pastille rouge)
• Icône Schedule (agenda) — Ouvre ou ferme le panneau de programmation (horaires et intervalles)
• Bouton Clear All — Retire tout le contenu chargé (visible uniquement quand du contenu est présent)
• Icône Canvas extension (grille) — Configure la toile globale pour les murs d'images multi-ordinateurs (mode Étendu uniquement)
• Toggle Global preview (loupe) — Affiche ou masque l'aperçu de la toile globale (mode Étendu uniquement, quand l'extension est configurée)
• (séparateur)
• Icône Server (tour) — Active ou désactive le mode serveur pour la synchronisation réseau (verte quand actif)
• Icône Client (wifi) — Connecte ou déconnecte le client pour la synchronisation réseau (bleue quand actif)

Zone d'arrangement des écrans

• Représentation visuelle de vos écrans connectés
• Chaque écran apparaît sous forme de case, proportionnelle à sa taille et à sa position réelles
• Glissez-déposez des vidéos ou des images directement sur les cases
• Clic droit pour des options supplémentaires (charger une page web, un fichier HTML)
• Cliquez sur un écran pour le sélectionner
• Cliquez sur le contenu chargé pour modifier ses réglages
• Bouton audio sur chaque écran (vidéos uniquement)

Barre de lecture

• Timeline — Curseur de défilement dans la vidéo (visible quand une vidéo est chargée)
• Affichage du temps — Position courante et durée totale
• Bouton Play/Pause — Lance ou interrompt la lecture vidéo
• Bouton Passer en direct — Passe en présentation plein écran sur tous les écrans

Barre d'état

• Taille de la toile — Dimensions cumulées de tous les écrans (ex. « 3840×1080 »)
• Taille de la toile globale — Quand l'extension est configurée, dimensions totales du mur d'images
• Nombre d'écrans — Nombre d'écrans connectés
• Avertissements — Problèmes détectés (contenu manquant, durées incohérentes, etc.)
• Corrections de sync — Nombre de corrections pendant la présentation (affiché uniquement en direct)
• Synchronisation réseau — État de la connexion serveur ou client, le cas échéant
• Durée vidéo — Durée de la vidéo la plus longue parmi celles chargées

Charger du contenu #

FloSync accepte trois types de contenu : vidéos, images et pages web. Chacun a ses propres méthodes de chargement et comportements.

Charger des vidéos #

Glisser-déposer : Faites glisser un fichier vidéo depuis le Finder (macOS) ou l'Explorateur (Windows) et déposez-le sur n'importe quelle case d'écran du panneau de contrôle.

Cliquer pour parcourir :

1. Cliquez sur une case d'écran dans la zone d'arrangement
2. Une boîte de dialogue de sélection de fichiers s'ouvre
3. Choisissez votre fichier vidéo et cliquez sur Open

Formats vidéo pris en charge :

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

En mode En miroir ou Étendu, charger du contenu sur un écran le charge automatiquement sur tous les autres. En mode Indépendant, chaque écran peut avoir un contenu différent.

Charger des images #

Glisser-déposer : Faites glisser un fichier image depuis votre explorateur de fichiers et déposez-le sur une case d'écran.

Cliquer pour parcourir :

1. Cliquez sur une case d'écran
2. Sélectionnez « Load Video/Image » dans la boîte de dialogue
3. Choisissez votre fichier image

Formats d'image pris en charge :

• PNG
• JPG / JPEG
• GIF (y compris les GIF animés, qui bouclent automatiquement)
• BMP
• TIFF
• WebP
• SVG

Modes d'ajustement : Après avoir chargé une image, cliquez dessus pour ouvrir la boîte de dialogue des réglages et ajuster le mode d'affichage :

• Ajuster — Adapte l'image à l'écran en conservant les proportions (des bandes peuvent apparaître)
• Remplir — Remplit l'écran en recadrant l'excédent (pas de bandes, mais recadrage possible)
• Étirer — Étire l'image pour remplir l'écran (les proportions peuvent être déformées)

Charger des pages web #

Depuis une URL :

1. Clic droit sur une case d'écran
2. Sélectionnez « Load Page web URL »
3. Saisissez une URL HTTPS (ex. https://example.com)
4. Cliquez sur OK

Depuis un fichier HTML local :

1. Clic droit sur une case d'écran
2. Sélectionnez « Load HTML Fichier »
3. Naviguez jusqu'à votre fichier HTML et sélectionnez-le
4. Cliquez sur Open

Remarque : seules les URL HTTPS sont prises en charge, pour des raisons de sécurité. Les fichiers HTML locaux peuvent référencer des ressources relatives (CSS, images, JS) situées dans le même dossier.

Rafraîchissement automatique : Après avoir chargé une page web, cliquez dessus pour ouvrir les réglages et définir la fréquence de rafraîchissement :

• Jamais (par défaut)
• Toutes les 15 minutes
• Toutes les 30 minutes
• Toutes les heures

Lire votre contenu #

Une fois le contenu chargé, deux possibilités s'offrent à vous :

Mode aperçu (panneau de contrôle) #

Les commandes de lecture du panneau vous permettent de prévisualiser votre contenu :

• Bouton Play/Pause — Lance ou interrompt la lecture (vidéos uniquement)
• Défilement sur la timeline — Cliquez et glissez le curseur pour atteindre un point précis (vidéos uniquement)
• Bouton audio — Cliquez sur l'icône de haut-parleur de chaque écran pour activer ou couper le son (vidéos uniquement)

Remarque : les images s'affichent instantanément et restent visibles indéfiniment. Les pages web sont rendues en direct dans l'aperçu. Les commandes de lecture ne concernent que les vidéos.

Passage en direct (présentation plein écran) #

Pour une vraie présentation, utilisez la fonction Passer en direct :

1. Cliquez sur le bouton Passer en direct dans la barre de lecture
2. FloSync crée des fenêtres plein écran sur chaque écran connecté
3. Le contenu s'affiche selon votre configuration :
   • Les vidéos restent visuellement alignées sur tous les écrans
   • Les images s'affichent immédiatement
   • Les pages web sont rendues en direct
4. Si la synchronisation réseau est active (mode serveur ou client), la lecture vidéo est synchronisée entre tous les ordinateurs connectés

Pendant la présentation :

• Le curseur de la souris est masqué par défaut sur les fenêtres plein écran
• Bouger la souris fait réapparaître le curseur temporairement
• Il se masque à nouveau après un bref délai d'inactivité
• Cliquer sur une fenêtre plein écran affiche la boîte de dialogue « Quitter le direct? »

Quitter la présentation :

• Appuyez sur Echap sur n'importe quelle fenêtre plein écran
• Cliquez sur une fenêtre plein écran et confirmez avec « Yes »
• Ou cliquez sur le bouton Arrêter le direct dans le panneau de contrôle

Options de passage en direct : Lorsqu'un planning est configuré (plusieurs scènes), le bouton Passer en direct propose un menu déroulant :

• Passer en direct (Scène actuelle) : lit le contenu actuellement dans le compositeur, sans tenir compte du planning. Destiné aux tests uniquement.
• Passer en direct (Programmation) ou Passer en direct (Début) : lit le contenu programmé avec les transitions automatiques. À utiliser pour les déploiements réels.

Pour en savoir plus sur les modes de programmation et l'option Contrôleur, consultez Programmation.

Travailler avec plusieurs écrans #

Lorsque plusieurs écrans sont connectés à votre ordinateur, FloSync les détecte automatiquement et les affiche dans la zone d'arrangement.

Disposition des écrans #

Le centre du panneau de contrôle représente vos écrans dans la disposition définie par votre système d'exploitation. La mise en page est mise à l'échelle proportionnellement pour refléter les positions et tailles relatives.

Modes d'affichage #

Le menu Mode de la barre supérieure détermine la manière dont le contenu est réparti sur vos écrans :

• Indépendant — Chaque écran affiche un contenu différent avec un audio indépendant
• En miroir — Tous les écrans affichent le même contenu en synchronisation (audio de l'écran principal uniquement)
• Étendu — Le contenu s'étend sur l'ensemble des écrans pour former une seule grande toile

Pour le détail de chaque mode, consultez Modes d'affichage.

Barre de menus #

FloSync offre un accès complet à la barre de menus sur les deux plateformes :

macOS : barre de menus native avec raccourcis clavier standards

• Menu FloSync — About, Préférences… (⌘,), Hide, Quit
• Menu Fichier — Importer/Exporter la configuration (⌘O/⌘S), Réinitialiser tout
• Menu Affichage — le panneau de programmation, le panneau de journal, l'aperçu du canevas global
• Menu Fenêtre — Minimize, Zoom
• Menu Aide — Documentation, Website, Reddit

Windows : barre de menus intégrée en haut de la fenêtre

• Menu Fichier — Importer/Exporter la configuration (Ctrl+O/Ctrl+S), Réinitialiser tout, Paramètres… (Ctrl+,), Exit (Ctrl+Q)
• Menu Affichage — le panneau de programmation, le panneau de journal, l'aperçu du canevas global
• Menu Aide — Documentation, Website, Reddit, About

Enregistrer et charger des configurations #

FloSync peut sauvegarder l'intégralité de votre installation dans un fichier .flo, que vous pourrez réimporter par la suite. Cette fonctionnalité est pratique pour :

• Sauvegarder votre planning et vos affectations de contenu
• Déployer la même configuration sur plusieurs ordinateurs
• Partager une installation avec des collègues

Exporter une configuration #

1. Ouvrez Fichier > Exporter la configuration (⌘S sur macOS, Ctrl+S sur Windows)
2. Choisissez un emplacement et un nom de fichier
3. Cliquez sur Save

Ce qui est exporté :

• Toutes les scènes du planning et leurs affectations de contenu (horaires et intervalles)
• Le mode d'affichage (Indépendant, En miroir ou Étendu)
• Les réglages d'extension de la toile globale
• Les réglages audio (états de sourdine par écran)
• La version de l'application et le format (pour la vérification de compatibilité)

Ce qui n'est PAS exporté (propre à chaque machine) :

• Les tolérances de synchronisation (locale et réseau)
• La position et la taille de la fenêtre
• La visibilité des panneaux de l'interface

Importer une configuration #

1. Ouvrez Fichier > Importer la configuration (⌘O sur macOS, Ctrl+O sur Windows)
2. Sélectionnez un fichier .flo
3. Cliquez sur Open

Compatibilité de version : Si le fichier provient d'une version plus récente de FloSync, une boîte de dialogue d'avertissement vous demandera si vous souhaitez poursuivre. Cela permet d'éviter les problèmes liés à des fonctions absentes de votre version.

Fichiers manquants : Si certains fichiers de contenu ont été déplacés ou renommés depuis l'export, FloSync affiche une boîte de dialogue Fichiers manquants. Vous pouvez alors :

• Cliquer sur Rechercher dans un dossier… pour rechercher tous les fichiers manquants dans un dossier donné
• Cliquer sur Localiser les fichiers… pour sélectionner des fichiers précis manuellement
• FloSync identifie les fichiers par leur nom et les vérifie par taille et empreinte lorsque c'est possible

Tout réinitialiser #

Pour tout effacer et repartir de zéro :

1. Ouvrez Fichier > Réinitialiser tout
2. Confirmez dans la boîte de dialogue

Cette opération supprime :

• Toutes les scènes du planning (retour à une seule scène « All Day »)
• Les affectations de contenu de chaque écran
• Les réglages d'extension de la toile globale

Vos préférences (tolérances de synchronisation, etc.) sont conservées.

Remarque : les fonctions Import et Reset sont désactivées pendant la présentation. Quittez d'abord le mode direct.

Astuces rapides #

• Echap pour quitter : appuyez sur Echap sur n'importe quelle fenêtre plein écran pour quitter la présentation
• Glisser pour remplacer : si du contenu est déjà chargé, glissez un nouveau fichier sur l'écran pour le remplacer
• Lecture en boucle : les vidéos bouclent automatiquement, idéal pour l'affichage dynamique
• Tout effacer : cliquez sur le bouton X dans la barre supérieure pour retirer tout le contenu
• Sessions persistantes : FloSync mémorise votre dernier contenu et le restaure au prochain lancement
• Audio par écran : en mode Indépendant, chaque écran dispose de son propre bouton audio (vidéos uniquement)
• Réglages du contenu : cliquez sur le contenu chargé pour ajuster le mode d'ajustement (images/vidéos) ou l'URL et le rafraîchissement (pages web)
• Menus contextuels : clic droit sur les écrans pour charger du contenu, ou clic droit sur les cartes de scène du panneau de programmation pour accéder aux options rapides
• GIF animés : les images GIF bouclent automatiquement, aucune configuration requise

Et ensuite ? #

Maintenant que vous maîtrisez les bases, ces guides vous aideront à aller plus loin :

• Modes d'affichage — Quand utiliser Indépendant, En miroir ou Étendu, et comment monter un mur d'images multi-ordinateurs
• Programmation — Mettez en place des rotations de scènes par horaire ou par intervalle, avec transitions automatiques
• Passage en direct — Présentation plein écran, mode Contrôleur, raccourcis clavier et transitions de scènes
• Synchronisation réseau — Synchronisez la lecture vidéo entre plusieurs ordinateurs sur votre réseau
• MIDI — Pilotez les scènes directement depuis un contrôleur MIDI
• Préparation vidéo — Optimisez vos fichiers vidéo pour une synchronisation la plus fluide possible