Hi I have a simple HTML5 application where i use css3 transitions. But the animation/transition is very choppy on the fire tv stick. I have tried normal transition (height, width, and position), translate3d, and even some js animation plugins, but its always slow/laggy/choppy. This device should be able to make smooth animations (i mean the hardware specs are nice). I am testing with the amazon web tester. On my laptop (chrome) the animations are uber fast and smooth. Am i doing something wrong? Any help is appreciated :)
Did you ever find a solution to this? I'm running into the same problem and just started looking into solutions. I've tried turning hardware acceleration on the webview, and replace the webkit with the Amazon webkit that uses chromium. Still no luck.
Hey guysm Without investigating the code itself to see why you are experiencing this issue, I would encourage you to look at the web app starter kit on github found here:
https://github.com/amzn/web-app-starter-kit-for-fire-tv Here, you should find an example of how to display smooth transitions within your app. As long as you are using AWV per the developer documentation, your app should remain lag-free. Hope this helps! Jamie
One little trick I use if I've got some code that I want to be browsable too is that you can change the user agent of the webview and then know that the code is being run in your app and not by a browser.