如何使用javascript动态地将帧添加到GIF图像

时间:2014-06-04 16:29:25

标签: javascript socket.io streaming gif animated-gif

假设浏览器显示了动画gif。是否可以动态地将帧添加到该gif动画中?

这个精湛的gif显示在浏览器中

Animated gif

客户端从socket.io上的服务器接收到的这个框架必须被添加为他的gif的最后一帧:

Animated gif individual frame

(这是使用imageMagick在服务器上生成的,并通过socket.io发送)

convert animation.gif[3] animationFrame.gif

Socket.io将新帧发送到客户端:

serverSocket.emit('newFrame, rawAnimationFrame);

然后客户端以原始格式接收它。但!是否有一个可以在浏览器中运行的库,可以让我做类似的事情:

clientSocket.on('newFrame', function(frameData){
    superLibrary.addFrame(myGif, frameData);
})

如果没有,我怎么能实现这个目标?

非常感谢你。

0 个答案:

没有答案