純前端實現的視頻合并

接上篇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項目