I’m developing a site which has a flash background playing a small video loop scaled to fill the whole background. Over the top I have a number of HTML elements which are animated using javascript. The problem I am having is that (predominantly in FF, but also in others to a lesser degree) the flash seems to be causing my javascript animations to run rather jerky, and in some cases missing the animation altogether and just jumping to the end state.
Does anybody have any thoughts on how to make the 2 work together nicely?
Many thanks
Matt
You’ll notice the same effect on BBC Iplayer – if you’ve played a few videos, then use the left and right scroller. The javascript animation is no longer smooth.
The is more noticeable in FF.
Chrome creates an entirely separate process for the flash, and therefore smoother, Safari is quite lightweight therefore smoother at times.
Bit of a bugger really – the only thing I can suggest is ensure your swf is optimised for CPU – if it contains lots of code, ensure you doing good memory management.
I had the same trouble once and I targeted FP10 – this offset a lot of visual work off the CPU (therefore the current process in the browser) and gave it to the GPU.
—
Aside from this, you’re pretty much at the mercy of how powerful the clients machine is.