Vue 2.0 前端使用 ffmpeg 压缩视频

1.

（我之前因为直接装了导致报错）

 要安装这个版本

npm install @ffmpeg/ffmpeg@0.10.1 -S

npm install @ffmpeg/core@0.10.0 -S

2.找到vue.config.js

devServer: {

    headers: {

      "Cross-Origin-Opener-Policy": "same-origin",

      "Cross-Origin-Embedder-Policy": "require-corp",

    },

}

加上红色这段代码

3. 我写在了js文件里 

export function resizeVideo(file) {
  return new Promise(function (resolve, reject) {
    const ffmpeg = createFFmpeg({
      corePath: "ffmpeg-core.js",
      log: true,
    });
    
    //开始压缩
    const transcode = async (file) => {
      const { name } = file;

      await ffmpeg.load();
      ffmpeg.FS("writeFile", name, await fetchFile(file));

      await ffmpeg.run("-i", name, "-b", "700000", "output.mp4");
      
      const vv = ffmpeg.FS("readFile", "output.mp4");
     
      //把压缩后的视频进行回显
      let files = new File([vv.buffer], file.name, {
        type: "video/mp4"
      });
      resolve(files);
    };
    transcode(file)
  })

}

我最后又转了一下blob！

美美解决 就是压缩很慢 最后我们不需要压缩视频了