heygen-com/hyperframes · de HTML a MP4 · Apache-2.0
HyperFrames GitHub: renderiza HTML a vídeo en tu equipo
HyperFrames es un proyecto de código abierto en github.com/heygen-com/hyperframes. Su README describe un renderizador que convierte HTML, CSS y animación posicionable por fotograma en un MP4, usando Chrome headless y FFmpeg. No es un modelo de vídeo con IA y no es el producto de avatares alojado de HeyGen. Nano AI no lo instala por ti.
El generador de abajo usa Veo 3.1 Fast a 60 créditos por clip. Es un vídeo generado, no un render de HyperFrames. Para usar HyperFrames, sigue los pasos de instalación y ejecútalo en tu propio equipo.
Proporción
Vídeos generados
Aún no hay vídeos
Completa el formulario y haz clic en Generar vídeo para crear tu primer vídeo con IA.
Consejo: usa descripciones detalladas para obtener mejores resultados
- Desarrollado por
- HeyGen
- Disponible en Nano AI
- Veo 3.1 Fast · desde 60 créditos por vídeo
- Página actualizada
- 31 de octubre de 2026
Fuente: github.com
Qué es HyperFrames GitHub
El README del repositorio dice que una composición es un archivo HTML con atributos de datos de tiempo. La animación puede venir de GSAP, CSS, Lottie, Three.js, Anime.js, WAAPI o un adaptador de fotogramas que escribas. La vista previa corre en el navegador. El render posiciona cada fotograma en Chrome headless y codifica con FFmpeg, de modo que la misma entrada debe producir los mismos fotogramas. El README indica la licencia como Apache-2.0 y dice que no hay tarifa por render en el proyecto abierto.
La misma página dice que la CLI necesita Node.js 22 o posterior y FFmpeg. Los comandos que muestra son npx hyperframes init, npx hyperframes preview y npx hyperframes render. Los paquetes que nombra incluyen hyperframes, @hyperframes/core, @hyperframes/engine, @hyperframes/producer, @hyperframes/studio y @hyperframes/player. El README del paquete engine dice que la captura pasa por Puppeteer y la API beginFrame de Chrome. Esas son afirmaciones del repositorio según la lectura del 31 de octubre de 2026. Este sitio no ha vuelto a ejecutar el renderizador.
Si querías un clip generado en lugar de un render de HTML, el formulario de esta página llama a Veo 3.1 Fast por 60 créditos. Esa solicitud no ejecuta HyperFrames, no lee un index.html y no produce una secuencia de fotogramas determinista a partir de tu marcado.
HyperFrames GitHub de un vistazo
- Repositorio
- github.com/heygen-com/hyperframes
- Qué hace
- Renderiza composiciones HTML a MP4
- Licencia, según el README
- Apache-2.0
- Entorno, según el README
- Node.js 22 o posterior, más FFmpeg
- Captura
- Chrome headless y luego FFmpeg
- Ejemplos de CLI
- npx hyperframes init, preview, render
- En Nano AI
- No instalado. El formulario usa Veo 3.1 Fast
- Precio de Veo
- 60 créditos por clip
Instala HyperFrames desde el README
Los comandos se copian del README del proyecto según la lectura del 31 de octubre de 2026. Ejecútalos en tu equipo. Nano AI no los ejecuta.
- 1
Comprueba Node.js y FFmpeg
El README exige Node.js 22 o posterior y FFmpeg en el PATH.
node -v ffmpeg -version - 2
Crea un proyecto
El comando inicial del README. my-video es el nombre de carpeta de su ejemplo.
npx hyperframes init my-video - 3
Vista previa en el navegador
Desde dentro del directorio del proyecto.
npx hyperframes preview - 4
Renderiza un MP4
El README muestra que render escribe un archivo local. La forma -o es la opción de salida del readme de la CLI.
npx hyperframes render -o output.mp4
Paquetes que nombra el README
Los enlaces van al árbol de GitHub. Las versiones cambian; el README es la lista en la que confiar.
| Paquete | Función | Estado en el README | Dónde |
|---|---|---|---|
| hyperframes | CLI: init, preview, lint, render | Disponible | Raíz del repositorio |
| @hyperframes/engine | Captura en Chrome y codificación con FFmpeg | Disponible | packages/engine |
| @hyperframes/producer | Canal de captura, codificación y mezcla de audio | Disponible | packages/producer |
| @hyperframes/core | Tipos, analizadores y adaptadores de fotograma | Disponible | packages/core |
Elige la herramienta que corresponde al trabajo
Marcado del que puedes ver las diferencias
HyperFrames es para un vídeo cuyos fotogramas salen de HTML que puedes confirmar en un repositorio. Un prompt no se convertirá en ese proyecto.
Tú operas Chrome y FFmpeg
La vía local del README corre en tu equipo o en CI. Nano AI no abre una cola de render de HyperFrames.
El formulario es otro producto
Veo 3.1 Fast inventa un clip a partir de una frase. Cuesta 60 créditos. No es un renderizador sustituto de un index.html.
Lee la licencia en el repositorio
El README dice Apache-2.0. El archivo de licencia del repositorio es el texto que se aplica, no este resumen.
HyperFrames y el generador de esta página
La columna de HyperFrames sigue el README de GitHub según la lectura del 31 de octubre de 2026. La columna de Veo es lo que Nano AI ejecuta.
| HyperFrames | Veo 3.1 Fast en Nano AI | |
|---|---|---|
| Entrada | HTML, CSS, medios, animación posicionable | Un prompt de texto |
| Salida | MP4 a partir de fotogramas capturados | Un clip generado |
| Dónde corre | Tu proceso de Node | Este sitio web |
| Determinista | La misma entrada, los mismos fotogramas, según el README | Una muestra nueva cada vez |
| Precio aquí | No se vende en Nano AI | 60 créditos |
Cómo hacer un clip generado en su lugar
- 1
Usa esto solo si quieres un clip generado
Quédate en Veo 3.1 Fast. El precio es 60 créditos. Esto no compila un proyecto de HyperFrames.
- 2
Describe un plano
Elige un prompt de abajo o modifícalo. Limítate a un lugar, una luz y un movimiento de cámara.
- 3
Genera
Inicia sesión. Las cuentas nuevas que cumplen los requisitos reciben 64 créditos, lo que cubre un clip de Veo 3.1 Fast. Descarga el archivo desde tus creaciones.
Prompts solo para el clip de Veo
Estos no renderizan HTML. Para HyperFrames, usa los pasos de instalación y tu propia composición.
Lámpara de escritorio
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.
Invernadero
Inside a small greenhouse after rain, droplets on glass, ferns, soft green light, the camera pans left, no people, no readable text.
Estela del ferry
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.
Engranajes de reloj
Macro shot of brass clock gears turning slowly, warm side light, shallow depth of field, no people, no readable numbers, no logos.
Cuando la CLI no arranca
- Node es anterior a 22
- El README y el paquete engine dicen Node.js 22 o posterior. Actualiza Node y vuelve a ejecutar npx.
- ffmpeg no está en el PATH
- El render codifica con FFmpeg. Instálalo y confirma que ffmpeg -version funciona en la misma shell.
- Esperabas un cuadro de prompt
- HyperFrames no inventa un plano a partir de una frase. El formulario de Veo de esta página sí, y es otro producto a 60 créditos.
Preguntas frecuentes
Preguntas frecuentes de HyperFrames GitHub
Respuestas del README del repositorio y una nota aparte sobre el generador de esta página.
¿HyperFrames es un modelo de vídeo con IA?
No. El README describe un renderizador: HTML de entrada, fotogramas capturados en Chrome, MP4 de salida mediante FFmpeg. No toma un prompt e inventa metraje.
¿Dónde está el repositorio de GitHub?
https://github.com/heygen-com/hyperframes. El nombre de la organización es heygen-com. Eso no convierte a Nano AI en un producto de HeyGen.
¿Qué tengo que instalar?
El README pide Node.js 22 o posterior y FFmpeg, y luego npx hyperframes init, preview y render. Esta página no ha ejecutado esos comandos por ti.
¿Bajo qué licencia está?
El README dice Apache-2.0. Lee el archivo LICENSE del repositorio antes de publicar un producto encima.
¿Puedo renderizar un proyecto de HyperFrames en Nano AI?
No. El formulario usa Veo 3.1 Fast por 60 créditos y devuelve un clip generado. No acepta una composición HTML.
¿Nano AI está afiliado a HeyGen?
No. Nano AI no está afiliado a HeyGen ni a HyperFrames. El repositorio está enlazado para que puedas leerlo. El generador es Veo 3.1 Fast.
Más en Nano AI
Páginas relacionadas
Nano AI es un servicio independiente y no está afiliado a HeyGen ni a HyperFrames. Los datos del repositorio proceden de github.com/heygen-com/hyperframes, consultado el 31 de octubre de 2026, incluida la mención de Apache-2.0 del README. El generador de esta página usa Veo 3.1 Fast y no renderiza HTML.