Skip to main content
campinon94237905
campinon94237905
Participating Frequently
November 26, 2018
Answered

Animation Video Laggy and Poor Audio after Export (with example animation)

  • November 26, 2018
  • 3 replies
  • 8400 views

Hey!

I've been searching for a solution for this problem for the past 2 days but I just can't find one.

That's why I have to ask you here. Thanks for any help!

So here is the animation I made:

https://www.youtube.com/watch?v=U7TmMPLmo8M

There are 2 problems:

Problem 1) The animation look laggy, especially the background when the camera moves side to side or up and down.

Can someone explain me how I can make the lags stop?

Here are the Video Export Settings I used for the video above:

Format H.264

Preset: Youtube 1080p Full HD

Aspect: Square Pixels (1.0)

Performance: Hardware Encoding

Profile: High

Level: 4.2

Bitrate Encoding: VBR, 1pass

Target Bitrate: 16

Problem 2) The audio quality is very low even though I have chosen a high audio quality in the export settings.

Does someone know why this happens and how I can improve the audio quality?

Audio Codec: AAC

Sample Rate: 48000 Hz

Channels: Stereo

Audio Quality: High

I'd be very grateful if anyone would know a solution

Kindly,

Lea

This topic has been closed for replies.
Correct answer Colin Holgate

If you're using a recent version of Animate you can change the frame rate from 12 to something higher, with the Scale Frame Spans box checked in the Properties panel, and it will change the frame rate but also keep the speed of the animation the same. That could lead to some issues, so if you try it make sure to try on a copy of your file, and changing from 12 to 24 would be safer than changing from 12 to 30.

3 replies

Colin Holgate
Colin Holgate
Inspiring
November 27, 2018

The settings you showed are presumably what you did in Adobe Media Encoder, but there were some things you already had wrong in Animate.

Assuming you're animating for video, and the animation doesn't have to play back with good sync and good frame rate in a mobile browser, for example, here are some things you could do in Animate:

1. In the Library set any bitmaps to be Lossless compression and Allow Smoothing. You don't need to worry about file space, so no reason for anything to be JPEG.

2. Make sure that all sounds you are importing into Animate are WAV, 44.1 kHz, 16 bit (mono or stereo). If you have imported already compressed MP3, you've lost some quality even before you start.

3. In Publish Settings change the audio compression for both stream and event to be Raw, 44.1 kHz, 16 bit, and check the Override sound settings box, to make sure none of the sounds are set to lower quality in the library:

4. In the timeline, you do have the main sound layer set to Stream, and not Event?

Once you have those things sorted out, do a regular Test Movie, and see if the SWF plays correctly. If it does play well then the final video should be good too.

In exporting to video you have the option to send the video to Adobe Media Encoder. I would choose not to do that. By not doing it you end up with a very large MOV file, which you can then compress with Adobe Media Encoder. The advantage of working that way is that each time you try a new set of settings you don't have to re-export from Animate. If the MOV plays as well as the SWF, which it should, you can just concentrate on what compression settings you need to do to make the H.264 MP4 file.

In order to view the MOV file you may well need QuickTime to be installed, but you may also be able to play the file with VLC or other media players.

So, short version of all of that:

Make sure everything is at the highest quality it can be.

Test a SWF.

If that's ok, export MOV.

If that's ok, then compress to MP4.

    Colin Holgate
    Colin Holgate
    Inspiring
    November 27, 2018

    One other thing, you can improve the picture quality by adding a line of ActionScript to frame 1 of the main timeline. BTW, make sure you are working in an ActionScript 3.0 FLA, and not an HTML5 Canvas one, so that you can take advantage of the Stream audio sync.

    The line of code, which you would add by clicking in a layer I frame 1, and typing this into the Actions panel, is this:

    stage.quality = "16x16";

    That will make the SWF render at 16 times antialiasing, which should make vector lines look really good.

      _keyframer
      _keyframer
      Community Expert
      November 28, 2018

      I agree with everything Colin. Lea, how does your animation look and sound when published/played as SWF?

      Animator and content creator for Animate CC
      _keyframer
      _keyframer
      Community Expert
      November 27, 2018

      Your settings look good. I'll start with trying to solve the panning jitter. I'm going to guess your frame rate is low. Are you using 12fps?

      Animator and content creator for Animate CC
      campinon94237905
      campinon94237905Author
      Participating Frequently
      November 29, 2018

      Yeah, 'panning jitter' is the name of the problem I think.

      I'll go through the link that you gave me and try to follow the advice there inside.

      And yes, it's 12 fps and according to the link you gave me that's probably the biggest problem. I'll probably have to increase the fps or not have anymore fast movements.

      Thanks for taking the time to help me _keyframer! I think that you gave the correct answer to my main problem

      Thanks so much, I'll learn everything about 'panning jitter' now.

      Preran
      Community Manager
      PreranCommunity Manager
      Community Manager
      November 27, 2018

      Have a look at this discussion Animate 2018 animation playback is slow​ to see if you can glean any insights from it.  Meanwhile, I will check with the experts to see if they have anything to add.

      Thanks,

      Preran

      campinon94237905
      campinon94237905Author
      Participating Frequently
      November 29, 2018

      Thanks for taking to help me Preran.

      The thing is that my video is not only laggy inside the playback but also when I export the video.

      At this point I think that my mistake was to only use 12 fps. I think that the low frame rate caused my animation to not look smooth.

      But I wanna thank you again for your help!

      Colin Holgate
      Colin HolgateCorrect answer
      Inspiring
      November 29, 2018

      If you're using a recent version of Animate you can change the frame rate from 12 to something higher, with the Scale Frame Spans box checked in the Properties panel, and it will change the frame rate but also keep the speed of the animation the same. That could lead to some issues, so if you try it make sure to try on a copy of your file, and changing from 12 to 24 would be safer than changing from 12 to 30.

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices