在 Node.js 中使用 GM 生成动画 GIF

Question

所以我这几天一直在处理这个问题，并且在我准备好寻求帮助时明白了这一点。

我正在尝试使用 graphicsmagic 包在基于 node.js 的应用程序中生成动画 gif。

我已经生成了几张看起来有点像的幻灯片

var slides = [];

for (var i=0; i < 10; i++) {
  var slide = gm(200, 200, '#000000')
    .fill('#ffffff')
    .drawText("Slide #"+ i);

  slides.push(slide);
}

我可以将它们转换为流或缓冲区，我可以将它们作为单独的文件保存在硬盘上，并且有点工作

但我的问题是如何在内存中完全将这些幻灯片制作成动画 gif，而不将单个文件保存在硬盘上？

我看到gm 有像#delay() 和#page() 这样的方法，所以从技术上讲，我可以制作类似的命令

convert -delay 200 -page slide1.gif -page slide2.gif output.gif

我只是不知道怎么做。我想它应该看起来像这样

var end_image = gm(200, 200, '#000000');

end_image.delay(500);

for (var i=0; i < slides.length; i++) {
  slides[i].toBuffer(function(err, buffer) {
    end_image.page(200, 200, ????);
  });
}

end_image.write("output.gif");

基本上我不知道如何将缓冲区转换为gm 的参数

以前有人做过吗？也许还有其他方法？

PS：我也尝试使用 gifencoder 包，并成功地将 gm 缓冲区作为帧输入到 gifencoder 的 API 中，但输出全部损坏。

Answer 1

对于任何寻找 JavaScript 编码器（而不是 C++ 节点模块）的人来说，gifencoder 似乎能够胜任这项工作。他们页面上的一个例子：

const GIFEncoder = require('gifencoder');
const encoder = new GIFEncoder(854, 480);
const pngFileStream = require('png-file-stream');
const fs = require('fs');

const stream = pngFileStream('test/**/frame?.png')
  .pipe(encoder.createWriteStream({ repeat: -1, delay: 500, quality: 10 }))
  .pipe(fs.createWriteStream('myanimated.gif'));

stream.on('finish', function () {
  // Process generated GIF
});

// Alternately, you can wrap the "finish" event in a Promise
await new Promise((resolve, reject) => {
  stream.on('finish', resolve);
  stream.on('error', reject);
});

Answer 2

这可能不是您正在寻找的答案，但我认为以下内容确实回答了问题标题：“如何在 Node.js 中使用 GM 生成动画 gif”

var Gm = require("gm");

Gm()
.in("image1.jpg")
.in("image2.jpg")
.delay(100)
.resize(600,600)
.write("animated.gif", function(err){
  if (err) throw err;
  console.log("animated.gif created");
});

Answer 3

gif 模块可让您创建静态和动画 gif，这可能会对您有所帮助。