Lottie-web: How to convert .MOV file to .JSON file?

Created on 15 Nov 2018  路  9Comments  路  Source: airbnb/lottie-web

I created .MOV file with After Effects and I am wondering how to convert it to .JSON file?
I don't find an converter tool online.

Most helpful comment

All 9 comments

video files can't be converted to json.
What is your use case?

Well.
So the solution is to create .gif instead and convert it to .json?
Which extension shall I create then convert it to .json at all?

Why do you need to convert it to json?
I don't think there is a way to do it , but I can't think of a reason to do it either.

As Lottie uses .json files in Xamarin.Forms.

@AhmedSalahKhodair, any luck on this? I am also unable to get this

@bodymovin My use case would be like Telegram recently introduced https://telegram.dog/AnimatedStickers So I would like a way to convert existing GIFs to lottie JSON format. I went through the documentation, but could not find any leads. Any help would be appreciated. Thanks.

You could export video / gif as a png sequence and then reimport the sequence with each file individually.
But the exported json would be huge.
It probably would defeat all purpose of using the json format.

In order to convert mp4 to json, do the following steps:
1) convert the mp4 to key frames using adobe media encoder or any other encoding software
2) open the key-frames as a adobe after effects project (just import the keyframes)
3) Download bodymovin plugin (its FREE) for after effects
4) And yeah, so just convert the keyframes into JSON using bodymovin

It's pretty simple so i'm not giving a step-by-step instruction. Just search for bodymovin plugin for After Effects.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

DannyK123456 picture DannyK123456  路  3Comments

ritsraghani picture ritsraghani  路  3Comments

phileastv picture phileastv  路  3Comments

ochanje210 picture ochanje210  路  3Comments

zhengs picture zhengs  路  3Comments