I added demo animation to the web using lottie, but the playback speed is too fast. How do I get to normal speed? The link below is a problem animation.
problem animation link : https://saybgm.github.io/Lottie_example/
My animation : https://youtu.be/CcHT7VgUF38
After Effect aep file : https://drive.google.com/file/d/1YGqgiuU-hU5Raq2WXu3r1ZrCANXB_Gw9/view?usp=sharing
my code
var animate = lottie.loadAnimation({
container: document.getElementById("hello"),
renderer: 'svg',
autoplay: true,
loop:true,
path: 'animation2.json'})
I think the problem is inside the animation file, tried with the Lottiefiles preview, it looks the same as your code runs: https://www.lottiefiles.com/share/TNdLkQ
If you want to make it slower, call setSpeed
(1 is the current speed, < 1 will make it slower):
var animate = lottie.loadAnimation({
container: document.getElementById("hello"),
renderer: 'svg',
autoplay: true,
loop:true,
path: 'animation2.json'
});
animate.setSpeed(0.1);
From the document: http://airbnb.io/lottie/web/getting-started.html