question

yarakman asked Apr 19, '15

CSS3 transitions

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 :)

fire tv

10 |5000

Attachments: Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

its2ez answered May 4, '15

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.

10 |5000

Attachments: Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Jamie Grossman answered May 8, '15

Hey guys, I'm currently investigating this and will get back to you as soon as I can with more information. Regards, Jamie

10 |5000

Attachments: Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Jamie Grossman answered May 11, '15

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

10 |5000

Attachments: Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Sinistar answered Sep 8, '15

It's nasty to use the html5 transitions in webview code. It's always choppy. It isn't just the fire. I have the stick and a quad core Nexus 7. It doesn't look much better on the quad core. To get a fade, I make an activity that is a black screen and then use javascriptinterface to fade the activity in and out over the page with an intent. You could probably keep it in the same activity and fade an overlay imageview in and out.

10 |5000

Attachments: Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

Sinistar answered Sep 8, '15

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.

10 |5000

Attachments: Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.