在图形魔术中从远程流创建 GIF

Question

我正在通过将每个图像下载到文件系统到 tmp 文件夹中，从节点中的远程文件创建 GIF。

我想绕过将图像保存到 tmp 文件夹并保存在内存中。这可能吗？

如您所见，我的 AWS 类中有一个下载功能，它保存到 tmp 文件夹中：

download(key){
return new Promise((resolve, reject) => {
request.head(`${this.base_url}/${this.bucket}/${key}`, (err, res, body) => {
request(`${this.base_url}/${this.bucket}/${key}`)
.pipe(fs.createWriteStream(`tmp/${key}`)).on('close', resolve )
})
})
};

一旦它们全部下载，我的 GifService 类中有一个 createGif 函数，它将每个文件路径添加为gm的自定义参数，添加 50 毫秒的延迟，调整大小然后输出为缓冲区，然后上传到 AWS s3。

import gm from 'gm';
...
constructor(){
this.gm = gm()
}
generateGif(images, prefix){
return new Promise((resolve, reject) => {
// for each image we want in array, we pass to gm
images.forEach(image => {
this.gm.in(`tmp/${image.Key}`)
})
// Now we create the gif with 50sec delay between images, sized to 600px x 2
this.gm
.delay(50)
.resize(600,600)
.toBuffer('gif', async (err, buffer) => {
if (err) reject(err)
const params = {
ACL: 'public-read',
Bucket: config.aws_bucket,
ContentType: 'image/gif',
Key: `${prefix}/${uuid()}.gif`,
Body: buffer
}
try{
// uplaod to S3
const upload = await this.aws.upload(params)
// resolve s3 URL
resolve(upload)
}catch(err) {
console.log('err', err)
reject(err)
}
});
})
}

理想情况下，如果我可以将远程文件流作为自定义参数传递，或者将缓冲区作为自定义参数传入，而不是我当前在 tmp 文件路径中传递的方式：

images.forEach(image => {
this.gm.in(`tmp/${image.Key}`)
})

Answer 1

我设法仅使用streams使其工作，首先将图像转换为miff并将它们连接成单个流。然后用delay将buffer或stream再次传递到gm中就可以了。

您需要安装concat-streamnpm 才能正常工作。

很抱歉混合了 ES5 代码。

import gm from 'gm';
var concat = require('concat-stream');
...
constructor() {
this.gm = gm()
}
start() {
return getYourReadAbleStreamsSomehow().then(streams => {
return generateGif(streams);
}).then(gifBuffer => {
return uploadToAWS(gifBuffer, prefix);
}).catch(err => {
console.log(err)
})
}
uploadToAWS(buffer, prefix) {
const params = {
ACL: 'public-read',
Bucket: config.aws_bucket,
ContentType: 'image/gif',
Key: `${prefix}/${uuid()}.gif`,
Body: buffer
}
try {
// uplaod to S3
const upload = await this.aws.upload(params)
// resolve s3 URL
resolve(upload)
} catch (err) {
console.log('err', err)
reject(err)
}
}
generateGif(imageStreams, delay) {
return new Promise((resolve, reject) => {
var write = concat(function(buffer) {
gm(buffer)
.delay(delay)
.toBuffer('gif', function(err, buffer) {
if (err) 
reject(err);
resolve(buffer);
})
})
//Convert to miff and concat streams
var i = 0;
var streamHandler = function() {
gm(imageStreams[i])
.resize('600', '600')
.stream('miff', function(err, stdout, stderr) {
if (err)
reject(err)
var lastOne = i === streams.length - 1;
if (!lastOne)
stdout.once('end', streamHandler)
stdout.pipe(write, {
end: lastOne
});
i++;
});
}
streamHandler();
})
}