时间戳

首页 > 解决方案 > 用fluent-ffmpeg创建GIF，覆盖不显示？

node.js - 用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 });

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

标签： node.jsffmpegfluent-ffmpeg

解决方案

问题是参数的顺序。如果我以这种方式订购它们：

[
    `-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 很重要。

推荐阅读