Pierwsze kroki z FloSync

Z tego przewodnika dowiesz się, jak zainstalować FloSync, załadować pierwsze treści i poruszać się po interfejsie aplikacji.

Instalacja #

macOS #

1. Pobierz plik DMG FloSync ze strony pobierania
2. Otwórz plik DMG i przeciągnij FloSync do folderu Applications
3. Uruchom FloSync z folderu Applications

Uwaga: Przy pierwszym uruchomieniu macOS może poprosić o potwierdzenie otwarcia aplikacji od zidentyfikowanego dewelopera. Kliknij „Open", aby kontynuować.

Windows #

1. Pobierz instalator FloSync ze strony pobierania
2. Uruchom instalator i postępuj zgodnie ze wskazówkami
3. Uruchom FloSync z menu Start lub skrótu na pulpicie

Pierwsze uruchomienie #

Po pierwszym uruchomieniu FloSync zobaczysz główny panel sterowania:

Przegląd interfejsu #

Interfejs FloSync to jeden panel sterowania podzielony na kilka obszarów:

Górny pasek

• Lista rozwijana trybu ekranu — przełączanie między trybami Niezależny, Lustrzany i Rozciągnięty
• Wskaźnik LIVE — sygnalizuje aktywny tryb prezentacji (czerwona plakietka)
• Ikona harmonogramu (agenda/lista) — otwiera i zamyka panel harmonogramu do planowania treści wg pory dnia lub interwału
• Przycisk Clear All (anuluj prezentację) — usuwa wszystkie załadowane treści (widoczny tylko wtedy, gdy treści są załadowane)
• Ikona rozszerzenia obszaru roboczego (siatka) — konfiguracja globalnego obszaru roboczego dla Video Wall z wielu komputerów (tylko tryb Rozciągnięty)
• Przełącznik podglądu globalnego (lupa) — pokazuje lub ukrywa podgląd globalnego obszaru roboczego (tylko tryb Rozciągnięty, gdy rozszerzenie jest skonfigurowane)
• (separator)
• Ikona serwera (wieża) — uruchamia i zatrzymuje tryb serwera do synchronizacji sieciowej (zielona, gdy aktywna)
• Ikona klienta (wi-fi) — łączy i rozłącza klienta synchronizacji sieciowej (niebieska, gdy aktywna)

Obszar rozmieszczenia ekranów

• Wizualna reprezentacja podłączonych ekranów
• Każdy ekran jest przedstawiony jako kafelek proporcjonalny do jego rzeczywistego rozmiaru i położenia
• Pliki wideo i obrazy można przeciągać bezpośrednio na kafelki ekranów
• Kliknięcie prawym przyciskiem otwiera dodatkowe opcje (wczytanie strony internetowej, wczytanie pliku HTML)
• Kliknięcie na ekran zaznacza go
• Kliknięcie na załadowaną treść otwiera jej ustawienia
• Przełącznik audio na każdym ekranie (tylko wideo)

Pasek sterowania odtwarzaniem

• Suwak osi czasu — przewijanie wideo (widoczny, gdy załadowane jest wideo)
• Wyświetlacz czasu — bieżąca pozycja i całkowity czas trwania
• Przycisk Play/Pause — sterowanie odtwarzaniem wideo
• Przycisk Emituj na żywo — uruchomienie pełnoekranowej prezentacji na wszystkich ekranach

Pasek statusu

• Rozmiar obszaru roboczego — łączne wymiary wszystkich ekranów (np. „3840×1080")
• Globalny rozmiar obszaru roboczego — pełny rozmiar Video Wall, gdy rozszerzenie jest skonfigurowane
• Liczba ekranów — ile ekranów jest podłączonych
• Ostrzeżenia — informacje o problemach z konfiguracją (brakujące treści, niezgodność czasu trwania itp.)
• Korekty synchronizacji — liczba korekt sync w trybie Live (widoczna tylko podczas prezentacji)
• Status synchronizacji sieciowej — stan połączenia serwera lub klienta, gdy synchronizacja jest aktywna
• Czas trwania wideo — długość najdłuższego załadowanego wideo

Wczytywanie treści #

FloSync obsługuje trzy typy treści: wideo, obrazy i strony internetowe. Każdy z nich wczytuje się nieco inaczej i zachowuje się odmiennie.

Wczytywanie wideo #

Przeciągnij i upuść: Przeciągnij plik wideo z Findera (macOS) lub Eksploratora plików (Windows) i upuść go na dowolny kafelek ekranu w panelu sterowania.

Kliknij, aby wybrać plik:

1. Kliknij dowolny kafelek ekranu w obszarze rozmieszczenia
2. Otworzy się okno wyboru pliku
3. Wskaż plik wideo i kliknij Open

Obsługiwane formaty wideo:

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

W trybie Lustrzanym lub Rozciągniętym wczytanie treści na dowolnym ekranie powoduje automatyczne załadowanie jej na wszystkich pozostałych. W trybie Niezależnym każdy ekran może wyświetlać inną treść.

Wczytywanie obrazów #

Przeciągnij i upuść: Przeciągnij plik obrazu z menedżera plików i upuść go na dowolny kafelek ekranu.

Kliknij, aby wybrać plik:

1. Kliknij dowolny kafelek ekranu
2. W oknie dialogowym wybierz „Load Video/Image"
3. Wskaż plik obrazu

Obsługiwane formaty obrazów:

• PNG
• JPG / JPEG
• GIF (w tym animowane GIF-y — zapętlają się automatycznie)
• BMP
• TIFF
• WebP
• SVG

Tryby dopasowania obrazu: Po załadowaniu obrazu kliknij na niego, aby otworzyć ustawienia treści. Dostępne opcje:

• Dopasuj — skalowanie z zachowaniem proporcji (mogą pojawić się paski)
• Wypełnij — wypełnienie ekranu z przycięciem nadmiaru (bez pasków)
• Rozciągnij — rozciągnięcie do rozmiarów ekranu (proporcje mogą ulec zniekształceniu)

Wczytywanie stron internetowych #

Z adresu URL:

1. Kliknij prawym przyciskiem na kafelek ekranu
2. Wybierz „Załaduj adres URL strony..."
3. Wpisz adres HTTPS (np. https://example.com)
4. Kliknij OK

Z lokalnego pliku HTML:

1. Kliknij prawym przyciskiem na kafelek ekranu
2. Wybierz „Załaduj plik HTML..."
3. Wskaż plik HTML
4. Kliknij Open

Uwaga: Ze względów bezpieczeństwa obsługiwane są wyłącznie adresy HTTPS. Lokalne pliki HTML mogą odwoływać się do zasobów (CSS, obrazów, JS) znajdujących się w tym samym katalogu.

Automatyczne odświeżanie: Po załadowaniu strony kliknij na nią, aby otworzyć ustawienia i skonfigurować częstotliwość odświeżania:

• Nigdy (domyślnie)
• Co 15 minut
• Co 30 minut
• Co godzinę

Odtwarzanie treści #

Załadowane treści można wyświetlać na dwa sposoby:

Tryb podglądu (panel sterowania) #

Do podglądu treści służą kontrolki odtwarzania w panelu sterowania:

• Przycisk Play/Pause — uruchamia i wstrzymuje odtwarzanie w dolnym pasku (tylko wideo)
• Przewijanie osi czasu — kliknij i przeciągnij suwak, aby przeskoczyć do wybranego miejsca (tylko wideo)
• Przełącznik audio — ikona głośnika na każdym ekranie włącza i wyłącza dźwięk (tylko wideo)

Uwaga: Obrazy wyświetlają się natychmiast i pozostają widoczne bez ograniczeń czasowych. Strony internetowe renderują się na bieżąco w podglądzie. Kontrolki odtwarzania dotyczą wyłącznie treści wideo.

Emisja na żywo (prezentacja pełnoekranowa) #

Do właściwej prezentacji służy funkcja Emituj na żywo:

1. Kliknij przycisk Emituj na żywo na pasku sterowania odtwarzaniem
2. FloSync otworzy okna pełnoekranowe na każdym podłączonym ekranie
3. Treść pojawi się na ekranach zgodnie z konfiguracją:
   • Wideo pozostaje wizualnie zsynchronizowane na wszystkich ekranach
   • Obrazy wyświetlają się natychmiast
   • Strony internetowe renderują się na bieżąco
4. Przy aktywnej synchronizacji sieciowej (tryb serwera lub klienta) odtwarzanie wideo jest zsynchronizowane między wszystkimi podłączonymi komputerami

Podczas emisji na żywo:

• Kursor myszy jest domyślnie ukryty na oknach pełnoekranowych
• Ruch myszy tymczasowo przywraca widoczność kursora
• Po chwili bezczynności kursor ponownie się ukrywa
• Kliknięcie okna pełnoekranowego wyświetla pytanie „Zakończ emisję?"

Wyjście z emisji na żywo:

• Naciśnij ESC w dowolnym oknie pełnoekranowym
• Kliknij w dowolnym miejscu okna pełnoekranowego i potwierdź wybierając „Yes"
• Lub kliknij przycisk Zatrzymaj emisję w panelu sterowania

Opcje emisji na żywo: Gdy masz skonfigurowany harmonogram z kilkoma scenami, przycisk Emituj na żywo wyświetla listę rozwijaną:

• Emituj na żywo (bieżąca): odtwarza bieżącą zawartość kompozytora, ignorując harmonogram. Służy wyłącznie do testów.
• Emituj na żywo (harmonogram) lub Emituj na żywo (od początku): odtwarza zaplanowane treści z automatycznymi przejściami. Przeznaczone do rzeczywistych wdrożeń.

Szczegóły dotyczące trybów harmonogramu i opcji Kontrolera znajdziesz w sekcji Harmonogram.

Praca z wieloma ekranami #

Gdy do komputera podłączonych jest kilka ekranów, FloSync automatycznie je wykrywa i wyświetla w obszarze rozmieszczenia.

Rozmieszczenie ekranów #

W centralnej części panelu sterowania widoczne są podłączone ekrany w układzie odpowiadającym konfiguracji w systemie operacyjnym. Widok jest proporcjonalnie przeskalowany, aby oddać wzajemne położenie i rozmiary monitorów.

Tryby ekranów #

Lista rozwijana trybu ekranu w górnym pasku pozwala wybrać sposób wyświetlania treści:

• Niezależny — każdy ekran wyświetla inną treść z niezależnym dźwiękiem
• Lustrzany — wszystkie ekrany pokazują tę samą treść w synchronizacji (dźwięk tylko z ekranu głównego)
• Rozciągnięty — treść rozciąga się na wszystkie ekrany, tworząc jeden duży obszar roboczy

Szczegółowy opis każdego trybu znajdziesz w sekcji Tryby wyświetlania.

Pasek menu #

FloSync udostępnia pełny pasek menu na obu platformach:

macOS: natywny pasek menu ze standardowymi skrótami klawiszowymi

• Menu FloSync — About, Preferencje (⌘,), Hide, Quit
• Menu Plik — Importuj/Eksportuj konfigurację (⌘O/⌘S), Resetuj wszystkie sceny i treści
• Menu Widok — Panel harmonogramu, Panel dziennika, Globalne płótno Preview
• Menu Okno — Minimize, Zoom
• Menu Pomoc — Documentation, Website, Reddit

Windows: pasek menu wbudowany w okno aplikacji

• Menu Plik — Importuj/Eksportuj konfigurację (Ctrl+O/Ctrl+S), Resetuj wszystkie sceny i treści, Ustawienia (Ctrl+,), Exit (Ctrl+Q)
• Menu Widok — Panel harmonogramu, Panel dziennika, Globalne płótno Preview
• Menu Pomoc — Documentation, Website, Reddit, About

Zapisywanie i wczytywanie konfiguracji #

FloSync pozwala zapisać pełną konfigurację do pliku .flo, który można później zaimportować i przywrócić wszystkie ustawienia. Jest to przydatne, gdy chcesz:

• Utworzyć kopię zapasową harmonogramu i przypisań treści
• Wdrożyć tę samą konfigurację na wielu komputerach
• Udostępnić konfigurację współpracownikom

Eksport konfiguracji #

1. Wybierz Plik > Eksportuj konfigurację (⌘S na macOS, Ctrl+S na Windows)
2. Wskaż lokalizację i podaj nazwę pliku
3. Kliknij Save

Co jest eksportowane:

• Wszystkie sceny harmonogramu i przypisania treści (harmonogramy Czasowy i Interwałowy)
• Tryb wyświetlania (Niezależny, Lustrzany lub Rozciągnięty)
• Ustawienia rozszerzenia globalnego obszaru roboczego
• Ustawienia audio (stan wyciszenia poszczególnych ekranów)
• Wersja aplikacji i wersja formatu (do weryfikacji zgodności)

Co NIE jest eksportowane (ustawienia zależne od komputera):

• Tolerancje synchronizacji (lokalne i sieciowe)
• Pozycja i rozmiar okna
• Widoczność paneli interfejsu

Import konfiguracji #

1. Wybierz Plik > Importuj konfigurację (⌘O na macOS, Ctrl+O na Windows)
2. Wskaż plik .flo
3. Kliknij Open

Zgodność wersji: Jeśli plik został utworzony w nowszej wersji FloSync, pojawi się ostrzeżenie z pytaniem, czy kontynuować. Pozwala to uniknąć problemów przy importowaniu konfiguracji wykorzystujących funkcje niedostępne w Twojej wersji.

Brakujące pliki: Jeśli od czasu eksportu niektóre pliki zostały przeniesione lub zmieniono ich nazwy, FloSync wyświetli okno Missing Files. Masz wówczas do dyspozycji:

• Przeszukaj folder — przeszukanie wskazanego folderu w celu odnalezienia wszystkich brakujących plików naraz
• Znajdź pliki — ręczne wskazanie konkretnych plików
• FloSync dopasowuje pliki po nazwie i w miarę możliwości weryfikuje je na podstawie rozmiaru oraz sumy kontrolnej zawartości

Resetowanie wszystkiego #

Aby wyczyścić wszystkie treści i zacząć od nowa:

1. Wybierz Plik > Resetuj wszystkie sceny i treści
2. Potwierdź w oknie dialogowym

Operacja ta usuwa:

• Wszystkie sceny harmonogramu (przywraca jedną scenę „All Day")
• Przypisania treści do poszczególnych ekranów
• Ustawienia rozszerzenia globalnego obszaru roboczego

Preferencje (tolerancje synchronizacji itp.) pozostają bez zmian.

Uwaga: Import i Reset są niedostępne w trybie Live. Najpierw zakończ prezentację.

Szybkie wskazówki #

• ESC, aby wyjść: naciśnij ESC w dowolnym oknie pełnoekranowym, aby zakończyć tryb Live
• Przeciągnij, aby zastąpić: jeśli na ekranie jest już treść, przeciągnij nową, aby ją podmienić
• Automatyczne zapętlanie: wideo odtwarza się w pętli — idealne rozwiązanie dla Digital Signage
• Usuwanie treści: kliknij przycisk X w górnym pasku, aby usunąć wszystkie załadowane treści
• Zapamiętywanie sesji: FloSync przywraca ostatnio załadowaną treść przy każdym uruchomieniu
• Niezależny dźwięk: w trybie Niezależnym każdy ekran ma własny przełącznik audio (tylko wideo)
• Ustawienia treści: kliknij załadowaną treść, aby zmienić tryb dopasowania (Dopasuj/Wypełnij/Rozciągnij dla obrazów/wideo) lub adres URL i częstotliwość odświeżania (strony)
• Menu kontekstowe: kliknij prawym przyciskiem na ekran, aby wczytać treść, lub na kartę sceny w panelu harmonogramu, aby szybko ją edytować
• Animowane GIF-y: zapętlają się automatycznie, bez dodatkowej konfiguracji

Co dalej? #

Znasz już podstawy — oto przewodniki, które pomogą Ci wykorzystać pełny potencjał FloSync:

• Tryby wyświetlania — kiedy wybrać tryb Niezależny, Lustrzany lub Rozciągnięty i jak zbudować Video Wall z wielu komputerów
• Harmonogram — planowanie rotacji scen wg pory dnia lub interwału z automatycznymi przejściami
• Emisja na żywo — prezentacje pełnoekranowe, tryb Kontrolera, skróty klawiszowe i przejścia między scenami
• Synchronizacja sieciowa — synchronizacja odtwarzania wideo między komputerami w sieci lokalnej
• MIDI — sterowanie scenami za pomocą kontrolerów MIDI
• Przygotowanie wideo — jak przygotować pliki wideo, aby synchronizacja działała jak najlepiej