Anime.js for FrameVideo

FrameVideo can seek Anime.js instances through its animejs runtime adapter. The composition owns the animation objects; FrameVideo owns the clock.

Contract

• Create animations or timelines synchronously during composition initialization.
• Set autoplay: false so Anime.js does not advance on its own clock.
• Register every returned animation or timeline on window.__fvAnime.
• Use finite durations and loop counts.
• Avoid callbacks that mutate DOM based on wall-clock time, network state, or unseeded randomness.

The adapter seeks every registered instance with instance.seek(timeMs), where timeMs is FrameVideo time in milliseconds.

Basic Pattern