Primeiros passos com o FloSync

Este guia mostra como instalar o FloSync, carregar seu primeiro conteúdo e se familiarizar com a interface.

Instalação #

macOS #

1. Baixe o arquivo DMG do FloSync na página de download
2. Abra o DMG e arraste o FloSync para a pasta Aplicativos
3. Abra o FloSync a partir da pasta Aplicativos

Nota: Na primeira abertura, o macOS pode pedir confirmação para abrir um app de desenvolvedor identificado. Clique em "Abrir" para continuar.

Windows #

1. Baixe o instalador do FloSync na página de download
2. Execute o instalador e siga as instruções na tela
3. Abra o FloSync pelo menu Iniciar ou pelo atalho na área de trabalho

Primeira abertura #

Ao abrir o FloSync pela primeira vez, você verá a interface principal — o painel de controle:

Visão geral da interface #

A interface do FloSync é um painel de controle unificado, dividido nas seguintes áreas:

Barra superior

• Seletor de modo — Alterne entre Independente, Espelhado e Estendido
• Indicador LIVE — Mostra quando a apresentação está ativa (selo vermelho)
• Ícone de agendamento (agenda/lista) — Abre e fecha o painel de agendamento para rotações por horário ou intervalo
• Botão Clear All (cancelar apresentação) — Remove todo o conteúdo carregado (aparece apenas quando há conteúdo)
• Ícone de extensão de canvas (grade) — Configura o canvas global para Video Walls com vários computadores (apenas no modo Estendido)
• Toggle de preview global (lupa) — Exibe ou oculta a pré-visualização do canvas global (apenas no modo Estendido, quando a extensão está configurada)
• (divisor)
• Ícone de servidor (torre) — Inicia ou para o modo servidor para sync em rede (verde quando ativo)
• Ícone de cliente (wifi) — Conecta ou desconecta como cliente para sync em rede (azul quando ativo)

Área de arranjo de telas

• Mostra uma representação visual das telas conectadas ao computador
• Cada tela aparece como um retângulo proporcional ao seu tamanho e posição reais
• Arraste e solte vídeos ou imagens diretamente sobre as telas
• Clique com o botão direito para opções adicionais (carregar página web, carregar arquivo HTML)
• Clique em uma tela para selecioná-la
• Clique em um conteúdo carregado para editar suas configurações
• Botão de áudio em cada tela (somente vídeos)

Barra de controles de reprodução

• Timeline — Navegue pelo vídeo (visível quando há vídeo carregado)
• Display de tempo — Posição atual e duração total
• Botão Play/Pause — Controla a reprodução do vídeo
• Botão Entrar ao vivo — Inicia a apresentação em tela cheia em todas as telas

Barra de status

• Tamanho do canvas — Dimensões totais de todas as telas combinadas (ex.: "3840×1080")
• Tamanho do canvas global — Quando a extensão de canvas está configurada, mostra o tamanho total do Video Wall
• Número de telas — Número de telas conectadas
• Avisos — Problemas encontrados na sua configuração (conteúdo ausente, diferença de duração, etc.)
• Correções de sync — Quantidade de correções de sync durante o modo live (aparece apenas quando live)
• Status de sync em rede — Mostra o estado da conexão servidor/cliente quando ativo
• Duração do vídeo — Duração do vídeo mais longo carregado

Carregando conteúdo #

O FloSync aceita três tipos de conteúdo: vídeos, imagens e páginas web. Cada tipo tem seus próprios métodos de carregamento e comportamentos.

Carregando vídeos #

Arrastar e soltar: Arraste um arquivo de vídeo do Finder (macOS) ou do Explorer (Windows) e solte sobre qualquer tela no painel de controle do FloSync.

Clicar para navegar:

1. Clique em qualquer tela na área de arranjo
2. Um seletor de arquivo será aberto
3. Escolha o vídeo desejado e clique em Abrir

Formatos de vídeo aceitos:

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

No modo Espelhado ou Estendido, carregar conteúdo em uma tela carrega automaticamente em todas. No modo Independente, cada tela pode ter um conteúdo diferente.

Carregando imagens #

Arrastar e soltar: Arraste um arquivo de imagem do seu gerenciador de arquivos e solte sobre qualquer tela.

Clicar para navegar:

1. Clique em qualquer tela
2. Selecione "Load Video/Image" no seletor de arquivo
3. Escolha a imagem desejada

Formatos de imagem aceitos:

• PNG
• JPG / JPEG
• GIF (incluindo GIFs animados — entram em loop automaticamente)
• BMP
• TIFF
• WebP
• SVG

Modos de ajuste de imagem: Após carregar uma imagem, clique nela para abrir as configurações do conteúdo. Você pode escolher entre:

• Ajustar — Ajusta a imagem dentro da tela mantendo a proporção (pode exibir barras laterais)
• Preencher — Preenche a tela inteira, cortando o que ultrapassar a área visível (sem barras)
• Esticar — Estica a imagem para ocupar a tela toda (pode distorcer a proporção)

Carregando páginas web #

A partir de uma URL:

1. Clique com o botão direito em uma tela
2. Selecione "Load Página web URL"
3. Insira uma URL HTTPS (ex.: https://example.com)
4. Clique em OK

A partir de um arquivo HTML local:

1. Clique com o botão direito em uma tela
2. Selecione "Load HTML Arquivo"
3. Navegue até o arquivo HTML desejado e selecione-o
4. Clique em Abrir

Nota: Apenas URLs HTTPS são aceitas, por questões de segurança. Arquivos HTML locais podem referenciar recursos relativos (CSS, imagens, JS) que estejam no mesmo diretório.

Auto-Refresh: Após carregar uma página web, clique nela para abrir as configurações e definir o intervalo de auto-refresh:

• Nunca (padrão)
• A cada 15 minutos
• A cada 30 minutos
• A cada 1 hora

Reproduzindo conteúdo #

Com o conteúdo carregado, há duas formas de exibi-lo:

Modo de pré-visualização (painel de controle) #

Use os controles de reprodução no painel de controle para pré-visualizar o conteúdo:

• Botão Play/Pause — Clique no botão de play na barra inferior (somente vídeos)
• Timeline — Clique e arraste para saltar para qualquer posição (somente vídeos)
• Toggle de áudio — Clique no ícone de alto-falante em cada tela para ativar ou desativar o áudio (somente vídeos)

Nota: Imagens aparecem instantaneamente e ficam visíveis o tempo todo. Páginas web são renderizadas ao vivo na pré-visualização. Os controles de reprodução afetam apenas vídeos.

Entrar ao vivo (apresentação em tela cheia) #

Para exibir sua apresentação de verdade, use o recurso Entrar ao vivo:

1. Clique no botão Entrar ao vivo na barra de controles de reprodução
2. O FloSync cria janelas em tela cheia em cada tela conectada
3. O conteúdo é exibido de acordo com a sua configuração:
   • Vídeos permanecem visualmente alinhados entre todas as telas
   • Imagens aparecem instantaneamente
   • Páginas web são renderizadas ao vivo
4. Se a sync em rede estiver ativa (modo servidor ou cliente), a reprodução de vídeo será sincronizada entre todos os computadores conectados

Durante o modo ao vivo:

• O cursor do mouse fica oculto por padrão nas janelas em tela cheia
• Ao mover o mouse, o cursor aparece temporariamente
• Após alguns segundos de inatividade, o cursor é ocultado de novo
• Clicar em uma janela em tela cheia exibe a confirmação "Sair do modo ao vivo?"

Saindo do modo ao vivo:

• Pressione ESC em qualquer janela em tela cheia para encerrar o modo ao vivo
• Clique em qualquer ponto de uma janela em tela cheia e selecione "Yes" na caixa de diálogo
• Ou clique no botão Parar ao vivo no painel de controle

Opções de Entrar ao vivo: Quando há um agendamento configurado (com várias cenas), o botão Entrar ao vivo exibe um menu suspenso:

• Entrar ao vivo (atual): Reproduz o conteúdo atual do compositor, ignorando o agendamento. Use apenas para testes.
• Entrar ao vivo (agendamento) ou Entrar ao vivo (início): Reproduz o conteúdo agendado com transições automáticas. Use em instalações de produção.

Para mais detalhes sobre os modos de agendamento e a opção Controlador, veja Agendamento.

Trabalhando com várias telas #

Se você tem várias telas conectadas ao computador, o FloSync as detecta automaticamente e as exibe na área de arranjo de telas.

Arranjo das telas #

O centro do painel de controle mostra as telas conectadas posicionadas conforme a configuração do sistema operacional. O layout é escalado proporcionalmente para refletir posições e tamanhos relativos.

Modos de tela #

Use o seletor de modo na barra superior para definir como o conteúdo será distribuído entre as telas:

• Independente — Cada tela pode exibir conteúdo diferente, com áudio independente
• Espelhado — Todas as telas exibem o mesmo conteúdo em sync (áudio apenas na tela Primary)
• Estendido — O conteúdo se estende por todas as telas, formando um único canvas

Para mais detalhes sobre cada modo, veja Modos de tela.

Barra de menu #

O FloSync oferece acesso completo à barra de menu nas duas plataformas:

macOS: Barra de menu nativa com atalhos de teclado padrão

• Menu FloSync — About, Preferências (⌘,), Hide, Quit
• Menu Arquivo — Importar/Exportar configuração (⌘O/⌘S), Redefinir tudo
• Menu Exibir — Painel de agendamento, Painel de registros, Canvas global Preview
• Menu Janela — Minimize, Zoom
• Menu Ajuda — Documentation, Website, Reddit

Windows: Barra de menu no topo da janela do app

• Menu Arquivo — Importar/Exportar configuração (Ctrl+O/Ctrl+S), Redefinir tudo, Configurações (Ctrl+,), Exit (Ctrl+Q)
• Menu Exibir — Painel de agendamento, Painel de registros, Canvas global Preview
• Menu Ajuda — Documentation, Website, Reddit, About

Salvando e carregando configurações #

O FloSync permite salvar toda a sua configuração em um arquivo .flo, que pode ser importado posteriormente para restaurá-la. Isso é útil para:

• Fazer backup do agendamento e das atribuições de conteúdo
• Replicar a mesma configuração em vários computadores
• Compartilhar configurações com colegas

Exportando uma configuração #

1. Vá em Arquivo > Exportar configuração (⌘S no macOS, Ctrl+S no Windows)
2. Escolha um local e um nome de arquivo
3. Clique em Salvar

O que é exportado:

• Todas as cenas do agendamento e suas atribuições de conteúdo (tanto Por horário quanto Intervalo)
• Modo de tela (Independente, Espelhado ou Estendido)
• Configurações do Extensão do canvas global
• Configurações de áudio (estado de mudo por tela)
• Versão do app e versão do formato (para verificação de compatibilidade)

O que NÃO é exportado (específico de cada máquina):

• Tolerâncias de sync (local e em rede)
• Posição e tamanho da janela
• Visibilidade dos painéis da interface

Importando uma configuração #

1. Vá em Arquivo > Importar configuração (⌘O no macOS, Ctrl+O no Windows)
2. Selecione um arquivo .flo
3. Clique em Open

Compatibilidade de versões: Se o arquivo foi criado por uma versão mais recente do FloSync, um aviso perguntará se você deseja continuar. Isso ajuda a evitar problemas ao importar configurações que utilizem recursos indisponíveis na sua versão.

Arquivos ausentes: Se algum arquivo de conteúdo foi movido ou renomeado após a exportação, o FloSync exibirá o diálogo de Arquivos ausentes. Nele, você pode:

• Clicar em Pesquisar pasta para buscar todos os arquivos ausentes de uma só vez em uma pasta
• Clicar em Localizar arquivos para localizar arquivos específicos manualmente
• O FloSync encontra os arquivos pelo nome e os valida por tamanho e hash de conteúdo, quando disponível

Resetando tudo #

Para limpar todo o conteúdo e recomeçar do zero:

1. Vá em Arquivo > Redefinir tudo
2. Confirme na caixa de diálogo que aparece

Isso limpa:

• Todas as cenas do agendamento (volta a uma única cena "All Day")
• Atribuições de conteúdo de cada tela
• Configurações do Extensão do canvas global

Suas preferências (tolerâncias de sync, etc.) são preservadas.

Nota: Import e Reset ficam desabilitados durante o modo Live. Saia do modo live primeiro.

Dicas rápidas #

• ESC para sair: Pressione ESC em qualquer janela em tela cheia para encerrar o modo live
• Arraste para substituir: Se já há conteúdo carregado, arraste novo conteúdo sobre a tela para substituí-lo
• Reprodução em loop: Vídeos entram em loop automaticamente — ideal para sinalização digital
• Limpar tudo: Clique no botão X na barra superior para remover todo o conteúdo carregado
• Sessão persistente: O FloSync lembra o último conteúdo carregado e o restaura na próxima abertura
• Áudio por tela: No modo Independente, cada tela tem seu próprio controle de áudio (somente vídeos)
• Configurações de conteúdo: Clique no conteúdo carregado para ajustar o modo de ajuste (imagens/vídeos) ou URL/refresh (páginas web)
• Menu do botão direito: Clique com o botão direito nas telas para carregar conteúdo, ou nos cards de cena do painel de agendamento para opções rápidas de edição
• GIFs animados: GIFs entram em loop automaticamente — nenhuma configuração necessária

E agora? #

Agora que você conhece o básico, explore estes guias para aproveitar o FloSync ao máximo:

• Modos de tela — Saiba quando usar Independente, Espelhado ou Estendido, e como montar Video Walls com vários computadores
• Agendamento — Configure rotações de cenas por horário ou intervalo, com transições automáticas
• Entrar ao vivo — Apresentações em tela cheia, modo Controlador, atalhos de teclado e transições de cena
• Sincronização em rede — Sincronize a reprodução de vídeo entre vários computadores na sua rede
• MIDI — Use controladores MIDI para disparar cenas diretamente
• Preparação de vídeo — Otimize seus arquivos de vídeo para obter a sincronização mais suave possível