Premiers pas avec FloSync

FloSync s'installe comme n'importe quelle autre application sous macOS ou Windows et détecte automatiquement vos écrans connectés. En quelques minutes, une vidéo peut s'afficher en plein écran sur chacun d'eux.

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 « Ouvrir » 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 #

La première fois que vous ouvrez FloSync, l'application ouvre aussi une courte page de bienvenue dans votre navigateur. L'application elle-même affiche l'interface du panneau de contrôle principal :

1234

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 :

1. Barre supérieure

• Menu déroulant Mode : bascule entre les modes Indépendant, En miroir et Étendu
• Indicateur EN DIRECT : apparaît lorsque la présentation est active (pastille rouge)
• Icône Programmation (agenda/liste) : ouvre ou ferme le panneau de programmation, pour les contenus programmés à l'heure ou par intervalles
• Icône Extension du canevas global (grille) : configure le canevas global pour les murs d'images multi-ordinateurs (mode Étendu uniquement)
• Bouton d'aperçu global (loupe) : affiche ou masque l'aperçu du canevas global (mode Étendu uniquement, quand l'extension est configurée)
• (séparateur)
• Icône Transcodage (contrôles vidéo) : ouvre ou ferme le panneau de transcodage pour convertir les vidéos vers des formats adaptés à la synchronisation
• Icône Journal (terminal) : ouvre ou ferme le panneau de journal, une vue en temps réel de l'activité de synchronisation
• (séparateur)
• Icône Serveur (tour) : active ou désactive le mode serveur pour la synchronisation réseau (verte lorsque le mode est actif)
• Icône Client (wifi) : connecte ou déconnecte le client pour la synchronisation réseau (bleue lorsque la connexion est active)

2. Zone de disposition 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 paramètres
• Bouton audio sur chaque écran (vidéos uniquement)

3. Barre de lecture

• Curseur de la timeline : permet de se déplacer 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

4. Barre d'état

• Taille du canevas : dimensions cumulées de tous les écrans (p. ex. « 3840×1080 »)
• Taille du canevas global : 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, différence de durée, etc.)
• Corrections de synchronisation : nombre de corrections pendant le mode direct (affiché uniquement en direct)
• État de la 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 son propre comportement.

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 de disposition
2. Choisissez Vidéo / Image dans la boîte de dialogue Ajouter du contenu
3. Sélectionnez votre fichier vidéo et cliquez sur Ouvrir

Formats vidéo pris en charge :

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

En mode En miroir ou Étendu, le contenu chargé sur un écran est automatiquement repris 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. Choisissez Vidéo / Image dans la boîte de dialogue Ajouter du contenu
3. Sélectionnez votre fichier image et cliquez sur Ouvrir

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 paramètres du contenu, où vous pouvez choisir le mode d'ajustement :

• Ajuster : adapte l'image à l'écran en conservant les proportions (des bandes peuvent apparaître)
• Remplir (par défaut) : 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 Charger une URL de page web…
3. Saisissez une URL HTTPS (p. ex. https://example.com)
4. Cliquez sur Charger

Depuis un fichier HTML local :

1. Clic droit sur une case d'écran
2. Sélectionnez Charger un fichier HTML…
3. Naviguez jusqu'à votre fichier HTML et sélectionnez-le
4. Cliquez sur Ouvrir

Remarque : le champ URL accepte les adresses https:// ; si vous saisissez une adresse brute comme example.com, le préfixe https:// est ajouté automatiquement. Les fichiers HTML locaux peuvent référencer des ressources relatives (CSS, images, JS) situées dans le même dossier.

Actualisation automatique : Après avoir chargé une page web, cliquez dessus pour ouvrir ses paramètres et définir la fréquence d'actualisation :

• 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)
• Navigation sur la timeline : cliquez et faites glisser 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 s'affichent en temps réel 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 sur chaque écran selon votre configuration :
   • Les vidéos restent visuellement alignées sur tous les écrans
   • Les images s'affichent immédiatement
   • Les pages web s'affichent en temps réel
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 quitte le mode direct

Quitter la présentation :

• Appuyez sur Échap dans n'importe quelle fenêtre plein écran
• Cliquez n'importe où sur une fenêtre plein écran
• Ou cliquez sur le bouton Arrêter le direct dans le panneau de contrôle

Options de passage en direct : Le bouton Passer en direct ouvre un menu déroulant. Avec une programmation configurée (plusieurs scènes), il propose :

• Passer en direct (Scène actuelle) : lit le contenu actuellement dans le compositeur, sans tenir compte de la programmation. 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 de disposition.

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. Cette disposition est reproduite à l'échelle, afin de refléter les positions et les tailles relatives.

Modes d'affichage #

Le menu déroulant 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 (mode par défaut)
• En miroir : tous les écrans affichent le même contenu, de façon synchronisée (audio de l'écran principal uniquement)
• Étendu : le contenu s'étend sur l'ensemble des écrans pour former un seul grand canevas (audio de l'écran principal uniquement)

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

Barre de menus #

FloSync dispose d'une barre de menus complète sur les deux plateformes :

macOS : barre de menus native avec raccourcis clavier standards

• Menu FloSync : À propos de FloSync, Préférences… (⌘,), Masquer, Quitter
• Menu Fichier : Importer/Exporter la configuration… (⌘O/⌘S), Réinitialiser toutes les scènes et contenus
• Menu Affichage : afficher ou masquer le panneau de programmation, le panneau de journal ou l'aperçu du canevas global
• Menu Fenêtre : Réduire, Zoom
• Menu Aide : Documentation FloSync, Site web FloSync, FloSync sur Reddit, Rechercher des mises à jour…, Signaler un problème…, Ouvrir le dossier des journaux

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 toutes les scènes et contenus, Paramètres… (Ctrl+,), Quitter (Ctrl+Q)
• Menu Affichage : afficher ou masquer le panneau de programmation, le panneau de journal ou l'aperçu du canevas global
• Menu Aide : Documentation FloSync, Site web FloSync, FloSync sur Reddit, Rechercher des mises à jour…, Signaler un problème…, Ouvrir le dossier des journaux, À propos de FloSync

Enregistrer et charger des configurations #

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

• Sauvegarder votre programmation et vos affectations de contenu
• Déployer la même configuration sur plusieurs ordinateurs
• Partager une configuration 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 Enregistrer

Ce qui est exporté :

• Toutes les scènes de la programmation et leurs affectations de contenu (modes Horaire et Intervalle), y compris les assignations MIDI que vous avez ajoutées aux scènes du mode Intervalle
• Le mode d'affichage (Indépendant, En miroir ou Étendu)
• Les réglages d'extension du canevas global
• Les paramètres audio (états de sourdine par écran)
• La version de l'application et le format (pour la vérification de compatibilité)

Les affectations de contenu pointent vers vos fichiers médias au lieu de les intégrer : lorsque vous transférez une configuration sur un autre ordinateur, copiez aussi les fichiers vidéo et image.

Ce qui n'est pas exporté (les préférences, qui restent sur la machine où elles ont été définies) :

• 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
• Les autres préférences, comme le lancement à la connexion

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 Ouvrir

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'exportation, FloSync affiche une boîte de dialogue qui liste les 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

Réinitialiser les scènes et les contenus #

Pour tout effacer et repartir de zéro :

1. Ouvrez Fichier > Réinitialiser toutes les scènes et contenus
2. Confirmez dans la boîte de dialogue

Cette opération supprime :

• Toutes les scènes de la programmation, en mode Horaire comme en mode Intervalle
• Les affectations de contenu pour chaque écran
• Les paramètres d'extension du canevas global

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

Remarque : les commandes Importer et Réinitialiser sont désactivées pendant le mode direct. Quittez d'abord le mode direct.

Pour une réinitialisation complète, qui efface aussi les préférences et les journaux, consultez la section Zone dangereuse de Préférences.

Astuces rapides #

• Échap pour quitter : appuyez sur Échap dans 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 : faites un clic droit dans la zone de disposition des écrans et choisissez Effacer 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)
• Paramètres du contenu : cliquez sur le contenu chargé pour définir le mode d'ajustement (images/vidéos) ou l'URL et l'actualisation (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