vue前端开发视频压缩FFmpeg插件

以下是使用vue和FFmpeg插件进行视频压缩的步骤：

1.安装FFmpeg插件

npm install --save @ffmpeg/ffmpeg

2.在Vue组件中引入FFmpeg插件

import { createFFmpeg, fetchFile } from '@ffmpeg/ffmpeg'

3.创建FFmpeg实例

const ffmpeg = createFFmpeg({ log: true })
await ffmpeg.load()

4.编写压缩视频的方法

async function compressVideo() {
  // 读取视频文件
  const videoFile = await fetchFile('input.mp4')
  // 开始压缩
  await ffmpeg.run('-i', videoFile, '-crf', '28', '-preset', 'slow', '-movflags', '+faststart', 'output.mp4')
  // 输出压缩后的视频文件
  const data = ffmpeg.FS('readFile', 'output.mp4')
  // 将压缩后的视频文件保存到本地
  const url = URL.createObjectURL(new Blob([data.buffer], { type: 'video/mp4' }))
  const link = document.createElement('a')
  link.href = url
  link.download = 'output.mp4'
  document.body.appendChild(link)
  link.click()
}

5.调用压缩视频的方法

compressVideo()