vue2 压缩视频方法

Vue.js 是一个前端框架，并不直接提供视频压缩的功能。不过你可以使用一些现有的 JavaScript 库来实现视频压缩的功能，然后在 Vue.js 中调用它们。

一个常用的 JavaScript 库是 `ffmpeg.js`，它是一个基于 `FFmpeg` 的 JavaScript 实现，可以在浏览器中进行视频和音频编解码、转换和处理。你可以使用该库来压缩视频。

下面是一个示例代码：

<template>
  <div>
    <input type="file" @change="compressVideo">
  </div>
</template>

<script>
import FFmpeg from '@ffmpeg/ffmpeg';

export default {
  data() {
    return {
      ffmpeg: null
    };
  },
  async mounted() {
    // 初始化 ffmpeg.js
    this.ffmpeg = await FFmpeg.create();
  },
  methods: {
    async compressVideo(event) {
      const file = event.target.files[0];
      // 读取视频文件
      const input = await this.ffmpeg.readFile(file);
      // 压缩视频
      const output = await this.ffmpeg.run('-i', input, '-vf', 'scale=-2:480', '-c:a', 'copy', '-preset', 'slow', 'output.mp4');
      // 保存压缩后的视频文件
      const videoBlob = new Blob([output.data], { type: 'video/mp4' });
      const url = URL.createObjectURL(videoBlob);
      const a = document.createElement('a');
      a.href = url;
      a.download = 'compressed.mp4';
      a.click();
      URL.revokeObjectURL(url);
    }
  }
}
</script>

这个示例代码中，我们通过 `input` 元素读取用户选择的视频文件。然后，使用 `ffmpeg.js` 压缩视频，将压缩后的视频保存到 `output.mp4` 文件中。最后，将压缩后的视频文件转换为 `Blob` 对象，并让用户下载。

需要注意的是，视频压缩是一个耗时的操作，可能需要几分钟甚至更长时间。你需要在用户界面中提供一些反馈，让用户知道进度和状态。