我如何提取GIF的第一帧并使用GraphicsMagick在NodeJS上将其保存为PNG

How can I extract the first frame of a GIF and save it as a PNG using GraphicsMagick on NodeJS?

本文关键字：NodeJS GraphicsMagick PNG 保存 一帧 提取 何提取 GIF      更新时间：2023-09-26

下面是我要做的步骤:

  1. 用户给服务器一个链接到一个动画gif
  2. 服务器使用"request(url)"来检索文件
  3. 服务器生成gif第一帧的缩略图
  4. 服务器将缩略图上传到Amazon S3

步骤3中存在问题。我想不出一个方法来提取gif的第一帧。我更喜欢使用GraphicsMagick，但如果有另一种方式，你知道的工作，我会非常感激!

NodeJS正在使用

我不知道为什么这不是在文档中,但别人回答这个stackoverflow。

因此，您可以将其与文件路径字符串或流/缓冲区一起使用，如下所示:

对于文件:

gm('/path/to/animated.gif')
.selectFrame(0)
.write('/path/to/firstframe.png', function(err){
    if (err) print('  :(  ');
})

对于流/缓冲区:

gm(streamOrBuffer)
.selectFrame(0)
.write('/path/to/firstframe.png', function(err){
    if (err) print('  :(  ');
})

在文档中，他们说您需要将路径字符串更改为类似'/path/to/animated.gif[0]'的东西，以便更具体地使用您想要选择的帧，但我在没有指定帧的情况下测试了该代码，并且它工作得很好(使用gm@1.21.1和ImageMagick 6.7.7-10 2014-03-06)。此外，他们在文档中的内容(没有使用selectFrame)也不起作用。它最终崩溃，并在此过程中创建了整个gif的几个png帧。

为什么他们还没有记录selectFrame我不明白。正如他们在引用的链接中指出的那样，有一个悬而未决的问题，那就是

因为我无法让它在服务器端工作，所以我最终只是将.gif绘制到<canvas>元素以"模拟"提取.gif的第一帧。这就得到了我想要的暂停gif

相关文章：