ノードJSを使用して複数のJPGをアニメーションGIFにパイプ

Question

アニメーションGIFに5つの特定のJPGファイル名をパイプしてみようとしています。私はいくつかの図書館を見て、Gif-Encoderを見つけました。私はストリームではあまり良くありません。私はJPEG DecoderのRGB結果をエンコーダーのaddFrame（）メソッドにパイプする方法を理解できないようです。

function createAnimatedGif(jpgPaths, animatedGifPath) { 
    let encoder = new GifEncoder(1280, 720); 

    let writeStream = fs.createWriteStream(animatedGifPath); 
    encoder.pipe(writeStream); 
    encoder.writeHeader(); 

    jpgPaths.forEach(filePath => { 
     fs.createReadStream(filePath) 
      .pipe(new JPEGDecoder) 
      //.pipe(encoder); 
      //.pipe(pixels => encoder.addFrame(pixels)); 
    }); 

    encoder.finish(); 
} 

Answer 1

読み取りストリームを使用する必要がありますか？私はモジュール 'get-pixels'を使っていくつかの成功を収めました。

var getPixels = require('get-pixels') 
var GifEncoder = require('gif-encoder'); 
var gif = new GifEncoder(1280, 720); 
var file = require('fs').createWriteStream('img.gif'); 
var pics = ['./pics/1.jpg', './pics/2.jpg', './pics/3.jpg']; 

gif.pipe(file); 
gif.setQuality(20); 
gif.setDelay(1000); 
gif.writeHeader(); 

var addToGif = function(images, counter = 0) { 
    getPixels(images[counter], function(err, pixels) { 
    gif.addFrame(pixels.data); 
    gif.read(); 
    if (counter === images.length - 1) { 
     gif.finish(); 
    } else { 
     addToGif(images, ++counter); 
    } 
    }) 
} 
addToGif(pics);