Lottie-web: Json file not working

Created on 7 Oct 2017 · 12Comments · Source: airbnb/lottie-web

Hi, I exported from AE the json file and its not working, I tried with other json files uploaded as example and they work perfectly in my web.

You can see the file here: http://viim.co/js/hero.json

My AE file: https://www.dropbox.com/s/uxulyyf2acxhemc/hero%20image.aep?dl=0

Thank you for your help!

Source

jvelezr

Most helpful comment

Should be animationData: animationData.default

See: https://github.com/chenqingspring/vue-lottie/issues/20

janekkkk on 6 Sep 2019

👍10 🎉5

All 12 comments

Hi, I've tried it and it seems to be working fine.
What is it that you see failing?

bodymovin on 7 Oct 2017

Thanks for your reply, I created a CodePen https://codepen.io/jvelezr/pen/OxQOoB you can see there that when I enter my file in "path" it doesn´t work, but when I use other .json as example (https://labs.nearpod.com/bodymovin/demo/2016/data.json) it does.

What am I doing wrong?

jvelezr on 9 Oct 2017

you're getting a browser security error:
Mixed Content: The page at 'https://codepen.io/jvelezr/pen/OxQOoB' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://viim.co/js/hero.json'. This request has been blocked; the content must be served over HTTPS.

bodymovin on 9 Oct 2017

But the same thing happens when I load everything in localhost. I checked the console and get this:

bodymovin.js:5 Error:
SVGRenderer.configAnimation @ bodymovin.js:5
bodymovin.js:5 Error:
SVGRenderer.configAnimation @ bodymovin.js:5
bodymovin.js:5 Error:
SVGRenderer.configAnimation @ bodymovin.js:5

jvelezr on 9 Oct 2017

Can you try reproducing that error on codepen so I can check it?

bodymovin on 9 Oct 2017

Hi I get a different error when changed the url to https "No 'Access-Control-Allow-Origin' header is present on the requested resource." I updated the codepen.

I can share the folder with the index file, maybe is easier? https://www.dropbox.com/sh/albcxty6ku21jad/AACdVxuutSoowxWL9Omggymga?dl=0

jvelezr on 9 Oct 2017

Hi! I'm so sorry, I had a stupid mistake :) a couple letters misspeled. Thanks for your help and support 🥇

jvelezr on 10 Oct 2017

👍1

Glad it worked :)

bodymovin on 10 Oct 2017

@jvelezr Hey, I got the same error like you.
Error: <svg> attribute width: Expected length, "undefined".
Do you remember what happened?
Thank you.