Saving animations created using HTML5 canvas

Question

Is it possible to provide the end user with the ability to save the animation created by the client using HTML5 Canvas as a separate file - besides saving the entire HTML page?

There are many preservation guides as PNGs, but the animation in these cases is lost.

Answer 1

There is no “easy” way to do this.

Here's a similar question ... Capturing every frame of an HTML5 canvas

You can follow this approach and capture frames and send them to a server-side script to compile them into an animated GIF.

, -trival, JavaScript- GIF. GIF , http://graphcomp.com/info/specs/gif89a.txt

, , URL- GIF . base64 Canvas.toDataURL.

Answer 2

mjbuilder, , mpeg. , Firefox.

http://ushiroad.com/mjpeg/