ffmpeg前端视频压缩

要在前端使用FFmpeg进行视频压缩，你可以使用FFmpeg的JavaScript库，例如`ffmpeg.js`或`fluent-ffmpeg`。以下是使用`ffmpeg.js`进行前端视频压缩的基本步骤：

1. 下载`ffmpeg.js`：从FFmpeg官方的GitHub存储库（https://github.com/ffmpegwasm/ffmpeg.wasm）下载`ffmpeg.js`文件。

2. 引入`ffmpeg.js`：将下载的`ffmpeg.js`文件放置在你的项目中，并在HTML文件中引入它。

<script src="path/to/ffmpeg.js"></script>

3. 初始化FFmpeg：在JavaScript代码中，使用以下代码初始化FFmpeg。

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

4. 选择和处理视频文件：你可以通过文件输入元素或其他方式让用户选择要压缩的视频文件。一旦用户选择了视频文件，你可以使用以下代码加载和处理视频。

const fileInput = document.querySelector('input[type="file"]');
const file = fileInput.files[0];

await ffmpeg.write('input.mp4', await file.arrayBuffer());
await ffmpeg.run('-i input.mp4 output.mp4');

在上述代码中，我们首先将用户选择的视频文件写入到FFmpeg的虚拟文件系统中（此处命名为`input.mp4`），然后运行FFmpeg命令进行视频压缩。

5. 获取压缩后的视频：使用以下代码从虚拟文件系统中获取压缩后的视频文件。

const compressedVideoData = await ffmpeg.read('output.mp4');
const compressedVideoBlob = new Blob([compressedVideoData.buffer], { type: 'video/mp4' });
const compressedVideoURL = URL.createObjectURL(compressedVideoBlob);

上述代码将压缩后的视频文件读取为`Uint8Array`，然后创建一个`Blob`对象，并使用`URL.createObjectURL()`方法创建一个URL，以便你可以在页面中显示或下载压缩后的视频。

请注意，这只是使用`ffmpeg.js`进行前端视频压缩的基本步骤。你可以根据需要进一步定制和处理视频。确保在实际使用中仔细阅读和理解`ffmpeg.js`的文档和示例代码。