--- title: "Primeiros passos" description: "Instale o FloSync, carregue seu primeiro conteúdo e entre ao vivo em minutos no macOS ou Windows." url: "https://flosync.com/pt-br/docs/getting-started/" lang: "pt-BR" updated: "2026-09-24" --- # 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](https://flosync.com/pt-br/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](https://flosync.com/pt-br/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: ![O painel de controle do FloSync com suas quatro áreas numeradas: a barra superior, a área de arranjo de telas com duas caixas de tela vazias, a barra de controles de reprodução e a barra de status.](https://flosync.com/images/screenshots/docs-getting-started-main-interface.jpg) 1. Barra superior 2. Área de arranjo de telas 3. Barra de controles de reprodução 4. Barra de status ### 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) ![O diálogo Configurações de Imagem para uma imagem estática, com as opções de Dimensionamento do conteúdo Ajustar, Preencher e Esticar, Preencher marcada, e os botões Limpar, Cancelar e Salvar.](https://flosync.com/images/screenshots/docs-getting-started-content-settings-pt-br.png) *Configurações de Imagem para uma imagem estática. Salvar aplica o dimensionamento selecionado.* ### 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 ![O diálogo Inserir URL de página web com flosync.com digitado no campo de endereço, Atualização automática definida como Nunca, e os botões Cancelar e Carregar.](https://flosync.com/images/screenshots/docs-getting-started-web-page-url-pt-br.png) *Você pode definir a atualização automática aqui, antes de a página 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. ![O painel de controle do FloSync com um vídeo de golfinho no Display 1, o Display 2 vazio mostrando um sinal de mais, a linha do tempo parcialmente percorrida, e os botões de play e Entrar ao vivo na barra inferior.](https://flosync.com/images/screenshots/docs-getting-started-video-preview-pt-br.jpg) *Um vídeo carregado no Display 1. O Display 2 ainda está vazio.* ### 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](https://flosync.com/pt-br/docs/scheduling/). ## 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. ![O painel de controle com três caixas de tela vazias lado a lado, o Display 1 marcado como Principal.](https://flosync.com/images/screenshots/three-screen-restaurant-menu-composer-fresh-pt-br.jpg) *Três telas conectadas, na ordem em que o sistema operacional as organiza.* ### 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](https://flosync.com/pt-br/docs/display-modes/). ## 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](https://flosync.com/pt-br/docs/preferences/). ## 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](https://flosync.com/pt-br/docs/display-modes/)**: saiba quando usar Independente, Espelhado ou Estendido, e como montar Video Walls com vários computadores - **[Agendamento](https://flosync.com/pt-br/docs/scheduling/)**: configure rotações de cenas por horário ou intervalo, com transições automáticas - **[Entrar ao vivo](https://flosync.com/pt-br/docs/go-live/)**: apresentações em tela cheia, modo Controlador, atalhos de teclado e transições de cena - **[Sincronização em rede](https://flosync.com/pt-br/docs/network-sync/)**: sincronize a reprodução de vídeo entre vários computadores na sua rede - **[MIDI](https://flosync.com/pt-br/docs/midi/)**: use controladores MIDI para disparar cenas diretamente - **[Preparação de vídeo](https://flosync.com/pt-br/docs/video-preparation/)**: otimize seus arquivos de vídeo para obter a sincronização mais suave possível