Tutorial de Tela
Leia references/house-rules.md primeiro; ele prevalece. Ordem de execução: seção 3 do video-director. Este arquivo cobre apenas o que é específico.
Status: telas recriadas (look-alikes) já foram validadas (vídeo do Search Console + Cloudflare); capturas de tela no beat screen estão validadas. Reproduzir uma gravação de tela real dentro da janela com zoom ainda não foi implementado: construa e teste na primeira gravação real (estenda o beat screen para receber video, como faz o beat clip), depois atualize esta linha.
O que é específico
- De onde vêm as telas (regra rígida 2): a própria gravação de tela do usuário, se ele tiver uma; caso contrário, recrie os passos como HTML realistas a partir de referências atualizadas e datadas (
references/screens.md), com cursor, cliques, digitação e foco. Isso é uma demonstração, então recriar é o correto. Módulos existentes para reutilizar:gsc-add-property,cloudflare-dns-add,gsc-verify. - O que ainda deve ser real: qualquer afirmação sobre o produto ("o Google diz…") é um recibo capturado de sua documentação, e qualquer página estática mostrada como ela mesma (uma página inicial, uma página de preços) é uma captura.
- Verifique dados privados em cada quadro usado (emails, IDs de conta, chaves, receita). Desfoque ou corte e avise o usuário.
- Fonte:
fetch-video.sh→enhance-audio.sh→rough-cut.mjs(ele corta imagem e som juntos, então tempo morto e re-takes são removidos) →voice.mjs --provider file. - Cada passo é um beat
screencom a gravação (ou captura de tela) na janela da marca e movimentos de câmera: começa amplo, aproxima-se do controle conforme ele é nomeado (1,3–1,6×), mantém, afasta. Nunca uma moldura de laptop ou dispositivo. - Marcador de passo no canto superior direito a partir de
script.json→steps. Um selo ou destaque no elemento a ser clicado. Uma instrução por beat, nomeada conforme a tela a rotula. - Estrutura: gancho (o problema, 5–10 s; na câmera se eles se filmaram) → o trabalho inteiro em uma linha → os passos → o resultado → uma dica extra.
- Uso leve do kit: recibos para afirmações sobre o produto (sua própria documentação), um som de reação ou meme nos momentos de "funcionou" ou "falhou". Sem corte no meio do passo.
- Telas recriadas usam dados de exemplo (
example.com), nunca detalhes de uma conta real. - Ritmo: calmo. O espectador está acompanhando.
Custo e tempo
Apenas transcrição (centavos). Renderização ≈ 1–1,5 min por minuto de vídeo.
Referências
own-footage.md · engine-api.md (beat screen, movimentos de câmera) · screens.md (recriação de telas de aplicativos para demonstrações) · voice-music.md · troubleshooting.md