Ravi Zala Posted July 20, 2021 Share Posted July 20, 2021 Hi, Does anyone have any clues about smoothening animations for .webm files? Scrolltrigger properties works well with mp4 videos. Link to comment Share on other sites More sharing options...
GreenSock Posted July 21, 2021 Share Posted July 21, 2021 When it comes to scrubbing video, there are two keys (which are completely unrelated to ScrollTrigger/GSAP): Keyframe encoding (frequency). The more keyframes you have in the encoding, the smoother scrub you'll get, and of course the bigger your video file will be. Complexity of the codec. A lot of devices have MP4 decoders baked into the chip, so you get automatic hardware acceleration. If the CPU has to constantly be decoding while scrubbing, it could bog down. 2 Link to comment Share on other sites More sharing options...
Ravi Zala Posted July 21, 2021 Author Share Posted July 21, 2021 10 hours ago, GreenSock said: When it comes to scrubbing video, there are two keys (which are completely unrelated to ScrollTrigger/GSAP): Keyframe encoding (frequency). The more keyframes you have in the encoding, the smoother scrub you'll get, and of course the bigger your video file will be. Complexity of the codec. A lot of devices have MP4 decoders baked into the chip, so you get automatic hardware acceleration. If the CPU has to constantly be decoding while scrubbing, it could bog down. I agree with you on this one. But the issue is animations are lagging in different devices. For some devices animations are smooth and for some they are not. Could you please tell me if this is something we can handle through coding or changing the scroll-trigger properties. Currently, I have set the Scrub to true and Pin to true Link to comment Share on other sites More sharing options...
GreenSock Posted July 21, 2021 Share Posted July 21, 2021 57 minutes ago, Ravi Zala said: But the issue is animations are lagging in different devices Are you talking about the GSAP animations or the video playback? 57 minutes ago, Ravi Zala said: Could you please tell me if this is something we can handle through coding or changing the scroll-trigger properties. It's pretty much impossible for us to diagnose blind. Performance audits are very expensive time-wise and it's a deep topic with many factors. It's not something we offer for free in these forums. These are for GSAP-specific questions but if you need more custom consulting, feel free to either post in the Jobs & Freelance forum or contact us if you'd like our [paid] help. Link to comment Share on other sites More sharing options...
Ravi Zala Posted July 21, 2021 Author Share Posted July 21, 2021 2 hours ago, GreenSock said: Are you talking about the GSAP animations or the video playback? It's pretty much impossible for us to diagnose blind. Performance audits are very expensive time-wise and it's a deep topic with many factors. It's not something we offer for free in these forums. These are for GSAP-specific questions but if you need more custom consulting, feel free to either post in the Jobs & Freelance forum or contact us if you'd like our [paid] help. I am talking about the animations while scrolling. They are choppy when for some devices and for they are not. Link to comment Share on other sites More sharing options...
GreenSock Posted July 21, 2021 Share Posted July 21, 2021 11 minutes ago, Ravi Zala said: I am talking about the animations while scrolling. They are choppy when for some devices and for they are not. Yeah, sorry, we can't troubleshoot blind. I wish I had more to offer. Like I said, if you need further help like with a performance audit and custom consulting for a fee, you are welcome to contact us. In the vast majority of cases (99%+), the performance issues have absolutely nothing to do with GSAP. They're almost always related to graphics rendering in the DOM. Link to comment Share on other sites More sharing options...
ZachSaucier Posted July 22, 2021 Share Posted July 22, 2021 Perhaps this thread can help: 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now