airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
29.84k stars 2.85k forks source link

Feature Request: Support MP4 video files #2759

Open adzymic opened 2 years ago

adzymic commented 2 years ago

Currently BodyMovin plug-in support animation such as img, svg and export as JSON, which is great! Thanks for the awesome work!

We have a feature request: We are looking for feature that support mp4 (video files) as well. That allow us to render different variants of HTML5 containing different mp4. Using AE, we create a video containing mix of images, videos and text.

And we are happy to contribute financially for this feature to be included :).

bodymovin commented 2 years ago

hey! Thanks for the suggestion. I've looked at this is the past, but it's not a simple task to keep a lottie animation in sync with one or multiple video layers. Specially if they are distributed among multiple layers and/or precomps.
There's also export difficulties, since the video would need to be processed with its effects in order for it to look similar. Unfortunately, the simple solution doesn't add much to the library, and can be implemented outside of it, which is adding a video layer and keeping it in sync manually with the lottie animation play position.

saar62097 commented 2 weeks ago

you would probably want to do that the other way around, i.e sync the lottie animation to the video (which will be the 'master')