fluent-ffmpeg图片合成视频

2019-10-19 11:16:46

1.思路

  1. 一张图片做背景图,生成视频总长度的视频

  2. 分别将需要添加的视频逐一添加到视频内

代码如下

生成视频

ffmpeg(image1) //图片文件
        .loop(5)
        .videoBitrate('2048k')
        .videoCodec('mpeg4')
        .on('end', function() {
            console.log('video one end')
        })
        .on('error', function(error) {
            console.log('an error happend: create one video' + error)
        })
        .save('./images/test_output1.mp4') //输出的第一个视频文件


插入图片到视频

 .input(videoOne) //第一个视频
        .input(image2)
        .complexFilter(["[0:v][1:v]overlay=x='if(gte(t,1), -w+(t-1)*800,NAN)':y=0"])  // 当时间大于1s 图片从左到右 
	    .videoCodec('mpeg4')
        .outputOptions('-b:v 4096k')
        .on('end', function() {
            console.log('video two end')
        })
        .on('error', function(error) {
            console.log('an error happend: create two video' + error)
        })
        .save(videoTwo)

一个问题

ffmpeg  -i ./images/output1.mp4 -loop 1  -t 1 -i ./images/2.jpg -filter_complex "
overlay=x='if(gte(t,1), -w+(t-1)*800,NAN)':y=0" -b:v 2048k -vcodec mpeg4 -y ./images/output3.mp4

如果直接用ffmpeg指令,fliter里直接写overlay就行了,但是使用fluent-ffmpeg同样的写法图片就怎么也合成不到视频中去,只是1s的单独视频,需要[0:v][1:v]这样使用。

  • 2018-10-28 10:50:26

    VectorDrawable简单介绍

    在项目中使用矢量图至少可以缩小我们apk包的尺寸,而且可以在屏幕适配时提供很大的方便,因为矢量图是分辨率无关的。

  • 2018-10-28 11:14:29

    矢量资源工具Vector_Asset_Studio

    Android Studio有一个称为“Vector Asset Studio”的工具, 它可以将SVG文件和PSD文件转化为工程可用的矢量可绘制资源(vector drawable resources),

  • 2018-10-28 11:16:09

    Android vector标签 PathData 画图超详解

    SVG是一种矢量图格式,是Scalable Vector Graphics三个单词的首字母缩写。在xml文件中的标签是<vector>,画出的图形可以像一般的图片资源使用,例子如下

  • 2018-10-30 00:16:41

    android ToolBar 设置颜色

    app:popupTheme——有时候我们有需求:ActionBar文字是白的,ActionBar Overflow弹出的是白底黑字让ActionBar文字是白的,那么对应的theme肯定是Dark。可是让ActionBar弹出的是白底黑字,那么需要Light主题。这时候popupTheme就派上用场了。android:theme 与app:theme——在AppCompat v21里,提供了一个快速方便的方法设置Toolbar的主题,使用app:theme。而新版本22.1.x中,AppCompat 允许对 Toolbar 使用 android:theme代替 app:theme。最好的一点是:它会自动继承父视图的theme ,并且兼容所有APIv11以上的设备。

  • 2018-11-01 22:08:19

    Android Toolbar左、中、右对齐

    默认的Android Toolbar中添加子元素view是从左到右依次添加。需要注意的是,Android Toolbar为自身的NavigationIcon(app:navigationIcon)最靠右,Logo(app:logo)紧接NavigationIcon、Title(app:title)接续Logo、保留了默认的位置(从左边到右)。这些Android Toolbar保留的系统设置字段将挤压开发者自己安放在Toolbar中的子view,如图所示: