Can't use long animation(8s or more) in IOS APP

Lottie in Mobile
1

Hiiiiiiiiii!
Is there anyone has tried to add long lottie animation in IOS APP? I made an animation which is 8 seconds long (25fps). It works well in Android APP but in IOS APP it can only play 3 seconds. The rest of the animation is missing. :sob:

2

Hi! It sounds like you’re encountering an issue with the playback of a long Lottie animation in your iOS app. Here are several steps and considerations to help you troubleshoot and potentially resolve the problem:

1. Check Lottie and iOS Versions

  • Ensure that you are using the latest version of the Lottie library for iOS. Sometimes, bugs are fixed in newer releases.

  • Verify that your iOS version is up to date, as there might be system-level improvements or fixes.

2. Optimize the Animation

  • Lottie animations can sometimes be large or complex, causing performance issues. Ensure your animation is optimized:

  • Reduce the number of layers.

  • Simplify complex paths and shapes.

  • Minimize the use of effects and masks.

3. Frame Rate and Duration

  • Double-check the frame rate and duration settings in your animation file (JSON). Ensure that the frame rate is set correctly to 25fps and that the total frame count matches the 8 seconds duration.
  • You can inspect the JSON file directly or use tools like Lottie Editor.

4. Debugging Playback

  • Implement logging in your iOS app to see if there are any errors or warnings when the animation plays.
  • Use the LOTAnimationView properties like animationDuration and animationProgress to debug the playback. These properties can help you understand at what point the animation stops.

5. Ensure Proper Looping

If your animation is set to loop, ensure that the loop settings are correctly configured:

let animationView = LOTAnimationView(name: "your_animation")
animationView.loopAnimation = true
animationView.play()
  • Test with Different Devices
  • Test the animation on different iOS devices and versions to see if the issue is specific to a particular device or iOS version.

7. Memory and Performance

  • Large animations can cause memory issues. Ensure your app has enough memory to handle the animation:
  • Monitor memory usage while the animation plays.
  • Optimize other parts of your app to free up memory if necessary.

8. Use Alternative Methods

  • If the issue persists, consider breaking down the animation into smaller parts and playing them sequentially.
  • Alternatively, consider using a video file if the animation is very long and complex, although this would increase the app size.

Example Code Snippet

Here is a basic example of how to set up and play a Lottie animation in an iOS app:

import Lottie

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let animationView = AnimationView(name: "your_animation")
        animationView.frame = CGRect(x: 0, y: 0, width: 300, height: 300)
        animationView.center = self.view.center
        animationView.contentMode = .scaleAspectFit
        animationView.loopMode = .loop
        self.view.addSubview(animationView)

        animationView.play { (finished) in
            if finished {
                print("Animation Completed")
            } else {
                print("Animation Interrupted")
            }
        }
    }
}

Further Assistance

  • If you continue to face issues, consider reaching out to the Lottie community or opening an issue on their GitHub repository.
  • Providing specific details about mysedgwick app your animation and the code you are using can help others assist you more effectively.

By following these steps, you should be able to identify and resolve the issue with your long Lottie animation on iOS. Good luck, and I hope this helps!