Is there any way to embed or sync audio to bodymovin animation?
Thank you very much for your great work!
gghhjj
All 18 comments
hi, not yet.
But if you have a single audio file to sync, you can control the player syncing it with the audio every frame.
I've used this for some projects.
bodymovin
on 24 Jan 2017
Thank you! Are those projects that you mentioned publicly available?
gghhjj
on 24 Jan 2017
no, not yet. And I'm not sure I can release it soon.
Probably in a couple of months.
But if you need any help, let me know.
I've used howler.js for one and it was easy to integrate.
bodymovin
on 24 Jan 2017
Wonderful! I appreciate you help!
gghhjj
on 24 Jan 2017
@bodymovin Was wondering if there was some sample code for how to implement this (with howler, or other). This seems like a pretty common need. I'm not sure how I would sync the bodymovin animation with the audio. Would just starting both at the same time work, or would you have to monitor the progress of the audio, and call goToAndPlay every once in a while to be sure they are synced?
mulka
on 22 Mar 2017
+1
I would also love to know how to do this. Even if its not truly synced, but to be able to trigger various samples at any given point. For my animation I would like an animated dog to bark at certain queues. I think it would be cool to have events at certain frames or seconds (time markers).
Is this currently possible?
Adrian
awingit
on 4 Sep 2017
This library is so useful - thanks for creating this. Any news on built in audiosupport @bodymovin ?
danielwyb
on 19 Feb 2018
Any updates? @bodymovin
NashIlli
on 8 Oct 2018
Hi, not yet unfortunately.
bodymovin
on 10 Oct 2018
@bodymovin Its 2019! Is this a planned feature - or still unknown?
Example code on syncing with keyframes would also not be a bad thing.
RacerDelux
on 22 Jan 2019
@bodymovin I was also wondering how you stitched together the audio/video using the Howler JS library. I know this is an old thread, but any examples or a deeper explanation of your strategy would be really helpful. Thanks for all of your hard work. Incredible extension.
gregbarry
on 15 Jun 2020
Audio is now supported in Lottie version 5.7.2
bodymovin
on 22 Aug 2020
Great! Is there any example about how to use this awesome feature?
El sáb., 22 ago. 2020 a las 13:33, hernan (notifications@github.com)
escribió:
Audio is now supported in Lottie version 5.7.2
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/airbnb/lottie-web/issues/231#issuecomment-678661946,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/ABVB2KA3OP7B33S4LHODJQDSB7XO7ANCNFSM4C5O4WLQ
.
NashIlli
on 22 Aug 2020
This should help
https://github.com/airbnb/lottie-web/wiki/Audio
bodymovin
on 22 Aug 2020
Hello @bodymovin,
is it possible to sync an external audio file? ( single audio file )
I am testing Glaxnimate and python-lottie with Blender addon that do not support audio in the .json
Otherwise could you plese give some info to add the audio in the .json code?
Thank you !
AndreaMonzini
on 15 Oct 2020
@AndreaMonzini I guess you can play the audio and the animation at the same time if that's enough for your case.
To keep them synced, you'd probably want to roll out your own ticker and make sure you update both in parallel (pausing them too when necessary)
bodymovin
on 17 Oct 2020
Is there any documentation on how to implement audio directly with lottie and bodymovin?
mrjgsantos
on 16 Jan 2021
Is there any documentation on how to implement audio directly with lottie and bodymovin?
This should help
https://github.com/airbnb/lottie-web/wiki/Audio
RacerDelux
on 19 Jan 2021
Related issues
leantide
·
3Comments
dulllud
·
3Comments
Ipaulsen
·
4Comments
casillasluisn12
·
4Comments
zhengs
·
3Comments
Most helpful comment
@bodymovin Its 2019! Is this a planned feature - or still unknown?
Example code on syncing with keyframes would also not be a bad thing.