heygen-com/hyperframes · HTML para MP4 · Apache-2.0
HyperFrames GitHub: renderize HTML em vídeo na sua máquina
HyperFrames é um projeto de código aberto em github.com/heygen-com/hyperframes. O README descreve um renderizador que transforma HTML, CSS e animação com seek em um MP4, usando Chrome headless e FFmpeg. Não é um modelo de vídeo de IA e não é o produto de avatar hospedado da HeyGen. A Nano AI não o instala para você.
O gerador abaixo executa o Veo 3.1 Fast por 60 créditos o clipe. Isso é um vídeo gerado, não uma renderização do HyperFrames. Para usar o HyperFrames, siga os passos de instalação e execute no seu próprio computador.
Proporção
Vídeos gerados
Nenhum vídeo ainda
Preencha o formulário e clique em Gerar vídeo para criar seu primeiro vídeo com IA.
Dica: use descrições detalhadas para resultados melhores
- Desenvolvido por
- HeyGen
- Disponível no Nano AI
- Veo 3.1 Fast · a partir de 60 créditos por vídeo
- Página atualizada
- 31 de outubro de 2026
Fonte: github.com
O que é o repositório HyperFrames GitHub
O README do repositório diz que uma composição é um arquivo HTML com atributos de dados de tempo. A animação pode vir de GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI ou de um adaptador de quadro que você escreve. A prévia roda no navegador. A renderização busca cada quadro no Chrome headless e codifica com FFmpeg, de modo que a mesma entrada deve produzir os mesmos quadros. O README lista a licença como Apache-2.0 e diz que não há taxa por renderização no projeto aberto.
A mesma página diz que a CLI precisa de Node.js 22 ou mais novo e de FFmpeg. Os comandos que ela mostra são npx hyperframes init, npx hyperframes preview e npx hyperframes render. Os pacotes nomeados ali incluem hyperframes, @hyperframes/core, @hyperframes/engine, @hyperframes/producer, @hyperframes/studio e @hyperframes/player. O README do pacote engine diz que a captura passa pelo Puppeteer e pela API beginFrame do Chrome. Essas são afirmações do repositório, lidas em 31 de outubro de 2026. Este site não reexecutou o renderizador.
Se você quisesse um clipe gerado em vez de uma renderização de HTML, o formulário desta página chama o Veo 3.1 Fast por 60 créditos. Esse pedido não executa o HyperFrames, não lê um index.html e não produz uma sequência determinística de quadros a partir da sua marcação.
HyperFrames GitHub em resumo
- Repositório
- github.com/heygen-com/hyperframes
- O que faz
- Renderiza composições HTML em MP4
- Licença, segundo o README
- Apache-2.0
- Runtime, segundo o README
- Node.js 22 ou mais novo, mais FFmpeg
- Captura
- Chrome headless e depois FFmpeg
- Exemplos de CLI
- npx hyperframes init, preview, render
- Na Nano AI
- Não instalado. O formulário executa o Veo 3.1 Fast
- Preço do Veo
- 60 créditos por clipe
Instale o HyperFrames a partir do README
Os comandos foram copiados do README do projeto, lido em 31 de outubro de 2026. Execute-os no seu computador. A Nano AI não os executa.
- 1
Confira o Node.js e o FFmpeg
O README exige Node.js 22 ou mais novo e FFmpeg no PATH.
node -v ffmpeg -version - 2
Crie um projeto
O comando inicial do README. my-video é o nome da pasta no exemplo deles.
npx hyperframes init my-video - 3
Veja a prévia no navegador
De dentro do diretório do projeto.
npx hyperframes preview - 4
Renderize um MP4
O README mostra o render gravando um arquivo local. A forma -o é a flag de saída do readme da CLI.
npx hyperframes render -o output.mp4
Pacotes que o README nomeia
Os links vão para a árvore do GitHub. As versões mudam; o README é a lista em que confiar.
| Pacote | Papel | Status no README | Onde |
|---|---|---|---|
| hyperframes | CLI: init, preview, lint, render | Disponível | Raiz do repositório |
| @hyperframes/engine | Captura no Chrome e codificação com FFmpeg | Disponível | packages/engine |
| @hyperframes/producer | Pipeline de captura, codificação e mixagem de áudio | Disponível | packages/producer |
| @hyperframes/core | Tipos, analisadores e adaptadores de quadro | Disponível | packages/core |
Escolha a ferramenta que combina com o trabalho
HTML que você versiona
O HyperFrames é para um vídeo cujos quadros vêm de HTML que você pode versionar. Um prompt não vira esse projeto.
Você opera o Chrome e o FFmpeg
O caminho local do README roda na sua máquina ou na CI. A Nano AI não abre uma fila de renderização do HyperFrames.
O formulário é outro produto
O Veo 3.1 Fast inventa um clipe a partir de uma frase. Custa 60 créditos. Não é um renderizador substituto para um index.html.
Leia a licença no repositório
O README diz Apache-2.0. O arquivo de licença no repositório é o texto que vale, não este resumo.
O HyperFrames e o gerador desta página
A coluna do HyperFrames segue o README do GitHub, lido em 31 de outubro de 2026. A coluna do Veo é o que a Nano AI executa.
| HyperFrames | Veo 3.1 Fast na Nano AI | |
|---|---|---|
| Entrada | HTML, CSS, mídia e animação com seek | Um prompt de texto |
| Saída | MP4 a partir de quadros capturados | Um clipe gerado |
| Onde roda | O seu processo Node | Este site |
| Determinístico | A mesma entrada, os mesmos quadros, segundo o README | Uma amostra nova a cada vez |
| Preço aqui | Não é vendido na Nano AI | 60 créditos |
Como fazer um clipe gerado no lugar
- 1
Use isto só se quiser um clipe gerado
Fique no Veo 3.1 Fast. O preço é 60 créditos. Isso não compila um projeto do HyperFrames.
- 2
Descreva um plano
Escolha um prompt abaixo ou edite o texto. Descreva só um lugar, uma luz e um movimento de câmera.
- 3
Gere o clipe
Entre na sua conta. Contas novas elegíveis recebem 64 créditos, o que cobre um clipe do Veo 3.1 Fast. Baixe o arquivo nas suas criações.
Prompts só para o clipe do Veo
Estes não renderizam HTML. Para o HyperFrames, use os passos de instalação e a sua própria composição.
Luminária de mesa
A wooden desk at night, one warm lamp, a closed sketchbook, the camera pushes in slowly, quiet room tone, no people, no readable text, no logos.
Estufa
Inside a small greenhouse after rain, droplets on glass, ferns, soft green light, the camera pans left, no people, no readable text.
Esteira da balsa
The wake of a small ferry on grey water, overcast sky, the camera looks back from the stern, no people visible, no readable text, no logos.
Engrenagens do relógio
Macro shot of brass clock gears turning slowly, warm side light, shallow depth of field, no people, no readable numbers, no logos.
Quando a CLI não inicia
- O Node é mais antigo que 22
- O README e o pacote engine dizem Node.js 22 ou mais novo. Atualize o Node e rode o npx de novo.
- ffmpeg não está no PATH
- A renderização codifica com FFmpeg. Instale-o e confirme que ffmpeg -version funciona no mesmo shell.
- Você esperava uma caixa de prompt
- O HyperFrames não inventa um plano a partir de uma frase. O formulário do Veo nesta página faz isso, e é outro produto, a 60 créditos.
Perguntas frequentes
Perguntas sobre o HyperFrames GitHub
Respostas do README do repositório e uma nota separada sobre o gerador desta página.
HyperFrames é um modelo de vídeo de IA?
Não. O README descreve um renderizador: HTML entra, quadros capturados no Chrome, MP4 sai pelo FFmpeg. Ele não recebe um prompt e inventa filmagem.
Onde está o repositório no GitHub?
https://github.com/heygen-com/hyperframes. O nome da organização é heygen-com. Isso não faz da Nano AI um produto da HeyGen.
O que preciso instalar?
O README pede Node.js 22 ou mais novo e FFmpeg, e depois npx hyperframes init, preview e render. Esta página não executou esses comandos por você.
Sob qual licença ele está?
O README diz Apache-2.0. Leia o arquivo LICENSE no repositório antes de lançar um produto em cima dele.
Posso renderizar um projeto do HyperFrames na Nano AI?
Não. O formulário executa o Veo 3.1 Fast por 60 créditos e devolve um clipe gerado. Ele não aceita uma composição HTML.
A Nano AI é afiliada da HeyGen?
Não. A Nano AI não é afiliada da HeyGen nem do HyperFrames. O repositório está ligado para você ler. O gerador é o Veo 3.1 Fast.
Mais do Nano AI
Páginas relacionadas
A Nano AI é um serviço independente e não é afiliada da HeyGen nem do HyperFrames. Os fatos do repositório vêm de github.com/heygen-com/hyperframes, lido em 31 de outubro de 2026, inclusive a declaração Apache-2.0 do README. O gerador desta página executa o Veo 3.1 Fast e não renderiza HTML.