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')

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



图片合成视频效果图

  • 2023-09-21 16:49:06

    用webpack.ProvidePlugin来解决Photo-Sphere-Viewer旧版本浏览器兼容问题

    上篇文章已经搭建了最基本的项目,我用手机下载了一个版本62.点开头的chrome apk来测试。 果真白屏,啥也没有,也看不到报错信息。 赶紧安装 vconsole ,重启,刷新,依然白屏,连vconsole也没有。这可咋弄。 想了下,这浏览器老的是可以呀,还得修改编译参数,加大es5的处理。 根目录有一个配置文件 .browserslistrc 里面的配置如下