ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-03 04:38:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs(skills): align Lottie guidance with runtime adapter (#1141)

Browse Source
This commit is contained in:
Kiyeon Jeon
2026-05-31 13:47:37 -04:00
committed by GitHub
parent a7b874326a
commit 7ed809e437
3 changed files with 26 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
skills/remotion-to-hyperframes/references/api-map.md
+5 -5
View File
@@ -79,11 +79,11 @@ See [transitions.md](transitions.md).
See [lottie.md](lottie.md).
| Remotion | HyperFrames |
| ------------------------------- | --------------------------------------------------------------------------------------------------------- |
| `<Lottie animationData={data}>` | `<div id="lottie-N">` + `<script>lottie.loadAnimation(...).then(a => window.__hfLottie.push(a))</script>` |
| `loop` / `playbackRate` props | translate to `loop` / lottie playback options; HF adapter seeks via `goToAndStop` |
| `@remotion/lottie` runtime | `lottie-web` from CDN — drop the React wrapper |
| Remotion | HyperFrames |
| ------------------------------- | ----------------------------------------------------------------------------------------------------------------- |
| `<Lottie animationData={data}>` | `<div id="lottie-N">` + `<script>const anim = lottie.loadAnimation({...}); window.__hfLottie.push(anim)</script>` |
| `loop` / `playbackRate` props | translate only after checking player seek behavior; HF adapter seeks absolute time via `goToAndStop` |
| `@remotion/lottie` runtime | `lottie-web` from CDN — drop the React wrapper |
## Fonts
skills/remotion-to-hyperframes/references/lottie.md
+6 -4
View File
@@ -105,10 +105,12 @@ for the full supported feature list.
## Loop behavior
Remotion's `loop={true}` plays the animation continuously. Translate to
the lottie-web `loop: true` setting AND rely on the adapter's natural
seek behavior (it'll seek modulo the animation's duration). For
non-default playback rates, set `playbackRate` in `loadAnimation` and HF
will respect it during seek.
the player option only after checking the generated frames. The HF
adapter seeks absolute composition time; it does not add modulo looping
or playback-rate scaling on top of the player. For exact repeating
cycles or non-default playback rates, bake the timing into the Lottie
asset or author an explicit timeline around the Lottie layer and verify
the rendered output.
## Performance note