docs: switch README hero to animated WebP for autoplay + higher quality

GitHub strips autoplay/loop from <video> tags in markdown, so the MP4
required a click to play. WebP autoplays via <img> while preserving full
HD source quality (1280x720 vs the previous GIF's 400x225).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
James
2026-05-08 12:17:37 -07:00
co-authored by Claude Opus 4.7
parent 67901349eb
commit 50c8a66114
+1 -1
View File
@@ -17,7 +17,7 @@
<p align="center"><b>Write HTML. Render video. Built for agents.</b></p>
<p align="center">
<video src="https://github.com/user-attachments/assets/c56cdc28-d2f7-4bca-9c03-58389a87d99c" alt="HyperFrames demo — HTML code on the left transforms into a rendered video on the right" autoplay loop muted playsinline width="800"></video>
<img src="https://static.heygen.ai/hyperframes-oss/docs/images/hfgif-1280.webp" alt="HyperFrames demo — HTML code on the left transforms into a rendered video on the right" width="800">
</p>
Hyperframes is an open-source video rendering framework that lets you create, preview, and render HTML-based video compositions — with first-class support for AI agents.