Sync voice over and subtitles

[Vinod_India]

Hi Team

I am developing a 2D animation in Adobe Animate HTML5 canvas which has voice over and subtitles.

Unfortunately, after exporting and opening the project in a browser, I observe that the voice starts earlier and keeps on playing while the subtitle lags behind. Not able to sync both of them.

It is a priority project.

Seeking your expert advise to rectify the same please.

Regards

Vinod

[Colin Holgate]

The latest versions of Animate added Stream sync to HTML5 Canvas. If that's what you are using, change the previously set Event sync to be Stream. That may well fix things.

[Vinod_India]

Thanks for the tip, Colin. Will check and update.

[Vinod_India]

Hi Colin

Selecting stream seems to work. Thank you.

However, a new issue has cropped up.

My Adobe Animate project has a 2D animation and a voice over explanation with subtitles. My earlier issue was voice over and subtitles not matching. But after selecting "stream", that is solved. The new one the the voice + subtitles together are not gelling with the 2D animation. The 2D compenents were illustrated in adobe illustrator and imported into animate as AI file.

Seeking your support in helping me sync all the elements in my animate project.

[Colin Holgate]

When you have set the sync to Stream, you can then scrub the timeline, and you will hear the audio. Change the 2D animation to be in time with the audio.

[Vinod_India]

Hi Colin

Thank you for the reply. I'm quite new to HTML5. So sorry for the noob question.

How to scrub the timeline and how to change the 2D animation to be in time with the audio?

Thanks in advance