Ensure animations don't continue playing when we've paused playback

[eoghanmurray]

Further work:
The animation state won't follow scrubbing/jumping of playback position, but I don't know any way of achieving that.

[Yuyz0112]

LGTM.

And I think this is a try-my-best strategy right @eoghanmurray ? Because there may be some JS animation we could not pause. And basically we are out of control with the animation state.

[eoghanmurray]

Yes, it's just handles the a specific CSS animation that I noticed in a recording.

Any JS animations should be paused naturally as they are being rendered via mutations though right?
Maybe you are thinking of GIF animations?
If so ya that would be under 'further work' ☺️

For GIF: https://github.com/ctrl-freaks/freezeframe.js has a typescript implementation — and we'd have no control over frame position with that either (it jumps back to the start upon pause).

[Yuyz0112]

Thanks!

[YunFeng0817]

@eoghanmurray In my application, I need the CSS transition finished after I paused play. Could we add an option for this?