uniapp视频压缩如何实现

在uniapp中如何实现视频压缩功能？目前需要将用户上传的视频进行压缩处理以减少文件大小，但不知道具体该怎么做。是否有现成的插件或方案可以实现这个功能？希望能得到详细的实现步骤或推荐的工具库。

2 回复

使用uniapp的uni.compressVideo API，选择视频后调用即可压缩。支持设置压缩质量、分辨率等参数。注意H5端不支持，需在App端使用。


在UniApp中实现视频压缩，可以通过以下两种主要方式：

方法一：使用uni.compressVideo API（推荐）

UniApp官方提供了视频压缩API，支持H5、App和微信小程序平台：

// 选择视频
uni.chooseVideo({
  sourceType: ['camera', 'album'],
  success: (res) => {
    // 压缩视频
    uni.compressVideo({
      src: res.tempFilePath,
      quality: 'medium', // 压缩质量：low, medium, high
      success: (compressRes) => {
        console.log('压缩后视频路径:', compressRes.tempFilePath);
        console.log('压缩后大小:', compressRes.size);
        
        // 上传压缩后的视频
        uni.uploadFile({
          url: '你的上传地址',
          filePath: compressRes.tempFilePath,
          name: 'video',
          success: (uploadRes) => {
            console.log('上传成功', uploadRes);
          }
        });
      },
      fail: (err) => {
        console.log('压缩失败', err);
      }
    });
  }
});

方法二：使用第三方插件

如果需要更精细的控制，可以使用第三方插件：

1. 安装FFmpeg插件

// 在manifest.json中配置
"app-plus": {
  "modules": {
    "Video": {}
  }
}

2. 使用示例

// 压缩配置
const compressOptions = {
  src: '原视频路径',
  dest: '压缩后路径',
  quality: 0.7, // 质量 0-1
  bitrate: 1000000, // 比特率
  fps: 24, // 帧率
  width: 640, // 宽度
  height: 360 // 高度
};

// 执行压缩
uni.compressVideo(compressOptions);

注意事项

  1. 平台差异：

    • H5平台支持有限
    • App平台支持最好
    • 小程序平台受平台限制

  2. 压缩参数建议：

    • 分辨率：480p或720p
    • 比特率：500kbps-1500kbps
    • 帧率：24-30fps

  3. 文件大小控制：

    • 压缩前检查原文件大小
    • 根据需求调整压缩质量
    • 建议压缩到10MB以内

选择官方API通常更稳定，如需要高级功能再考虑第三方方案。

回到顶部