Skip to content
Shuhub
Launches / AI Media / HyperFrames
HyperFrames

HyperFrames

يحوّل HTML وCSS والوسائط والحركات القابلة للتحكم بالزمن إلى فيديو MP4 حتمي، عبر CLI أو وكلاء البرمجة.

About

HyperFrames إطار مفتوح المصدر (Apache 2.0) من HeyGen لإنتاج الفيديو من HTML. يُعرَّف الفيديو كملف HTML، وتوقيت كل مقطع ومساره محدّد بـ data attributes، والحركة بـ GSAP أو CSS أو Lottie أو Three.js أو Anime.js أو WAAPI. يلتقط المحرّك كل إطار في Chrome بلا واجهة ويرمّزه بـ FFmpeg، فنفس المدخل يعطي دائماً نفس الفيديو. فيه مهارات (skills) لوكلاء البرمجة مثل Claude Code وCodex وCursor وGemini CLI، وكتالوج من الكتل الجاهزة (انتقالات، عناوين، ترجمات، رسوم بيانية، خرائط)، وتطبيق Studio لـ Mac وWindows وLinux، والريندر محلياً أو عبر AWS Lambda، بلا رسوم لكل ريندر.

How to use it

  1. ثبّت Node.js 22 أو أحدث مع FFmpeg.

  2. أنشئ مشروع فيديو جديداً عبر `npx hyperframes init my-video`.

  3. افتح معاينة حيّة في المتصفح عبر `npx hyperframes preview` داخل مجلد المشروع.

  4. صدّر الفيديو بصيغة MP4 عبر `npx hyperframes render`.

Maker

HeyGen
Founder of HyperFrames

Comments (0)

Log in to join the discussion and spark the maker.

No comments yet — be the first to share your thoughts.

More in AI Media

What's new at the AI frontier? Read the Radar