fluent-ffmpeg实现图片跑马灯效果

2019-10-19 11:17:59

fluent-ffmpeg实现图片跑马灯效果

代码如下

ffmpeg()
       .input(videoOne)
       .input(image2)
       .input(image3)
       .input(image4)
       .input(image5)
       .complexFilter(["[0:v][1:v]overlay=x='if(gte(t,0), min(-w+(t-1)*1800,0),NAN)':y=0[a]",
           "[a][2:v]overlay=x=0:y='if(gte(t,1), min(-h+(t-2)*1500,0),NAN)'[b]",
           "[b][3:v]overlay=x='if(gte(t,2), max(w-(t-3)*1800,0),NAN)':y=0[c]",
           "[c][4:v]overlay=x=0:y='if(gte(t,3), max(h-(t-4)*1500,0),NAN)'"
       ])
       .videoCodec('mpeg4')
       .outputOptions(['-b:v 10240k','-s 400*250'])
       .on('end', function() {
           console.log('video two end')
       })
       .on('error', function(error) {
           console.log('an error happend: create two video' + error)
       })
       .save('./images/test_outopt1.mp4')

下面是图片合成视频的效果图



图片合成视频效果图

  • 2020-04-12 17:42:43

    Node.js设置CORS跨域请求中多域名白名单的方法

    在Node.js中,res的响应头Header中的 Access-Control-Allow-Origin 属性不能匹配除 (*) 以外的正则表达式的,域名之间不能也用逗号分隔。也就是说, Access-Control-Allow-Origin 的属性值只允许设置为单个确定域名字符串或者 (*)。

  • 2020-04-14 09:40:59

    CSS3实现文字描边的2种方法

    首先想到去看CSS3有没有什么属性可以实现,后来被我找到了text-stroke     该属性是一个复合属性,可以设置文字宽度和文字描边颜色      该属性使用很简单:text-stroke:1px #f00;(1px是文字宽度,#ff是文字描边颜色)

  • 2020-04-14 09:42:47

    用 TypeScript 编写 npm 模块

    自从开始使用 Node.js 已经一年多,写的代码越多,越是觉得自己提高的越慢。想来应该有没有将单一功能的代码封装在一个独立模块,而导致代码稍微多一点就维护困难的原因。

  • 2020-04-14 09:46:25

    TypeScript 入门教程

    TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。 TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

  • 2020-04-14 09:51:03

    package.json 字段说明

    package.json 有很多字段,也有很多官方字段,我们需要知道他们的具体是做什么的才能很好的运用

  • 2020-04-14 15:35:52

    caniuse前端兼容性检查和使用

    相信大家都曾用caniuse网站查询过css、js的一些兼容性问题,并且都从它反馈的兼容性数据中获益,让我们的线上项目更加稳定、和谐的跑在用户电脑里。不过对于caniuse页面上的一些细节,我们可能会感到困惑或者模棱两可,今天就带着大家一起来重新认识caniuse这个网站,并对它的原理和细节做些探究。