Highlighted

Sync voice over and subtitles

Participant ,
Jun 26, 2020

Copy link to clipboard

Copied

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

Views

60

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Sync voice over and subtitles

Participant ,
Jun 26, 2020

Copy link to clipboard

Copied

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

Views

61

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 26, 2020 0
Adobe Community Professional ,
Jun 26, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 26, 2020 1
Participant ,
Jun 26, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 26, 2020 0
Participant ,
Jun 28, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 28, 2020 0
Adobe Community Professional ,
Jun 28, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 28, 2020 1
Participant ,
Jun 28, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 28, 2020 0