Heygen HyperFrames: le montage vidéo où la timeline est un fichier HTML
Mis à jour le 17 août 2026
Heygen HyperFrames est un framework open source de rendu vidéo signé HeyGen, avec lequel des agents IA et des développeurs fabriquent des MP4 en écrivant du HTML, du CSS et du JavaScript. Publié sous licence Apache 2.0, le projet a dépassé les 41 000 étoiles sur GitHub et ne coûte rien, le rendu local ne consommant même pas de crédits HeyGen. Claude Code, Cursor, Codex ou Gemini CLI s'y branchent via des skills fournies dans le dépôt. La documentation est anglophone, en revanche vos consignes à l'agent peuvent très bien s'écrire en français.
- Gratuit et open source sous licence Apache 2.0
- Rendu déterministe, la préversion correspond au MP4 final
- Skills fournies pour Claude Code, Cursor, Codex et Gemini CLI
- Aucune installation, tout se lance via npx
- Réservé aux personnes à l'aise avec un terminal
- Documentation en anglais uniquement
- Projet encore jeune, les mises à jour s'enchaînent vite
Du fichier HTML au MP4, la mécanique de Heygen HyperFrames
HyperFrames traite chaque élément d'une page HTML comme un plan de montage, des attributs data fixant le début, la durée et la piste de chaque clip. Le moteur ouvre ensuite la page dans un navigateur sans interface graphique, avance le temps image par image, capture chaque frame puis encode le tout avec FFmpeg. Le même fichier produit donc le même MP4 à chaque rendu, sur n'importe quelle machine.
Et vos habitudes web restent valables. GSAP, Lottie, Three.js et les animations CSS fonctionnent tels quels, tandis que le Studio, ouvert dans le navigateur, permet de retoucher textes et couleurs directement sur la préversion avant de lancer l'encodage.
Pensé pour Claude Code, Cursor et les agents de terminal
Les modèles de langage écrivent du HTML bien plus sûrement que n'importe quel format vidéo propriétaire, et c'est l'intuition fondatrice du projet. L'équipe HeyGen raconte avoir d'abord fait tourner ses agents sur des pipelines React, avec des sorties de plus en plus répétitives, avant de revenir au HTML brut. Remotion, le rival historique du créneau, attend d'ailleurs des composants React là où une simple page web suffit ici.
Le dépôt embarque une vingtaine de skills à installer en une commande, et HeyGen publie les sources de ses propres vidéos de lancement comme exemples à remixer, shaders et compositing compris, un terrain longtemps réservé aux logiciels de montage vidéo classiques. De quoi produire notamment
- des vidéos produit et des clips de lancement
- des explainers animés et du motion design
- des sous-titres, habillages et incrustations
- des visualisations de données animées
Mise en route de HyperFrames, du terminal au rendu cloud
Aucune installation n'est requise, tout passe par npx avec Node.js 22 ou plus récent. Concrètement, vous collez le prompt de démarrage dans votre agent, il installe les skills, écrit la composition et ouvre la préversion locale (le temps d'aller vous servir un café, le premier jet est là). Pour les gros volumes, un rendu hébergé par HeyGen et un mode AWS Lambda complètent le rendu local.
| Étape | Commande | Résultat |
|---|---|---|
| Créer un projet | npx hyperframes init | Dossier de composition prêt à l'emploi |
| Prévisualiser | npx hyperframes preview | Le Studio s'ouvre dans le navigateur |
| Contrôler | npx hyperframes lint | Rapport des soucis de composition |
| Rendre en local | npx hyperframes render | MP4 encodé dans le dossier renders |
| Rendre dans le cloud | npx hyperframes cloud render | Rendu hébergé sur l'infrastructure HeyGen |
Questions fréquentes
HyperFrames est-il gratuit ?
Oui, HyperFrames est entièrement gratuit et open source sous licence Apache 2.0. Le rendu effectué sur votre machine ne consomme aucun crédit HeyGen. Les seuls frais possibles viennent de votre agent de code et des services optionnels de voix, d'avatars ou de rendu hébergé que vous choisissez d'y brancher.
Faut-il savoir coder pour utiliser HyperFrames ?
Un minimum d'aisance technique est utile. Les agents de code rédigent et corrigent les compositions à votre place, mais il faut lancer des commandes dans un terminal et disposer de Node.js 22 au moins. Pour créer des vidéos sans la moindre ligne de code, l'éditeur classique de HeyGen reste la piste conseillée par l'équipe elle-même.
Quelle différence entre HyperFrames et Remotion ?
Les deux rendent des vidéos depuis un navigateur, mais Remotion attend un composant React quand HyperFrames se contente d'un fichier HTML. Les modèles d'IA ayant lu infiniment plus de HTML que de React sur le web, un agent écrit des scènes correctes plus facilement ici, et des bibliothèques comme GSAP s'y intègrent sans friction.
HyperFrames fait-il partie de l'éditeur HeyGen ?
Non, il s'agit d'un framework séparé, destiné aux développeurs et aux agents IA, indépendant de l'application principale de HeyGen. Il se pilote depuis le terminal et dispose de sa propre documentation sur hyperframes.heygen.com. Vos avatars et voix générés chez HeyGen peuvent toutefois s'insérer dans une composition comme n'importe quel média.
Verdict : Produire des vidéos de lancement à la chaîne sans jamais ouvrir un logiciel de montage, voilà la spécialité de Heygen HyperFrames. Les développeurs et les équipes produit qui vivent déjà dans un terminal en tireront le meilleur, l'éditeur sans code de HeyGen restant là pour tous les autres.
« Un assistant IA privé gratuit orienté confidentialité, hébergé en Europe et chiffré de bout en bout. Il combine des capacités de raisonnement poussées, la génération d'images, la recherche sur le deep web et la mémoire à long terme. Il garantit par ailleurs que vos conversations ne sont pas utilisées pour entraîner des modèles »
