Pagsisimula sa FloSync

Gagabayan ka ng guide na ito sa pag-install ng FloSync, pag-load ng iyong unang content, at pag-unawa sa basic na interface.

Pag-install #

macOS #

1. I-download ang FloSync DMG file mula sa download page
2. Buksan ang DMG at i-drag ang FloSync sa iyong Applications folder
3. Ilunsad ang FloSync mula sa Applications

Tandaan: Sa unang pagbukas, maaaring hilingin ng macOS na kumpirmahin mo na gusto mong buksan ang app mula sa isang kilalang developer. I-click ang "Open" para magpatuloy.

Windows #

1. I-download ang FloSync installer mula sa download page
2. Patakbuhin ang installer at sundin ang mga tagubilin
3. Ilunsad ang FloSync mula sa Start menu o desktop shortcut

Unang pagbukas #

Kapag unang binuksan mo ang FloSync, makikita mo ang pangunahing control panel interface:

Pangkalahatang-ideya ng interface #

Ang FloSync interface ay isang pinag-isang control panel na nahahati sa ilang bahagi:

Top bar

• Mode dropdown — Lumipat sa pagitan ng mga mode na Independente, Salamin, at Nakalatag
• LIVE indicator — Nagpapakita kung aktibo ang presentation mode (pulang badge)
• Schedule icon (agenda/listahan) — Buksan/isara ang schedule panel para sa time-based at interval na pag-schedule ng content
• Clear All button (kanselahin ang presentation) — Alisin ang lahat ng na-load na content (ipinapakita lamang kapag may na-load na content)
• Canvas extension icon (grid) — I-configure ang global canvas para sa multi-computer Video Wall (Nakalatag mode lamang)
• Global preview toggle (zoom) — Ipakita/itago ang global canvas preview (Nakalatag mode lamang, kapag naka-configure ang extension)
• (divider)
• Server icon (tower) — Simulan/itigil ang server mode para sa network sync (berde kapag aktibo)
• Client icon (wifi) — Kumonekta/idiskonekta bilang client para sa network sync (asul kapag aktibo)

Screen arrangement area

• Nagpapakita ng visual na representasyon ng iyong mga nakakonektang screen
• Ang bawat screen ay lumilitaw bilang kahon na proporsyonal sa aktwal na laki at posisyon nito
• Mag-drag at mag-drop ng mga video o larawan direkta sa mga screen box
• Right-click para sa mga karagdagang opsyon (mag-load ng web page, mag-load ng HTML file)
• I-click ang mga screen para piliin ang mga ito
• I-click ang na-load na content para i-edit ang mga setting nito
• Audio toggle button sa bawat screen (para sa mga video lamang)

Playback controls bar

• Timeline slider — Mag-scrub sa video (nakikita kapag may na-load na video content)
• Time display — Kasalukuyang posisyon at kabuuang tagal
• Play/Pause button — Kontrolin ang video playback
• Go Live button — Ilunsad ang fullscreen presentation sa lahat ng screen

Status bar

• Canvas size — Kabuuang sukat ng lahat ng screen na pinagsama (hal., "3840×1080")
• Global canvas size — Kapag naka-configure ang canvas extension, ipinapakita ang buong laki ng Video Wall
• Screen count — Bilang ng mga nakakonektang screen
• Warnings — Anumang mga isyu sa iyong setup (nawawalang content, hindi magkatugmang tagal, atbp.)
• Sync corrections — Bilang ng mga sync correction habang nasa live mode (ipinapakita lamang kapag live)
• Network sync status — Ipinapakita ang server/client connection status kapag aktibo
• Video duration — Haba ng pinakamahabang na-load na video

Pag-load ng content #

Sinusuportahan ng FloSync ang tatlong uri ng content: mga video, larawan, at web page. Ang bawat uri ay may iba't ibang paraan ng pag-load at gawi.

Pag-load ng mga video #

Drag and drop: Mag-drag lamang ng video file mula sa Finder (macOS) o Explorer (Windows) at i-drop ito sa kahit anong screen box sa FloSync control panel.

Mag-click para mag-browse:

1. I-click ang kahit anong screen box sa arrangement area
2. Magbubukas ang file browser dialog
3. Piliin ang iyong video file at i-click ang Open

Sinusuportahang format ng video:

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

Sa Salamin o Nakalatag mode, ang pag-load ng content sa kahit anong screen ay awtomatikong naglo-load nito sa lahat ng screen. Sa Independente mode, ang bawat screen ay maaaring magkaroon ng iba't ibang content.

Pag-load ng mga larawan #

Drag and drop: Mag-drag ng image file mula sa iyong file browser at i-drop ito sa kahit anong screen box.

Mag-click para mag-browse:

1. I-click ang kahit anong screen box
2. Piliin ang "Load Video/Image" mula sa file dialog
3. Piliin ang iyong image file

Sinusuportahang format ng larawan:

• PNG
• JPG / JPEG
• GIF (kasama ang animated GIF — awtomatiko itong mag-loop)
• BMP
• TIFF
• WebP
• SVG

Mga fit mode ng larawan: Pagkatapos mag-load ng larawan, i-click ito para buksan ang content settings dialog kung saan maaari mong ayusin ang:

• Fit — I-scale para magkasya sa loob ng screen, pinapanatili ang aspect ratio (maaaring magpakita ng mga bar)
• Fill — I-scale para mapuno ang screen, kina-crop ang sobra (walang bar, maaaring ma-crop)
• Stretch — I-stretch para mapuno ang screen (maaaring mabago ang aspect ratio)

Pag-load ng mga web page #

Mula sa URL:

1. Right-click sa isang screen box
2. Piliin ang "Load Web Page URL"
3. Ilagay ang isang HTTPS URL (hal., https://example.com)
4. I-click ang OK

Mula sa lokal na HTML file:

1. Right-click sa isang screen box
2. Piliin ang "Load HTML File"
3. Hanapin at piliin ang iyong HTML file
4. I-click ang Open

Tandaan: Ang mga HTTPS URL lamang ang sinusuportahan para sa seguridad. Ang mga lokal na HTML file ay maaaring mag-reference ng mga relative asset (CSS, larawan, JS) sa parehong directory.

Auto-refresh: Pagkatapos mag-load ng web page, i-click ito para buksan ang mga setting kung saan maaari mong i-configure ang auto-refresh:

• Hindi kailanman (default)
• Bawat 15 minuto
• Bawat 30 minuto
• Bawat 1 oras

Pag-play ng iyong content #

Kapag na-load na ang content, mayroon kang dalawang paraan para ipakita ito:

Preview mode (control panel) #

Gamitin ang mga playback control sa control panel para i-preview ang iyong content:

• Play/Pause button — I-click ang play button sa bottom bar (mga video lamang)
• Timeline scrubbing — I-click at i-drag sa timeline para lumipat sa kahit anong posisyon (mga video lamang)
• Audio toggle — I-click ang speaker icon sa bawat screen para i-enable/disable ang audio (mga video lamang)

Tandaan: Ang mga larawan ay agad na ipinapakita at nananatiling nakikita nang walang katiyakan. Ang mga web page ay nire-render nang live sa preview. Ang mga playback control ay nakakaapekto lamang sa video content.

Pumunta sa live (fullscreen presentation) #

Para sa aktwal na presentation, gamitin ang feature na Pumunta sa Live:

1. I-click ang button na Pumunta sa Live sa playback controls bar
2. Gumagawa ang FloSync ng mga fullscreen window sa bawat nakakonektang screen
3. Ang content ay ipinapakita sa bawat screen ayon sa iyong configuration:
   • Ang mga video ay nananatiling visually aligned sa lahat ng screen
   • Ang mga larawan ay agad na ipinapakita
   • Ang mga web page ay nire-render nang live
4. Kung aktibo ang network sync (server o client mode), ang video playback ay isi-sync sa lahat ng nakakonektang computer

Habang nasa live mode:

• Ang mouse cursor ay nakatago bilang default sa mga fullscreen window
• Ang paggalaw ng mouse ay pansamantalang nagpapakita ng cursor
• Ang cursor ay awtomatikong nagtatago muli pagkatapos ng maikling kawalan ng aktibidad
• Ang pag-click sa isang fullscreen window ay nagpapakita ng dialog na "Exit Live?"

Paglabas sa live mode:

• Pindutin ang ESC sa kahit anong fullscreen window para lumabas sa live mode
• Mag-click kahit saan sa isang fullscreen window at piliin ang "Yes" sa dialog
• O i-click ang button na Itigil ang Live sa control panel

Mga opsyon sa Pumunta sa Live: Kapag mayroon kang naka-configure na iskedyul (maraming eksena), ang Go Live button ay nagpapakita ng dropdown:

• Pumunta sa Live (Kasalukuyan): Pina-play ang kasalukuyang content sa composer, binabalewala ang iskedyul. Gamitin ito para sa testing lamang.
• Pumunta sa Live (Iskedyul) o Pumunta sa Live (Simula): Pina-play ang naka-schedule na content na may awtomatikong mga paglipat. Gamitin ito para sa mga tunay na deployment.

Para sa mga detalye tungkol sa mga scheduling mode at opsyong Kontroler, tingnan ang Scheduling.

Paggawa sa maraming screen #

Kung mayroon kang maraming screen na nakakonekta sa iyong computer, awtomatikong natatukoy ng FloSync ang mga ito at ipinapakita ang mga ito sa screen arrangement area.

Screen arrangement #

Ang gitna ng control panel ay nagpapakita ng iyong mga nakakonektang screen na nakaayos ayon sa kung paano ito na-configure sa iyong operating system. Ang layout ay proporsyonalmente na-scale para ipakita ang mga kamag-anak na posisyon at laki.

Mga screen mode #

Gamitin ang Mode dropdown sa top bar para pumili kung paano lalabas ang content sa iyong mga screen:

• Independente — Ang bawat screen ay maaaring magpakita ng iba't ibang content na may hiwalay na audio
• Salamin — Lahat ng screen ay nagpapakita ng parehong content na naka-sync (pangunahing screen audio lamang)
• Nakalatag — Ang iyong content ay umaabot sa lahat ng screen bilang isang malaking canvas

Para sa detalyadong impormasyon tungkol sa bawat mode, tingnan ang Mga screen mode.

Menu bar #

Nagbibigay ang FloSync ng buong menu bar access sa parehong platform:

macOS: Native menu bar na may standard na keyboard shortcut

• FloSync menu — About, Preferences (⌘,), Hide, Quit
• File menu — Import/Export Configuration (⌘O/⌘S), Reset Everything
• View menu — Schedule Panel, Log Panel, Global Canvas Preview
• Window menu — Minimize, Zoom
• Help menu — Documentation, Website, Reddit

Windows: In-app menu bar sa itaas ng window

• File menu — Import/Export Configuration (Ctrl+O/Ctrl+S), Reset Everything, Settings (Ctrl+,), Exit (Ctrl+Q)
• View menu — Schedule Panel, Log Panel, Global Canvas Preview
• Help menu — Documentation, Website, Reddit, About

Pag-save at pag-load ng mga configuration #

Maaaring i-save ng FloSync ang iyong kumpletong setup sa isang .flo file, na maaari mong i-import mamaya para i-restore ang iyong configuration. Kapaki-pakinabang ito para sa:

• Pag-backup ng iyong iskedyul at mga content assignment
• Pag-deploy ng parehong configuration sa maraming computer
• Pagbabahagi ng mga setup sa mga kasamahan

Pag-export ng configuration #

1. Pumunta sa File > Export Configuration (⌘S sa macOS, Ctrl+S sa Windows)
2. Pumili ng lokasyon at filename
3. I-click ang Save

Ano ang na-export:

• Lahat ng schedule scene at ang kanilang mga content assignment (parehong Time-of-Day at Interval na iskedyul)
• Display mode (Independente, Salamin, o Nakalatag)
• Mga setting ng global canvas extension
• Mga setting ng audio (per-display mute state)
• Bersyon ng app at format version (para sa pagsusuri ng compatibility)

Ano ang HINDI na-export (partikular sa makina):

• Mga sync tolerance (lokal at network)
• Posisyon at laki ng window
• Visibility ng UI panel

Pag-import ng configuration #

1. Pumunta sa File > Import Configuration (⌘O sa macOS, Ctrl+O sa Windows)
2. Piliin ang isang .flo file
3. I-click ang Open

Compatibility ng bersyon: Kung ang file ay ginawa ng mas bagong bersyon ng FloSync, makikita mo ang dialog na nagtatanong kung magpapatuloy. Nakatutulong ito sa pag-iwas sa mga isyu kapag nag-import ng mga configuration na maaaring gumagamit ng mga feature na hindi available sa iyong bersyon.

Mga nawawalang file: Kung ang ilang content file ay inilipat o pinalitan ng pangalan mula nang i-export ang configuration, magpapakita ang FloSync ng dialog na Nawawalang Mga File. Maaari kang:

• I-click ang Search Folder para hanapin ang lahat ng nawawalang file nang sabay-sabay
• I-click ang Locate Files para manu-manong piliin ang mga partikular na file
• Tinutugma ng FloSync ang mga file ayon sa filename at bine-verify ang mga ito ayon sa laki at content hash kung available

Pag-reset ng lahat #

Para i-clear ang lahat ng content at magsimulang muli:

1. Pumunta sa File > Reset Everything
2. Kumpirmahin sa dialog na lalabas

Kini-clear nito ang:

• Lahat ng schedule scene (nagbabalik sa isang "Buong Araw" na eksena)
• Mga content assignment para sa bawat display
• Mga setting ng global canvas extension

Ang iyong mga preference (mga sync tolerance, atbp.) ay napapanatili.

Tandaan: Ang Import at Reset ay naka-disable habang nasa Live mode. Lumabas muna sa Live mode.

Mabilis na mga tip #

• ESC para lumabas: Pindutin ang ESC sa kahit anong fullscreen window para lumabas sa live mode
• Mag-drag para palitan: Kung may na-load nang content, mag-drag ng bagong content sa screen para palitan ito
• Loop playback: Ang mga video ay awtomatikong nag-lo-loop — perpekto para sa Digital Signage
• I-clear ang lahat ng content: I-click ang X button sa top bar para i-clear ang lahat ng na-load na content
• Persistent na session: Natatandaan ng FloSync ang iyong huling na-load na content at ini-restore ito sa susunod na paglulunsad
• Audio bawat screen: Sa Independente mode, ang bawat screen ay may sariling audio toggle (para sa mga video lamang)
• Mga setting ng content: I-click ang na-load na content para ayusin ang fit mode (larawan/video) o URL/refresh (mga web page)
• Mga right-click menu: Right-click ang mga screen para mag-load ng content, o right-click ang mga scene card sa schedule panel para sa mga mabilis na opsyon sa pag-edit
• Animated na GIF: Ang mga GIF na larawan ay awtomatikong nag-lo-loop — walang kailangang configuration

Ano ang susunod? #

Ngayong alam mo na ang mga pangunahing kaalaman, tuklasin ang mga gabay na ito para makakuha ng mas marami mula sa FloSync:

• Mga screen mode — Alamin kung kailan gamitin ang Independente, Salamin, o Nakalatag mode, at kung paano mag-setup ng multi-computer Video Wall
• Scheduling — Mag-setup ng time-of-day o interval-based na pag-ikot ng eksena na may mga awtomatikong paglipat
• Pumunta sa Live — Mga fullscreen presentation, Kontroler mode, keyboard control, at mga paglipat ng eksena
• Network Sync — I-sync ang video playback sa maraming computer sa iyong network
• MIDI — Gumamit ng MIDI controller para direktang mag-trigger ng eksena
• Paghahanda ng video — I-optimize ang iyong mga video file para sa pinaka-maayos na sync