---
title: "Перші кроки"
description: "Встановіть FloSync, завантажте перший контент і запустіть показ за лічені хвилини на macOS або Windows."
url: "https://flosync.com/uk/docs/getting-started/"
lang: "uk"
updated: "2026-09-24"
---

# Перші кроки з FloSync

FloSync встановлюється як будь-яка інша програма на macOS і Windows, а підключені екрани визначає самостійно. За кілька хвилин ви зможете відтворювати відео на весь екран на всіх одразу.

## Встановлення

### macOS

1. Завантажте DMG-файл FloSync зі [сторінки завантажень](https://flosync.com/uk/download/)
2. Відкрийте DMG і перетягніть FloSync до теки Applications
3. Запустіть FloSync із Applications

> **Примітка:** під час першого запуску macOS може попросити вас підтвердити, що ви хочете відкрити програму від ідентифікованого розробника. Натисніть «Відкрити», щоб продовжити.

### Windows

1. Завантажте інсталятор FloSync зі [сторінки завантажень](https://flosync.com/uk/download/)
2. Запустіть інсталятор і дотримуйтесь інструкцій на екрані
3. Запустіть FloSync із меню «Пуск» або з ярлика на робочому столі

## Перший запуск

Коли ви відкриваєте FloSync уперше, у браузері також відкривається коротка вітальна сторінка. Сама програма показує головну панель керування:

![Панель керування FloSync із позначеними чотирма зонами: верхня панель, область розташування екранів із двома порожніми блоками екранів, панель керування відтворенням і рядок стану.](https://flosync.com/images/screenshots/docs-getting-started-main-interface.jpg)

1. Верхня панель
2. Область розташування екранів
3. Панель керування відтворенням
4. Рядок стану

### Огляд інтерфейсу

Інтерфейс FloSync являє собою єдину панель керування, поділену на кілька зон:

**1. Верхня панель**

- **Список режимів**: перемикання між Незалежним, Дзеркальним та Розтягнутим
- **Індикатор «В ЕФІРІ»**: сигналізує про активний режим презентації (червоний значок)
- **Піктограма розкладу** (щоденник/список): відкрити або закрити панель розкладу для планування контенту за часом та інтервалом
- **Піктограма розширення полотна** (сітка): налаштувати глобальне полотно для багатокомпʼютерних відеостін (тільки в режимі Розтягнутому)
- **Перемикач глобального попереднього перегляду** (лупа): показати або приховати попередній перегляд глобального полотна (тільки в режимі Розтягнутому за наявності налаштованого розширення)
- *(розділювач)*
- **Піктограма транскодування** (керування відео): відкрити/закрити панель транскодування для конвертації відео у формати, оптимальні для синхронізації
- **Піктограма журналу синхронізації** (термінал): відкрити/закрити панель журналу, огляд синхронізації в реальному часі
- *(розділювач)*
- **Піктограма сервера** (вежа): запустити або зупинити серверний режим мережевої синхронізації (зелена, коли активний)
- **Піктограма клієнта** (Wi-Fi): підʼєднатися або відʼєднатися як клієнт мережевої синхронізації (синя, коли активний)

**2. Область розташування екранів**

- Показує візуальну схему підключених екранів
- Кожен екран зображено блоком, пропорційним до його реального розміру та позиції
- Відео чи зображення можна перетягувати прямо на блоки екранів
- Клацання правою кнопкою відкриває додаткові опції (завантажити вебсторінку, HTML-файл)
- Клацніть на екран, щоб його виділити
- Клацніть на завантажений контент, щоб змінити його налаштування
- Кнопка перемикання звуку на кожному екрані (тільки для відео)

**3. Панель керування відтворенням**

- **Повзунок таймлайну**: перемотування відео (видно лише тоді, коли завантажено відео)
- **Індикатор часу**: поточна позиція та загальна тривалість
- **Кнопка Play/Pause**: керування відтворенням
- **Кнопка Запустити трансляцію**: запустити повноекранний показ на всіх екранах

**4. Рядок стану**

- **Розмір полотна**: загальні розміри всіх екранів разом (наприклад, «3840×1080»)
- **Розмір глобального полотна**: якщо налаштовано розширення, показує повний розмір відеостіни
- **Кількість екранів**: скільки екранів підключено
- **Попередження**: проблеми з налаштуванням (відсутній контент, невідповідність тривалості тощо)
- **Корекції синхронізації**: скільки корекцій відбулося під час показу (видно лише в режимі трансляції)
- **Стан мережевої синхронізації**: показує статус зʼєднання сервер/клієнт, коли мережева синхронізація активна
- **Тривалість відео**: довжина найдовшого із завантажених відео

## Завантаження контенту

FloSync підтримує три типи контенту: відео, зображення та вебсторінки. Кожен із них має свої способи завантаження та особливості поведінки.

### Завантаження відео

**Перетягування:** Перетягніть відеофайл із Finder (macOS) або Explorer (Windows) і відпустіть на будь-який блок екрана в панелі керування FloSync.

**Клацніть для вибору:**

1. Клацніть на будь-який блок екрана в області розташування
2. Оберіть **«Відео / зображення»** в діалозі **«Додати вміст»**
3. Виберіть відеофайл і натисніть «Відкрити»

**Підтримувані формати відео:**

- MP4 (H.264, H.265/HEVC)
- MOV (зокрема ProRes)
- MKV
- AVI
- WebM
- M4V
- WMV
- FLV

У режимах **Дзеркальному** або **Розтягнутому** контент, завантажений на будь-який екран, автоматично зʼявляється на всіх. У режимі **Незалежному** кожен екран може мати власний контент.

### Завантаження зображень

**Перетягування:** Перетягніть файл зображення з файлового менеджера на будь-який блок екрана.

**Клацніть для вибору:**

1. Клацніть на будь-який блок екрана
2. Оберіть **«Відео / зображення»** в діалозі **«Додати вміст»**
3. Виберіть файл зображення і натисніть «Відкрити»

**Підтримувані формати зображень:**

- PNG
- JPG / JPEG
- GIF (зокрема анімовані, зациклюються автоматично)
- BMP
- TIFF
- WebP
- SVG

**Режими вписування зображень:** Після завантаження зображення клацніть на нього, щоб відкрити діалог налаштувань і обрати один із режимів:

- **Вписати**: масштабування зі збереженням пропорцій (можуть зʼявитися смуги)
- **Заповнити** (типово): заповнення екрана з обрізанням зайвого (без смуг, але частина зображення може бути обрізана)
- **Розтягнути**: розтягнення на весь екран (пропорції можуть бути спотворені)

![Діалог Параметри Зображення для статичного зображення, з варіантами Розміщення вмісту Вписати, Заповнити і Розтягнути, Заповнити позначено, і кнопками Очистити, Скасувати і Зберегти.](https://flosync.com/images/screenshots/docs-getting-started-content-settings-uk.png)

*Параметри Зображення для статичного зображення. Зберегти застосовує обране розміщення.*

### Завантаження вебсторінок

**За URL-адресою:**

1. Клацніть правою кнопкою на блоці екрана
2. Оберіть «Завантажити URL вебсторінки...»
3. Введіть HTTPS-адресу (наприклад, `https://example.com`)
4. Натисніть Завантажити

![Діалог Введіть URL вебсторінки з flosync.com, введеним в адресному полі, Автооновлення встановлено на Ніколи, і кнопками Скасувати і Завантажити.](https://flosync.com/images/screenshots/docs-getting-started-web-page-url-uk.png)

*Автооновлення можна налаштувати тут, до завантаження сторінки.*

**З локального HTML-файлу:**

1. Клацніть правою кнопкою на блоці екрана
2. Оберіть «Завантажити HTML-файл...»
3. Знайдіть і виберіть потрібний HTML-файл
4. Натисніть «Відкрити»

> **Примітка:** поле URL приймає адреси `https://`, а якщо ввести адресу без протоколу (наприклад, `example.com`), FloSync додасть `https://` автоматично. Локальні HTML-файли можуть посилатися на відносні ресурси (CSS, зображення, JS) у тій самій теці.

**Автооновлення:** Після завантаження вебсторінки клацніть на ній, щоб відкрити налаштування автооновлення:

- Ніколи (типово)
- Кожні 15 хвилин
- Кожні 30 хвилин
- Щогодини

## Відтворення контенту

Коли контент завантажено, показати його можна двома способами:

### Режим попереднього перегляду (панель керування)

Використовуйте елементи керування відтворенням на панелі:

- **Кнопка Play/Pause**: натисніть кнопку відтворення в нижньому рядку (тільки для відео)
- **Перемотування таймлайну**: клацніть і потягніть повзунок, щоб перейти до потрібної позиції (тільки для відео)
- **Перемикач звуку**: клацніть піктограму динаміка на екрані, щоб увімкнути або вимкнути звук (тільки для відео)

> **Примітка:** зображення зʼявляються відразу й залишаються на екрані. Вебсторінки рендеряться в реальному часі. Елементи керування відтворенням стосуються лише відео.

![Панель керування FloSync із відео дельфіна на Display 1, порожнім Display 2 зі значком плюс, таймлайном приблизно на третині відтворення та кнопками відтворення й кнопкою Запустити трансляцію в нижньому рядку.](https://flosync.com/images/screenshots/docs-getting-started-video-preview-uk.jpg)

*Відео завантажено на Display 1. Display 2 поки порожній.*

### Запустити трансляцію (повноекранний показ)

Для реальної презентації використовуйте функцію **Запустити трансляцію**:

1. Натисніть кнопку **Запустити трансляцію** на панелі керування відтворенням
2. FloSync створить повноекранні вікна на кожному підключеному екрані
3. Контент зʼявиться на екранах відповідно до ваших налаштувань:
   - Відео залишається візуально вирівняним на всіх екранах
   - Зображення зʼявляються миттєво
   - Вебсторінки рендеряться в реальному часі
4. Якщо активна мережева синхронізація (серверний або клієнтський режим), відтворення відео синхронізується між усіма підключеними компʼютерами

**Під час режиму трансляції:**

- Курсор миші **типово прихований** у повноекранних вікнах
- Рух мишею тимчасово показує курсор
- Після короткої бездіяльності курсор знову ховається
- Клацання у повноекранному вікні завершує трансляцію

**Вихід із режиму трансляції:**

- Натисніть **ESC** у будь-якому повноекранному вікні
- Клацніть будь-де у повноекранному вікні
- Або натисніть **Зупинити трансляцію** на панелі керування

**Варіанти запуску трансляції:** Кнопка «Запустити трансляцію» відкриває випадний список. Якщо налаштовано розклад (кілька сцен), він містить:

- **Запустити трансляцію (поточна)**: відтворює поточний контент вікна компонування, ігноруючи розклад. *Використовуйте лише для тестування.*
- **Запустити трансляцію (розклад)** або **Запустити трансляцію (спочатку)**: відтворює контент за розкладом з автоматичними переходами. *Використовуйте для реальних інсталяцій.*

Докладніше про режими розкладів і опцію Контролер див. у розділі [Розклади](https://flosync.com/uk/docs/scheduling/).

## Робота з кількома екранами

Якщо до компʼютера підключено кілька екранів, FloSync автоматично їх виявляє й показує в області розташування.

### Розташування екранів

У центрі панелі керування відображаються підключені екрани в тому порядку, в якому їх налаштовано в операційній системі. Макет пропорційно масштабований і відповідає реальним позиціям та розмірам.

![Панель керування з трьома порожніми блоками екранів поруч, Display 1 позначено як «Основний».](https://flosync.com/images/screenshots/three-screen-restaurant-menu-composer-fresh-uk.jpg)

*Три підключені екрани в тому порядку, у якому їх визначила операційна система.*

### Режими дисплея

Використовуйте **список режимів** у верхній панелі, щоб визначити, як контент розподілятиметься між екранами:

- **Незалежний**: кожен екран показує власний контент із власним звуком
- **Дзеркальний**: усі екрани показують однаковий контент синхронно (звук тільки з основного екрана)
- **Розтягнутий**: контент розтягується на всі екрани як на єдине велике полотно

Докладніше про кожен режим читайте в розділі [Режими дисплея](https://flosync.com/uk/docs/display-modes/).

## Меню

FloSync надає повний доступ до меню на обох платформах:

**macOS**: нативне меню зі стандартними клавіатурними скороченнями

- **Меню FloSync**: Про FloSync, Параметри... (⌘,), Сховати FloSync, Завершити FloSync
- **Меню Файл**: Імпортувати/Експортувати конфігурацію... (⌘O/⌘S), Скинути всі сцени та вміст
- **Меню Вигляд**: Панель розкладу, Панель журналу, Попередній перегляд глобального полотна
- **Меню Вікно**: Згорнути, Zoom
- **Меню Довідка**: Документація FloSync, Сайт FloSync, FloSync на Reddit, Перевірити наявність оновлень..., Повідомити про проблему..., Відкрити папку журналів

**Windows**: вбудоване меню у верхній частині вікна

- **Меню Файл**: Імпортувати/Експортувати конфігурацію... (Ctrl+O/Ctrl+S), Скинути всі сцени та вміст, Налаштування... (Ctrl+,), Вийти (Ctrl+Q)
- **Меню Вигляд**: Панель розкладу, Панель журналу, Попередній перегляд глобального полотна
- **Меню Довідка**: Документація FloSync, Сайт FloSync, FloSync на Reddit, Перевірити наявність оновлень..., Повідомити про проблему..., Відкрити папку журналів, Про FloSync

## Збереження та завантаження конфігурацій

FloSync дозволяє зберегти повне налаштування у файл `.flo`, а потім імпортувати його, щоб відновити конфігурацію. Це зручно для:

- Резервного копіювання розкладів і призначень контенту
- Розгортання однакової конфігурації на кількох компʼютерах
- Обміну налаштуваннями з колегами

### Експорт конфігурації

1. Виберіть **Файл > Експортувати конфігурацію...** (⌘S на macOS, Ctrl+S на Windows)
2. Вкажіть розташування та імʼя файлу
3. Натисніть «Зберегти»

**Що експортується:**

- Усі сцени розкладу та їх призначення вмісту (і За часом доби, і За інтервалами), включно з MIDI-прив'язками, доданими до сцен За інтервалами
- Режим дисплея (Незалежний, Дзеркальний або Розтягнутий)
- Налаштування розширення глобального полотна
- Налаштування звуку (стан приглушення для кожного дисплея)
- Версія програми та формату (для перевірки сумісності)

Призначення контенту вказують на ваші медіафайли, а не вбудовують їх, тому під час перенесення конфігурації на інший компʼютер скопіюйте також відео- та файли зображень.

**Що НЕ експортується** (параметри, які залишаються на тому компʼютері, де їх налаштовано):

- Допуски синхронізації (локальної та мережевої)
- Позиція та розмір вікна
- Видимість панелей інтерфейсу
- Інші параметри, наприклад запуск при вході в систему

### Імпорт конфігурації

1. Виберіть **Файл > Імпортувати конфігурацію...** (⌘O на macOS, Ctrl+O на Windows)
2. Виберіть файл `.flo`
3. Натисніть «Відкрити»

**Сумісність версій:** Якщо файл створено новішою версією FloSync, зʼявиться попередження із запитанням, чи продовжувати. Це допомагає уникнути проблем під час імпорту конфігурацій, що використовують функції, відсутні у вашій версії.

**Відсутні файли:** Якщо деякі файли контенту було переміщено чи перейменовано після експорту конфігурації, FloSync покаже діалог зі списком відсутніх файлів. Доступні дії:

- **Шукати в папці...**: пошук усіх відсутніх файлів у вказаній теці
- **Знайти файли...**: вибір конкретних файлів вручну
- FloSync зіставляє файли за іменем і перевіряє за розміром та контрольною сумою, якщо вони доступні

### Повне скидання

Щоб очистити весь контент і почати з чистого аркуша:

1. Виберіть **Файл > Скинути всі сцени та вміст**
2. Підтвердьте дію у діалозі

Буде очищено:

- Усі сцени розкладу, і в режимі За часом доби, і За інтервалами
- Призначення вмісту для кожного дисплея
- Параметри розширення глобального полотна

Ваші параметри (допуски синхронізації тощо) збережуться.

> **Примітка:** імпорт і скидання недоступні в режимі трансляції. Спершу вийдіть із нього.

Щоб виконати повне скидання, яке також очищує параметри та журнали, див. розділ «Небезпечна зона» в [Параметрах](https://flosync.com/uk/docs/preferences/).

## Швидкі поради

- **ESC для виходу**: натисніть ESC у будь-якому повноекранному вікні, щоб вийти з режиму трансляції
- **Перетягніть, щоб замінити**: якщо контент вже завантажено, перетягніть новий файл на екран і він замінить попередній
- **Зациклення**: відео зациклюється автоматично, що ідеально підходить для цифрових вивісок
- **Очищення контенту**: клацніть правою кнопкою на області розташування екранів і оберіть **«Очистити весь вміст»**
- **Збереження сесії**: FloSync запамʼятовує останній завантажений контент і відновлює його при наступному запуску
- **Звук для кожного екрана**: у режимі Незалежному кожен екран має власний перемикач звуку (тільки для відео)
- **Налаштування контенту**: клацніть на завантаженому контенті, щоб змінити режим вписування (зображення/відео) або URL-адресу й оновлення (вебсторінки)
- **Контекстні меню**: клацайте правою кнопкою на екранах для завантаження контенту або на картках сцен у панелі розкладу для швидкого редагування
- **Анімовані GIF**: GIF-зображення зациклюються автоматично, жодних додаткових налаштувань не потрібно

## Що далі?

Тепер, коли ви знаєте основи, ознайомтеся з цими посібниками, щоб розкрити весь потенціал FloSync:

- **[Режими дисплея](https://flosync.com/uk/docs/display-modes/)**: коли використовувати Незалежний, Дзеркальний чи Розтягнутий і як налаштувати відеостіну з кількох компʼютерів
- **[Розклади](https://flosync.com/uk/docs/scheduling/)**: планування ротації сцен за часом або інтервалом з автоматичними переходами
- **[Запустити трансляцію](https://flosync.com/uk/docs/go-live/)**: повноекранні презентації, режим контролера, клавіатурне керування та переходи між сценами
- **[Мережева синхронізація](https://flosync.com/uk/docs/network-sync/)**: синхронізація відтворення відео на кількох компʼютерах у мережі
- **[MIDI](https://flosync.com/uk/docs/midi/)**: керування сценами за допомогою MIDI-контролерів
- **[Підготовка відео](https://flosync.com/uk/docs/video-preparation/)**: оптимізація відеофайлів для максимально плавної синхронізації