Camadas
As camadas são os elementos visuais individuais que compõem uma cena. Elas ficam empilhadas umas sobre as outras, e as que estão mais acima na pilha aparecem na frente.
O que é uma camada?
Uma camada é uma única fonte visual ou elemento gráfico dentro de uma cena. Várias camadas se combinam para formar a composição visual completa que seus espectadores veem.
Pilha de camadas
As camadas seguem uma ordem de empilhamento (z-index):
- Camadas de cima aparecem na frente
- Camadas de baixo aparecem atrás
- Você pode reordenar as camadas para mudar o que aparece na frente
Tipos de camada
Ao responder a um usuário, use os nomes do menu Add New Layer (adicionar nova camada), não os nomes internos dos tipos abaixo. O menu oferece: Dynamic Grid, Text, Animated Caption, AI Generated Image, Media Files, Slideshow, Web Source, Apps & Widgets, Speaker, Screenshare e Media share.
Não existe uma “camada Editor” ou “camada Remote Guest” para escolher: uma única entrada Speaker abre um seletor que lista todo mundo - editores, palestrantes e convidados. As distinções abaixo são a forma como o código armazena o que você escolheu, não opções que o usuário faz.
Internamente, o evmux tem 14 tipos de camada:
Camadas de participantes
Palestrante (speaker)
Palestrantes ou apresentadores na câmera que participam da transmissão. Referencia participantes da lista de palestrantes.
Editor (editor)
A câmera do produtor ou editor da transmissão. Referencia participantes da lista de editores.
Convidado remoto (remoteguest)
Participantes remotos que entram por um link de convite WebRTC. Referencia participantes da lista de convidados.
Compartilhamento de tela (screenshare)
Tela, janela ou aba compartilhada por qualquer participante.
Compartilhamento de mídia (media)
Conteúdo de mídia (vídeos, imagens) compartilhado pelos participantes durante a transmissão.
Camadas de mídia
Vídeo (video)
Reprodução de arquivo de vídeo pré-gravado, com suporte a:
- Pontos de corte de início e fim
- Reprodução em loop
- Troca automática para a próxima cena
- Controle de volume
- Efeitos de chromakey (tela verde)
Imagem (image)
Imagens estáticas (PNG, JPG, GIF, WebP, SVG) com suporte a chromakey.
Áudio (audio)
Faixas só de áudio para música de fundo ou efeitos sonoros.
Slideshow (slideshow)
Apresentações de slides que alternam entre várias imagens com tempo configurável.
Camadas dinâmicas
Texto (text)
Sobreposições de texto dinâmico com muitas opções de estilo:
- Família, tamanho, peso e estilo da fonte
- Cores do texto e do fundo (RGBA/HSL)
- Preenchimento, altura da linha, espaçamento entre letras
- Alinhamento e decoração do texto
- Raio da borda
Fonte web (websource)
Conteúdo da web incorporado via iframe:
- Conteúdo a partir de URL
- Suporte a HTML personalizado
- Opções de tamanho fixo
- Útil para widgets, alertas e gráficos baseados na web
Legenda dinâmica (dc)
Terços inferiores e legendas animados com:
- Vários tipos de animação
- Tempo configurável (atraso, duração, ciclo)
- Exibição do nome e do cargo do palestrante
- Integração com logotipo
- Suporte a fundo em vídeo
Grade dinâmica (dynamicGrid)
Layout em grade automático que organiza vários participantes:
- Suporte a cena incorporada
- Opções de ajustar ou esticar
- Controles de alinhamento do conteúdo
- Só uma por cena
App de usuário (userapp)
Aplicativos de terceiros integrados pelo Evmux App Framework:
- Widgets e ferramentas personalizados
- Sobreposições interativas
- Integrações com serviços externos
Elementos de apoio
Estes são renderizados como elementos de sobreposição especiais:
- Frame (moldura) - Molduras decorativas personalizadas ao redor das camadas de participantes
- Watermark (marca d’água) - Marcas d’água de marca permanentes
- Overlay (sobreposição) - Sobreposições de fundo no nível da cena
- Logo (logotipo) - Blocos de logotipo da cena
- Stinger (transição animada) - Animações de transição entre cenas
- Banner (faixa) - Faixas de texto em terço inferior
Propriedades da camada
Propriedades comuns (todas as camadas)
| Propriedade | Descrição |
|---|---|
idx | Identificador único da camada (GUID) |
type | Identificador do tipo de camada |
name | Nome de exibição |
opacity | Transparência (0-100%) |
bounds | Largura e altura em pixels |
pos | Posição (topo, direita, base, esquerda em %, rotação) |
crop | Valores de corte (topo, direita, base, esquerda) |
datakey | Referência a dados externos (ID do participante etc.) |
Propriedades de transformação
- Position (posição): coordenadas X e Y (em porcentagem)
- Size (tamanho): largura e altura
- Rotation (rotação): ângulo em graus
- Crop (corte): apara as bordas da camada
Propriedades de aparência
- Opacity (opacidade): nível de transparência (0-100%)
- Border Radius (raio da borda): cantos arredondados (na maioria dos tipos de camada)
- Custom Frame (moldura personalizada): moldura decorativa sobreposta (camadas de participantes)
Propriedades de comportamento
- Visibility (visibilidade) (
hidden): mostra ou oculta a camada - Lock (bloqueio) (
locked): evita alterações acidentais - Aspect Ratio (proporção) (
aspect): mantém as proporções ao redimensionar - Vertical Streaming (transmissão vertical): configuração do modo retrato
Propriedades de chromakey (camadas de vídeo e imagem)
- Active (ativo): ativa ou desativa a tela verde
- Color (cor): verde (
g), azul (b) ou personalizada - Range (alcance): limite de correspondência de cor
- Softness (suavidade): suavidade das bordas
Propriedades de áudio (camadas de vídeo e de participantes)
- Muted (sem som): áudio ligado ou desligado
- Volume (volume): nível do áudio
- Mic (microfone): controle do microfone
Interações com camadas
- Arrastar e soltar: reposicione as camadas no editor de cenas
- Alças de redimensionamento: alças nos cantos e nas bordas para ajustar as dimensões
- Alça de rotação: gire a camada
- Menu de contexto: clique com o botão direito para ver opções da camada
- Atalhos de teclado: manipulação rápida das camadas
- Lista de camadas: reordene arrastando no painel de camadas
Tipos de transmissão dos participantes
As camadas de participantes aceitam vários tipos de transmissão:
- Camera (câmera) - Transmissão principal da câmera (alta ou baixa resolução)
- Multicam 1/2 (multicâmera 1/2) - Ângulos de câmera adicionais
- Screen (tela) - Transmissão do compartilhamento de tela
- Media (mídia) - Transmissão da mídia compartilhada