Software em beta

O FloSync está em beta. Recursos podem mudar rapidamente conforme recebemos feedback.

Modos de tela

O FloSync oferece três modos de tela que controlam como o conteúdo é exibido nas telas conectadas. Conhecer cada modo é fundamental para configurar corretamente sua instalação com múltiplas telas.

Visão geral

Modo Ideal para Comportamento
Independente Conteúdo diferente por tela Cada tela funciona de forma independente
Espelhado Mesmo conteúdo em todas as telas Todas as telas exibem conteúdo idêntico, em sincronia
Estendido Video walls O conteúdo se estende por todas as telas como um único canvas

Comportamento por tipo de conteúdo

Cada tipo de conteúdo se comporta de forma diferente dependendo do modo selecionado:

Tipo de conteúdo Independente Espelhado Estendido
Vídeos Vídeo diferente por tela Mesmo vídeo, sincronizado Vídeo recortado por tela
Imagens Imagem diferente por tela Mesma imagem em todas Imagem recortada por tela
Páginas web Página diferente por tela Mesma página em todas Mesma página em todas (sem recorte)

Nota: Páginas web não podem ser estendidas entre telas. No modo Estendido, elas exibem o mesmo conteúdo em todas as telas (como no modo Espelhado).

Modo Independente

O que faz

No modo Independente, cada tela funciona como um player separado. Você pode:

  • Carregar conteúdo diferente em cada tela (vídeos, imagens ou páginas web)
  • Controlar o áudio de cada tela separadamente (apenas vídeos)
  • Exibir conteúdos completamente distintos em cada tela
  • Todas as telas compartilham os controles de reprodução (play/pause afeta todos os vídeos)

Quando usar

  • Cardápios digitais em que cada tela mostra categorias diferentes
  • Ambientes de varejo com conteúdo promocional variado
  • Painéis com páginas web diferentes em cada tela
  • Qualquer cenário em que as telas precisam exibir conteúdos distintos

Como funciona

  1. Selecione Independente no menu de modos
  2. Cada caixa de tela no painel de controle pode receber seu próprio conteúdo
  3. Arraste vídeos ou imagens para a caixa de tela desejada
  4. Clique com o botão direito para carregar páginas web ou arquivos HTML
  5. Clique no ícone de alto-falante de cada tela para ativar ou desativar o áudio (apenas vídeos)
  6. Use Play/Pause para controlar todos os vídeos ao mesmo tempo

Comportamento do áudio

  • Cada tela tem seu próprio controle de áudio (ícone de alto-falante) para vídeos
  • O áudio vem desativado por padrão ao carregar vídeos
  • Ative o áudio nas telas em que deseja som
  • Várias telas podem reproduzir áudio simultaneamente

Modo Espelhado

O que faz

No modo Espelhado, todas as telas exibem exatamente o mesmo conteúdo, com alinhamento visual. Ao:

  • Carregar conteúdo, ele aparece em todas as telas
  • Pressionar play (vídeos), todas as telas reproduzem juntas
  • Arrastar a timeline (vídeos), todas as telas vão para a mesma posição

Quando usar

  • Ambientes de varejo em que todas as telas devem exibir a mesma promoção
  • Salas de espera ou lobbies com diversos ângulos de visualização
  • Eventos em que o público pode ver diferentes telas de diferentes posições
  • Configurações de backup ou redundância

Como funciona

  1. Selecione Espelhado no menu de modos
  2. Carregue conteúdo em qualquer tela — ele aparece automaticamente em todas
  3. Use os controles de reprodução — eles afetam todas as telas ao mesmo tempo (apenas vídeos)
  4. Todas as telas permanecem sincronizadas automaticamente

Sincronização

O FloSync mantém a reprodução alinhada entre as telas automaticamente (apenas vídeos), priorizando uma experiência de visualização fluida.

Comportamento do áudio

  • O áudio sai apenas pela tela primária para evitar eco (apenas vídeos)
  • As telas secundárias são silenciadas automaticamente
  • O controle de áudio afeta visualmente todas as telas, mas controla apenas o áudio da tela primária

Modo Estendido

O que faz

No modo Estendido, o conteúdo se estende por todas as telas conectadas como se fossem uma única tela grande. Cada tela exibe uma parte da imagem total.

Quando usar

  • Video walls (2×2, 3×3 ou qualquer configuração)
  • Instalações panorâmicas
  • Instalações de arte digital em grande formato
  • Configurações para estádios ou arenas
  • Qualquer montagem em que você queira uma imagem contínua distribuída entre várias telas

Como funciona

  1. Selecione Estendido no menu de modos
  2. O FloSync detecta o arranjo das suas telas (de acordo com a configuração do sistema operacional)
  3. Carregue o conteúdo — o FloSync calcula qual parte cada tela deve exibir
  4. Cada tela mostra seu segmento, formando uma imagem contínua

Comportamento por tipo de conteúdo

  • Vídeos: Recortados por tela para mostrar a parte correspondente; reproduzidos em sincronia
  • Imagens: Recortadas por tela para mostrar a parte correspondente; respeitam o modo de ajuste
  • Páginas web: Não podem ser estendidas — exibem a mesma página em todas as telas (como no modo Espelhado)

Importante: Páginas web não suportam o modo Estendido. Se você precisa de um Video Wall baseado em web, use vídeos ou imagens.

Arranjo das telas

O modo Estendido utiliza o arranjo de telas configurado no sistema operacional. Para ajustar:

macOS:

  1. Abra Ajustes do Sistema > Monitores
  2. Clique em "Organizar..."
  3. Arraste as telas para que correspondam à posição física

Windows:

  1. Clique com o botão direito na área de trabalho > Configurações de Vídeo
  2. Role até "Vários monitores"
  3. Arraste as telas para que correspondam à posição física

Boas práticas para o modo Estendido

  1. Reproduza o arranjo físico — Certifique-se de que as configurações de tela do SO correspondem à posição real dos monitores
  2. Use telas idênticas — Para melhores resultados, utilize telas com a mesma resolução e tamanho
  3. Considere as molduras — As bordas físicas entre as telas podem causar descontinuidades visuais
  4. Teste com imagens estáticas primeiro — Carregue um padrão de teste para verificar o alinhamento antes de usar o conteúdo definitivo

Video walls multi-computador (Extensão do canvas global)

Para video walls que abrangem vários computadores, use o recurso Extensão do canvas global. Ele permite definir um canvas virtual maior do que as telas locais, para que cada computador exiba a parte correta de um vídeo do tamanho da parede.

Exemplo: Video Wall 3×2

Considere um Video Wall 3×2 (3 colunas × 2 linhas) usando 3 computadores, cada um controlando 2 telas 1920×1080 empilhadas verticalmente:

+-------------------+-------------------+-------------------+
| PC Esq. Tela 1    | PC Meio Tela 1    | PC Dir. Tela 1    |
+-------------------+-------------------+-------------------+
| PC Esq. Tela 2    | PC Meio Tela 2    | PC Dir. Tela 2    |
+-------------------+-------------------+-------------------+

Global Canvas: 5760 × 2160 pixels

Cada computador precisa de valores de extensão diferentes:

Computador Extensão (Left, Top, Right, Bottom) Posição
PC Esquerda 0, 0, 3840, 0 Mostra o terço esquerdo
PC Centro 1920, 0, 1920, 0 Mostra o terço central
PC Direita 3840, 0, 0, 0 Mostra o terço direito

Como configurar o Extensão do canvas global

  1. Abra o diálogo de extensão — Clique no ícone de grade na barra de ferramentas
  2. Informe os valores de extensão — Especifique quantos pixels se estendem além das suas telas locais em cada direção (Left, Top, Right, Bottom)
  3. Use os presets rápidos — Clique nos botões de preset para adicionar ou subtrair resoluções comuns: ±1920 para telas 1080p, ±3840 para telas 4K
  4. Clique em Apply para salvar
  5. Pré-visualize o layout — Ative "Exibir canvas global" (ícone de lupa) para ver suas telas locais posicionadas dentro do canvas maior

Pré-visualização

Com a pré-visualização do canvas global ativada, você verá:

  • Áreas estendidas escuras — Representam o espaço ocupado por outros computadores
  • Sobreposição de grade — Indica os limites de cada célula quando as telas têm tamanho uniforme
  • Regiões rotuladas — "Extended Left", "Extended Top", etc. identificam as áreas de extensão
  • Suas telas locais — Destacadas dentro do canvas global

Você pode arrastar suas telas locais na pré-visualização para ajustar a posição visualmente:

  • O arrasto normal encaixa nas células da grade
  • Segure Shift ao arrastar para posicionamento livre (sem encaixe)

Entrar ao vivo com modos de tela

Cada modo de tela funciona em conjunto com o recurso Entrar ao vivo para criar apresentações em tela cheia:

Independente + Entrar ao vivo

  • Cada janela em tela cheia exibe o conteúdo atribuído a ela
  • O áudio segue a configuração individual de cada tela (apenas vídeos)
  • Todos os vídeos permanecem sincronizados

Espelhado + Entrar ao vivo

  • Todas as janelas em tela cheia exibem o mesmo conteúdo
  • Apenas a janela da tela primária reproduz áudio (apenas vídeos)
  • Alinhamento visual entre todas as telas (apenas vídeos)

Estendido + Entrar ao vivo

  • Cada janela em tela cheia exibe sua parte do conteúdo (vídeos e imagens)
  • O conteúdo é recortado corretamente de acordo com a posição de cada tela
  • Cria uma experiência de Video Wall contínua
  • Páginas web exibem o mesmo conteúdo em todas as telas (sem recorte)
  • Apenas a tela primária reproduz áudio (apenas vídeos)

Trocando de modo

Você pode trocar de modo a qualquer momento pelo menu de modos na barra superior (quando não estiver no modo ao vivo):

  1. Clique no menu de modos
  2. Selecione o modo desejado
  3. A alteração entra em vigor imediatamente

Nota: O menu de modos fica desativado durante o modo ao vivo. Saia primeiro para trocar o modo de tela.

Dica: Ao usar agendamento, cada cena pode ter seu próprio modo de tela. Clique com o botão direito em um card de cena no painel de agendamento para definir o modo da cena sem precisar abrir o diálogo de edição.

O que acontece ao trocar

De Para O que acontece
Independente Espelhado Todas as telas carregam o conteúdo da tela primária
Independente Estendido Todas as telas carregam o conteúdo da tela primária e o dividem entre si
Espelhado Independente As telas mantêm o conteúdo atual, mas passam a ser controladas separadamente
Espelhado Estendido O conteúdo é dividido entre as telas (vídeos/imagens) ou permanece espelhado (páginas web)
Estendido Independente Cada tela mantém a parte do conteúdo que estava exibindo
Estendido Espelhado O conteúdo completo aparece em todas as telas

Escolhendo o modo certo

Pergunte-se:

  1. Todas as telas devem exibir a mesma coisa?

    • Sim, o mesmo conteúdo em todas → Espelhado
    • Sim, mas como uma única imagem grande → Estendido
    • Não, conteúdo diferente em cada tela → Independente
  2. Trata-se de um Video Wall?

    • Sim → Estendido (provavelmente)
    • Não → Espelhado ou Independente
  3. Os espectadores enxergam várias telas ao mesmo tempo?

    • Sim, e elas devem mostrar a mesma coisa → Espelhado
    • Sim, e formam uma única imagem grande → Estendido
    • Não, cada pessoa vê apenas uma tela por vez → Independente