ascorblack/video-skills

Renderização e Otimização

Cada regra foi extraída de lições de vídeos anteriores; entre colchetes está a fonte (legenda no final). Onde as fontes divergem, ambos os conselhos são fornecidos com uma nota sobre a que caso cada um se aplica.

Regras Rápidas

1. A renderização captura o quadro pelo tempo, não reproduz a animação continuamente: uma propriedade — uma animação, pulsações com tweens, não com @keyframes. [Визуал]
2. Coloque scripts e fontes externos no projeto, não os carregue durante a renderização. [Визуал] [Научпоп]
3. Calcule o ruído de grão a partir do número do quadro, não de um gerador aleatório [Научпоп]; preserve a sequência de números aleatórios do gerador e verifique se versões anteriores são reconstruídas exatamente da mesma forma [Звук].
4. Antes de acelerar, verifique onde o tempo está sendo gasto. [3D]
5. Codifique com NVENC com limitação de bitrate; compare a qualidade do codec usando PSNR no mesmo trecho. [3D]
6. Execute a renderização desvinculada da sessão; duas versões — sequencialmente, não simultaneamente na mesma placa de vídeo. [3D]
7. Após transferir para a máquina de renderização, verifique as somas de verificação dos arquivos. [3D]
8. Mantenha imagem e áudio separados: multiplexe o áudio copiando o fluxo de vídeo, sem recodificar a imagem. [Видео] [Визуал] [3D]
9. Antes de entregar — ffprobe e verifique se a página está servindo exatamente o novo arquivo. [Видео]
10. Não exclua versões anteriores. [Видео] [Звук]

Detalhes

• seek-render.md — armadilhas da renderização quadro a quadro com busca, determinismo.
• performance.md — onde o tempo é gasto, codificação, workers, inicialização da renderização.
• mux-and-delivery.md — multiplexação de áudio, verificação do arquivo final, versões.

Fontes

• [Звук] — lições de arquivo sobre áudio e narração de vídeos promocionais e apresentações.
• [Видео] — lições de arquivo sobre vídeo: gravações de interface, ritmo, transições.
• [Визуал] — lições de arquivo sobre visuais de vídeos promocionais a partir de quadros esquemáticos (quadros HTML → renderização quadro a quadro com busca).
• [3D] — lições de vídeo 3D em primeira pessoa no navegador (three.js → renderização quadro a quadro).
• [Научпоп] — lições de vídeo no estilo de divulgação científica soviética e filme de slide do início dos anos 70.