Compartilhar tela é útil pra apresentações, demonstrações de software, revisão de documentos, aulas com slides, suporte técnico, etc. Funciona nativamente via Daily — sem instalar nada.
Como compartilhar
Há 2 caminhos:
Caminho 1: Botão na ControlBar
- Ícone MonitorUp (monitor com seta pra cima) na barra inferior
- Click abre o seletor nativo do navegador
- Você escolhe tela inteira, janela específica ou aba do navegador
- Confirma → compartilhamento começa imediato
Caminho 2: Atalho de teclado
- Pressione S (com a sala em foco, fora de inputs)
- Mesmo seletor abre
O cliente também tem esse botão e atalho — qualquer participante pode compartilhar.
Layout automático
Quando alguém compartilha tela, o layout muda automaticamente (override sobre Grid/Speaker manual):
- Screen tile grande ocupa a área principal —
object-contain(não corta o conteúdo, mostra tudo) - Badge "[Nome] compartilhando" no canto superior esquerdo do screen tile
- Tiles dos participantes viram thumbs:
- Desktop: coluna direita (180px de largura)
- Mobile: linha embaixo (scroll horizontal)
Quando o compartilhamento termina, layout volta automático pro modo manual escolhido (Grid ou Speaker).
Quantas pessoas podem compartilhar
Apenas 1 por vez — limitação do Daily. Se você está compartilhando e o cliente clica "Compartilhar tela" do lado dele, o seu compartilhamento para automaticamente e o dele assume.
Em chamadas com 3+ pessoas, isso pode causar disputa silenciosa — combine antes quem vai compartilhar.
Como parar de compartilhar
3 opções:
- Click no mesmo botão MonitorUp (que agora aparece dourado/ativo)
- Atalho S novamente
- Botão "Parar compartilhamento" que o navegador mostra (varia por browser):
- Chrome desktop: barra preta no rodapé "kontato.themagicbox.app está compartilhando sua tela"
- Firefox: ícone na aba
- Safari: ícone na barra de menu superior
Limitações por dispositivo
| Plataforma | Suporte |
|---|---|
| Desktop Chrome/Edge | ✅ Tudo (tela inteira, janela, aba) |
| Desktop Firefox | ✅ Tudo |
| Desktop Safari | ✅ Tudo (a partir do macOS Big Sur) |
| Android Chrome | ⚠️ Apenas tela inteira (não janela/aba) |
| iOS Safari | ❌ NÃO suporta screen share via WebRTC |
| iPad Safari | ❌ NÃO suporta |
Implicação prática: se seu cliente está no iPhone/iPad, ele NÃO consegue compartilhar tela. Ele consegue ver o seu compartilhamento (recebe normal), mas não consegue enviar o dele.
Compartilhar áudio do sistema
Por padrão, quando você compartilha tela inteira ou aba do navegador, pode incluir o áudio do sistema (música tocando, vídeo do YouTube, etc).
- Chrome: checkbox "Compartilhar áudio do sistema" no seletor
- Firefox: idem
- Safari: limitado (pode não funcionar dependendo da versão)
Se o cliente reclamar que não está ouvindo o áudio do que você está mostrando, verifique se marcou esse checkbox.
Casos de uso
- 📊 Apresentações comerciais — slides + narração
- 📋 Revisão de documento — Google Docs, PDF, contrato
- 💻 Suporte técnico — você vê a tela do cliente ou ele vê a sua
- 🎓 Aulas com slides — professor compartilhando slides + câmera dele em PiP nativo do Daily
- 🎨 Demonstração de produto/software — UI navegando
- 🩺 Médico mostrando exame (radiografia, ultrassom em PDF/imagem)
- ⚖️ Advogado mostrando jurisprudência ou documento de processo
Combinando com gravação
Quando você está gravando E compartilhando:
- A gravação inclui o screen share (é capturado como track de vídeo separado, mixado pelo Daily)
- Se o screen share começa no meio da chamada, ele aparece no replay a partir desse momento
- Resumo IA leva em conta o screen (mas não "lê" o conteúdo da tela — só transcreve áudio narrado)
Troubleshooting
"Cliquei e não abriu o seletor"
- Verifique se está fora de inputs (atalho S não dispara dentro de chat, por exemplo)
- Recarregue a página e tente de novo
- Veja erro no console (
clientLog tag "ControlBar") — logs detalhados a partir de v0.27.31
"Compartilhamento iniciou mas tela aparece preta"
- Permissão pode ter sido dada parcial. Pare e reinicie
- Em Mac, verifique Configurações → Privacidade e Segurança → Gravação de Tela — Chrome/navegador precisa estar autorizado
"Cliente reclama que não vê meu compartilhamento"
- Confirme se você está compartilhando (botão MonitorUp deve estar dourado/ativo)
- Banda do cliente pode estar fraca — Daily reduz qualidade do screen automaticamente, mas em banda muito ruim pode parar
- Peça pra ele recarregar (engrenagem → Recarregar chamada)
"Cliente no iPhone/iPad pediu pra compartilhar e não funciona"
- Confirme que ele está no iPhone/iPad (Safari iOS não suporta — limitação Apple)
- Alternativa: ele pode te mandar um print pelo WhatsApp em vez de compartilhar live
"Áudio do sistema não passa quando compartilho tela"
- Verifique se marcou "Compartilhar áudio do sistema" no seletor
- Se marcou e ainda não passa, é limitação do navegador (Safari especialmente)
Próximos artigos
- Layouts da sala — Grid, Speaker, e o auto-layout do screen-share
- Gravação — como acessar a gravação que inclui o screen
- Qualidade da conexão — adaptive bitrate, reconectar