# 🎥 Virtual Studio - Guia Completo

Um estúdio virtual profissional para gravações com remoção de fundo em tempo real e ajuste automático de imagens.

## 🚀 Como Usar

### 1. **Abrir o Arquivo**
   - Abra `virtual-studio.html` em qualquer navegador (Chrome, Firefox, Safari)
   - Funciona em **PC, Mac e Celular**
   - Sem necessidade de instalação

### 2. **Iniciar Gravação**
   - Clique em **"▶ Iniciar"**
   - Autorize o acesso à câmera e microfone
   - O programa carregará o modelo de IA em ~5-10 segundos
   - Você verá a prévia ao vivo na tela

### 3. **Escolher o Fundo**

#### **🎨 Cor Sólida**
   - Selecione "Cor Sólida" no menu
   - Clique em qualquer cor da paleta pré-configurada
   - Ou escolha a sua cor no seletor

#### **🖼️ Imagem de Fundo** (RECOMENDADO)
   1. Selecione "Imagem" no menu
   2. Carregue uma foto ou imagem sua
   3. O sistema **redimensiona automaticamente** para preencher a tela
   4. Use os sliders de ajuste:
      - **Zoom**: Aumenta ou diminui a imagem (50% a 200%)
      - **Posição Horizontal**: Move para esquerda/direita
      - **Posição Vertical**: Move para cima/baixo
   5. Clique em **"⭐ Centralizar"** para resetar para padrão

#### **🌀 Desfoque**
   - Selecione "Desfoque"
   - Ajuste a quantidade de blur com o slider (0-50px)
   - Quanto maior = mais desfocado

#### **🌈 Gradiente**
   - Seleção automática com gradiente bonito

### 4. **Gravar**
   - Fale/aja normalmente na frente da câmera
   - Você aparece naturalmente com o fundo atrás
   - O timer mostra quanto tempo está gravando
   - A IA remove o fundo automaticamente em tempo real

### 5. **Finalizar e Baixar**
   - Clique em **"⏹ Parar"** quando terminar
   - Clique em **"⬇ Baixar Vídeo"**
   - O arquivo `.webm` é salvo no seu computador
   - Use em qualquer editor de vídeo (DaVinci, Adobe, OBS, etc.)

### 6. **Limpar**
   - Clique em **"↻ Limpar"** para resetar tudo
   - Comece uma nova gravação

---

## 🎯 Dicas Profissionais

### ✅ Para Melhor Qualidade:
- **Boa iluminação** = melhor detecção de fundo
- **Use roupas com cores diferentes** do fundo
- **Contraste ajuda** a IA a te identificar melhor
- **Câmera frontal** funciona melhor que lateral
- **Em PC** você terá melhor qualidade que em celular

### 🖼️ Dicas para Escolher Fundos:
- Use imagens paisagistas, salas de escritório, estúdios
- Imagens grandes (1920x1080 ou superior) funcionam melhor
- Evite fundos muito claros se você usar roupas claras
- Teste sempre antes de gravação importante!

### 📸 Ajuste de Imagem:
- Comece com **Zoom = 100%**
- Ajuste a **Posição** para enquadrar melhor
- Se a imagem ficar com "preto" nas laterais, aumente o Zoom
- Se ficar cortada, diminua o Zoom
- Use **Centralizar** para voltar ao padrão

### 🎬 Fluxo Recomendado:
1. Teste com cor sólida primeiro (mais rápido)
2. Escolha sua imagem de fundo
3. Faça um teste curto (10 segundos)
4. Revise antes de gravar a versão final
5. Se precisar editar, baixe e use um editor

---

## 📊 Especificações Técnicas

| Aspecto | Detalhe |
|--------|--------|
| **Resolução** | 1280 x 720 (HD) |
| **Taxa de Quadros** | 30 FPS |
| **Áudio** | Capturado do microfone |
| **Formato de Saída** | WebM (compatível com tudo) |
| **Modelo de IA** | TensorFlow + MediaPipe |
| **Tempo de Inicialização** | 5-10 segundos |

---

## 🔄 Convertendo o Vídeo

Se você receber um arquivo `.webm` e quiser converter para `MP4`, `AVI`, etc.:

### Online (Grátis):
- [CloudConvert.com](https://cloudconvert.com)
- [Online-Convert.com](https://online-convert.com)
- [Convertio.co](https://convertio.co)

### Programas (Gratuitos):
- **OBS Studio** (Windows/Mac/Linux)
- **Handbrake** (Windows/Mac/Linux)
- **VLC Media Player** (qualquer sistema)
- **DaVinci Resolve** (profissional, grátis)

### Em Editores:
- Importe direto em **Adobe Premiere**, **Final Cut**, **Vegas**
- Eles convertem automaticamente

---

## ⚠️ Solução de Problemas

### A câmera não funciona:
- Verifique se autorizou acesso à câmera no navegador
- Teste em outro navegador (Chrome funciona melhor)
- Reinicie o navegador

### A IA está demorando muito:
- Isso é normal (5-10 segundos primeira vez)
- Na próxima gravação vai mais rápido
- PC é mais rápido que celular

### A segmentação está ruim:
- Aumente a iluminação
- Use roupas com cores diferentes do fundo
- Afaste-se um pouco da câmera
- Teste com "Desfoque" primeiro

### O vídeo está preto:
- Espere a IA carregar (verde no status)
- Verifique se a câmera realmente está funcionando
- Tente em outro navegador

### Arquivo .webm não abre:
- Use **VLC Media Player** (abre qualquer arquivo)
- Ou converta online (veja seção acima)
- Editores profissionais abrem nativamente

---

## 🎨 Recursos do Virtual Studio

✅ Remoção de fundo inteligente (IA)  
✅ Múltiplos tipos de fundo  
✅ Ajuste automático de imagens  
✅ Gravação HD com áudio  
✅ Prévia ao vivo  
✅ Sem necessidade de software pesado  
✅ Funciona offline (após carregar)  
✅ 100% privado (processamento local)  

---

## 💾 Salvando Suas Configurações

Infelizmente, o navegador não salva as preferências automaticamente. Se tiver fundos que usa sempre:

1. **Salve as imagens em uma pasta**
2. **Nomeia com clareza** (ex: "fundo-home.jpg", "fundo-profissional.jpg")
3. **Na próxima gravação**, carregue a mesma imagem
4. **Ajuste os valores** iguais aos anteriores

---

## 📱 Em Celular

O app funciona em celular, mas com limitações:

✅ Funciona em qualquer smartphone  
⚠️ Processamento pode ser mais lento  
⚠️ Battery drains rápido (use com carregador)  
⚠️ Qualidade reduzida em celulares antigos  
✅ Áudio ainda funciona bem  

**Dica**: Para gravações importantes, use PC!

---

## 🛠️ Personalização

Se quiser editar as cores e estilo:

1. Abra `virtual-studio.html` em um editor de texto
2. Procure por `#00d4ff` (azul ciano) e `#7b2ff7` (roxo)
3. Troque por suas cores preferidas
4. Salve e reabra no navegador

---

## 📞 Precisa de Ajuda?

Se algo não funcionar:
- Teste em **Google Chrome** (mais compatível)
- Limpe o cache do navegador (Ctrl+Shift+Del)
- Reinicie o navegador
- Verifique permissões de câmera
- Teste com outra câmera ou dispositivo

---

**Versão**: 1.0  
**Última atualização**: 2024  
**Desenvolvido com**: TensorFlow.js + MediaPipe + HTML5

Divirta-se gravando! 🎬✨