使用 fluent-ffmpeg 创建 GIF，未显示叠加？

问题描述

我正在尝试从 mp4 视频创建 GIF，并在其上叠加。所以有两个输入，video.mp4 和 overlay.png，它们都是 https url。

gif 已创建，ffmpeg 未显示任何错误，但覆盖图未出现在 gif 中。代码：

ffmpeg()
    .withOptions([
        '-i video.mp4'
        `-ss 1`,`-i overlay.png`,'-f gif',`-filter_complex [0:v]trim=duration=3,setpts=PTS-STARTPTS,scale=450:-1[trimmed];[trimmed]split[trimmed1][trimmed2];[trimmed2]reverse[rev];[trimmed1][rev]concat=n=2:v=1:a=0[v];[v][1:v]overlay=0:0:format=rgb[overlayed];[overlayed]split[a][b];[a]palettegen=stats_mode=diff[palette];[b][palette]paletteuse=bayer:bayer_scale=3.5`
    ])
    .on('start',cmdLine => {
        console.log(`Started FFMpeg`,cmdLine);
    })
    .on('end',() => {
        console.log(`Success!.`);
        resolve();
    })
    .on('error',(err: Error,stdout,stderr) => {
        console.log(` Error:`,err.message);
        console.error('stdout:',stdout);
        console.error('stderr:',stderr);
        reject();
    })
    .pipe(destinationStream,{ end: true });

注意：我必须使用流，而不是保存到文件。

解决方法

问题是参数的顺序。如果我这样订购它们：

[
    `-ss 1`,'-i video.mp4'    
    `-i overlay.png`,`-filter_complex [0:v]trim=duration=3,setpts=PTS-STARTPTS,scale=450:-1[trimmed];[trimmed]split[trimmed1][trimmed2];[trimmed2]reverse[rev];[trimmed1][rev]concat=n=2:v=1:a=0[v];[v][1:v]overlay=0:0:format=rgb[overlayed];[overlayed]split[a][b];[a]palettegen=stats_mode=diff[palette];[b][palette]paletteuse=bayer:bayer_scale=3.5`
    '-f gif'
]

然后显示叠加层。我不知道顺序对 ffmpeg 很重要。