【JS】纯web端使用ffmpeg实现的视频编辑器-视频合并

2024/10/24 4:32:39 来源：https://blog.csdn.net/sky529063865/article/details/140138139 浏览: 次关键词：【JS】纯web端使用ffmpeg实现的视频编辑器-视频合并

纯前端实现的视频合并

接上篇ffmpeg文章【JS】纯web端使用ffmpeg实现的视频编辑器

这次主要添加了一个函数，实现了视频合并的操作。

  static mergeArgs(timelineList) {const cmd = []console.log('时间轴数据',timelineList)console.log("文件1",this.readDir())console.log("文件2",this.readDir(this.resourceDir))// let textCmdList = []timelineList.forEach(time => {console.log('time',time,time.getLeftSecond())if(time.type === 'media') {cmd.push('-i /' + this.resourceDir  + time.getFile() + '  ')}})// 添加最后输出文明cmd.push('-filter_complex')cmd.push('[0:v][1:v]concat=n=2:v=1:a=0[outv]')cmd.push('-map')cmd.push('[outv]')cmd.push('-y')cmd.push(this.renderFileName)let args = cmd.join(' ')args = args.split(' ')console.log('命令',args)return args}

实现效果，把时间线上的视频合并成一个视频。
在这里插入图片描述

代码仓库
vue3-ffmpeg项目