S.Y.N.A.P.S.E

Gerador de vídeo procedural 100% client-side (GitHub Pages). Texto → voz sintética → cenas → vídeo.

Status

• Etapa 1: estrutura modular + TTS (Piper pt-BR, eSpeak, Kokoro EN) com 13 efeitos de voz (WSOLA pitch/tempo) + export WAV
• Etapa 2: legendas karaokê no canvas (estimativa silábica + Whisper opcional) + SRT
• Etapa 3: imagens (URL palavra | url, upload, busca Wikimedia+Openverse, proxy CORS wsrv.nl, CLIP opcional)
• Etapa 4: compositor PixiJS (26 layouts, 21 transições, 19 tratamentos de cor, 13 dimensões estéticas)
• Etapa 5: mixdown offline (música procedural por estilo, 5 ambientes, SFX nas transições, ducking, upload/Openverse)
• Etapa 6: direção automática (intro/outro com créditos, títulos cinéticos, cortes por fala, Variar, editor por cena)
• Etapa 7: export MP4 quadro a quadro (Mediabunny/WebCodecs, 720p/1080p, 30/60fps) + WebM preview
• Etapa 8: export HyperFrames (.zip com HTML+GSAP+assets) + GitHub Action de render

Rodar local

npx serve . (ou qualquer servidor estático) → abrir no Chrome/Edge.

Deploy

Settings → Pages → Branch master / root.

HyperFrames

1. No app: Manifestar → botão HyperFrames baixa um .zip.
2. Local: descompacte e rode npx hyperframes preview (Studio) ou npx hyperframes render -o video.mp4 (Node 22+ e FFmpeg).
3. Nuvem (grátis): faça commit do .zip em hyperframes/ → a Action HyperFrames Render gera o MP4 (aba Actions → Artifacts). Também pode rodar manualmente em Run workflow.

Libs locais

As libs ficam em vendor/ (ver vendor/README.md). O CSS do Tailwind é pré-gerado em css/tw.css; ao usar classes novas rode: npx [email protected] -i css/tw.src.css -o css/tw.css --minify

Versão desktop (Tauri)

Mesmo código do site, empacotado como app (Windows, macOS, Linux) em desktop/.

• Instaladores: Actions → Desktop (Tauri) → Run workflow (ou tag desktop-v*); saem como release rascunho.
• Local: cd desktop && npm i && npm run dev (requer Rust).
• Bibliotecas de IA (transformers.js, voz Piper do navegador, ONNX Runtime) vêm embutidas no app (desktop/copy.mjs), sem CDN.