使用gifshot生成GIF动画时的性能问题

时间:2015-12-11 13:10:53

标签: javascript animated-gif

我一直在使用gifshot尝试在用户浏览器中生成大型79帧动画GIF客户端。它涉及我为帮助气象学生掌握“真实天气数据”而建立的实时天气预报工具。我的测试示例基本上生成了在实时工具上看到的数据的动画gif版本:

http://manunicast.seaes.manchester.ac.uk/view.php?t=20151001&d=d01&p=160,1,24&l=0,0,0#

这有三层图像加上背景和前景。通过在图像上设置透明度,所有分层都可以正常工作。

虽然我们提供了生成服务器端的单层动画GIF,但我希望允许用户创建他们喜欢的天气数据的任意组合,这些数据具有客户端gif生成的意义。

gifshot看起来非常整洁,适用于小例子,但我认为我正在把事情推向极限。以下是来自先前URL的相同天气数据,但正在处理以生成动画gif客户端。

警告:选择此链接可直接进入流程,使用Chrome和快速桌面计算机,gif生成大约需要90秒。查看控制台日志将指示进度。

http://personalpages.manchester.ac.uk/staff/stuart.anderson/_prototypes/gifshot/gifshot-test.html

我目前的问题是,在某些浏览器上,它只是简单地炸弹而不会完成。在Chrome上,它将完成,显示,但是当用户提供“与图像相同”的选项时,从Chrome下载的内容都没有。推入显示动画gif的新窗口的图像数据都是base64编码数据,因为这是你从gifshot获得的数据。

该过程从图像缓存开始,然后进入执行实际工作的脚本:

的javascript /集结customimage.js (从HTML源视图中选择此项)

我正在寻求任何可能尝试类似事情的人的意见。如何提高流程效率?为什么Chrome在完成后不允许下载生成的图像?如果我使用较少的帧,它可以应对,它一切正常,所以我想它必须与内存相关。我觉得我已经离我很近了,但却没有一个有效的解决方案。

提前感谢您的任何反馈或建议。

0 个答案:

没有答案