Primeiros passos com o FloSync

O FloSync é instalado como qualquer outro aplicativo no macOS e no Windows, e reconhece sozinho as telas conectadas. Em poucos minutos você pode ter vídeo em tela cheia em todas elas.

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 aplicativo 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, o aplicativo também abre uma breve página de boas-vindas no navegador. O painel de controle principal aparece no próprio aplicativo:

1234

Visão geral da interface #

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

1. Barra superior

• Seletor de modo: alterne entre Independente, Espelhado e Estendido
• Indicador AO VIVO: 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
• Ícone de extensão do canvas global (grade): configura o canvas global para Video Walls com vários computadores (apenas no modo Estendido)
• Botão de pré-visualização 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 transcodificação (controles de vídeo): abre e fecha o painel de transcodificação para converter vídeos em formatos otimizados para sincronização
• Ícone de registro de sincronização (terminal): abre e fecha o Painel de registros, que mostra a atividade de sincronização em tempo real
• (divisor)
• Ícone de servidor (torre): inicia ou para o modo servidor para sincronização em rede (verde quando ativo)
• Ícone de cliente (Wi-Fi): conecta ou desconecta como cliente para sincronização em rede (azul quando ativo)

2. Á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)

3. Barra de controles de reprodução

• Linha do tempo: 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

4. 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 sincronização: quantidade de correções de sincronização durante o modo ao vivo (aparece apenas quando ao vivo)
• Status de sincronização de 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. Escolha Vídeo / Imagem no diálogo Adicionar conteúdo
3. Selecione o arquivo de vídeo desejado e clique em Abrir

Formatos de vídeo aceitos:

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

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. Escolha Vídeo / Imagem no diálogo Adicionar conteúdo
3. Selecione o arquivo de imagem desejado e clique em Abrir

Formatos de imagem aceitos:

• PNG
• JPG / JPEG
• GIF (incluindo GIFs animados, que 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 (padrão): 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 "Carregar URL de página web..."
3. Insira uma URL HTTPS (ex.: https://example.com)
4. Clique em Carregar

A partir de um arquivo HTML local:

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

Nota: O campo de URL aceita endereços https:// e assume https:// se você digitar um endereço simples como example.com. Arquivos HTML locais podem referenciar recursos relativos (CSS, imagens, JS) que estejam no mesmo diretório.

Atualização automática: Após carregar uma página web, clique nela para abrir as configurações e definir o intervalo de atualização automática:

• Nunca (padrão)
• A cada 15 minutos
• A cada 30 minutos
• A cada 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)
• Linha do tempo: clique e arraste para saltar para qualquer posição (somente vídeos)
• Botão 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 sincronização 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 encerra o 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
• Ou clique no botão Parar ao vivo no painel de controle

Opções de Entrar ao vivo: O botão Entrar ao vivo abre um menu suspenso. Com um agendamento configurado (várias cenas), ele inclui:

• Entrar ao vivo (atual): reproduz o conteúdo atual da composição, 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 exibição #

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 (modo padrão)
• Espelhado: todas as telas exibem o mesmo conteúdo em sincronia (áudio apenas na tela principal)
• Estendido: o conteúdo se estende por todas as telas, formando um único canvas (áudio apenas na tela principal)

Para mais detalhes sobre cada modo, veja Modos de exibição.

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: Sobre o FloSync, Preferências... (⌘,), Ocultar, Sair
• Menu Arquivo: Importar configuração... (⌘O), Exportar configuração... (⌘S), Redefinir todas as cenas e conteúdo
• Menu Exibir: Painel de agendamento, Painel de registros, Pré-visualização do canvas global
• Menu Janela: Minimizar, Zoom
• Menu Ajuda: Documentação do FloSync, Site do FloSync, FloSync no Reddit, Verificar atualizações..., Relatar um problema..., Abrir pasta de registros

Windows: Barra de menu no topo da janela do aplicativo

• Menu Arquivo: Importar configuração... (Ctrl+O), Exportar configuração... (Ctrl+S), Redefinir todas as cenas e conteúdo, Configurações... (Ctrl+,), Sair (Ctrl+Q)
• Menu Exibir: Painel de agendamento, Painel de registros, Pré-visualização do canvas global
• Menu Ajuda: Documentação do FloSync, Site do FloSync, FloSync no Reddit, Verificar atualizações..., Relatar um problema..., Abrir pasta de registros, Sobre o FloSync

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 para o 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), incluindo qualquer mapeamento MIDI adicionado a cenas do modo Intervalo
• Modo de exibição (Independente, Espelhado ou Estendido)
• Configurações da extensão do canvas global
• Configurações de áudio (estado de mudo por tela)
• Versão do aplicativo e versão do formato (para verificação de compatibilidade)

As atribuições de conteúdo apontam para os arquivos de mídia originais em vez de incorporá-los, então, ao mover uma configuração para outro computador, copie também os arquivos de vídeo e imagem correspondentes.

O que NÃO é exportado (preferências, que ficam salvas apenas na máquina onde foram definidas):

• Tolerâncias de sincronização (local e em rede)
• Posição e tamanho da janela
• Visibilidade dos painéis da interface
• Outras preferências, como iniciar no login

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 Abrir

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á uma caixa de diálogo listando os arquivos ausentes. Nela, 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

Redefinindo cenas e conteúdo #

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

1. Vá em Arquivo > Redefinir todas as cenas e conteúdo
2. Confirme na caixa de diálogo que aparece

Isso limpa:

• Todas as cenas do agendamento, nos modos Por horário e Intervalo
• Atribuições de conteúdo para cada tela
• Configurações de extensão do canvas global

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

Nota: Importar e Redefinir todas as cenas e conteúdo ficam desabilitados durante o modo ao vivo. Saia do modo ao vivo primeiro.

Para uma redefinição completa que também apaga as preferências e os registros, veja a seção Zona de perigo em Preferências.

Dicas rápidas #

• ESC para sair: Pressione ESC em qualquer janela em tela cheia para encerrar o modo ao vivo
• 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 todo o conteúdo: Clique com o botão direito na área de organização de telas e escolha Limpar todo o conteúdo no menu de contexto
• 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, sem 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 exibição: 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