uni-app 视频裁剪和剪切功能实现 要求使用 ffmpeg

uni-app 视频裁剪和剪切功能实现 要求使用 ffmpeg

截图

定制需求：

  1. 底部的缩略图可以支持到1秒1帧，时间超出的可以左右滚动（类似剪映app的效果）
  2. 裁剪播放精准定位到开始时间和结束时间，要支持毫秒
  3. 底部中间那个按钮【裁剪】按钮，点击后跳转页面到裁剪页面，可以自由拉动矩形框（裁剪的默认选择剪切的开始时间第一帧），选择好区域后，返回到截取页面，上面示意的视频就是对应裁剪的显示区域（类似剪映的裁剪功能效果）

能做的联系加我WX：18633060110


更多关于uni-app 视频裁剪和剪切功能实现 要求使用 ffmpeg的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

可以做 专业插件开发 q 1196097915 主页 https://ask.dcloud.net.cn/question/91948

更多关于uni-app 视频裁剪和剪切功能实现 要求使用 ffmpeg的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app中实现视频裁剪和剪切功能，可以借助FFmpeg这个强大的多媒体处理工具。以下是一个简单的示例，展示了如何在uni-app中使用FFmpeg进行视频裁剪和剪切。

首先，确保你已经安装了FFmpeg，并且能够在你的环境中调用它。在uni-app项目中，你可以通过Node.js的fluent-ffmpeg库来调用FFmpeg命令。

  1. 安装fluent-ffmpeg

    在你的uni-app项目根目录下，打开终端并运行以下命令来安装fluent-ffmpeg：

    npm install fluent-ffmpeg --save

  2. 使用FFmpeg进行视频裁剪

    下面是一个使用FFmpeg裁剪视频的示例代码：

    const ffmpeg = require('fluent-ffmpeg');
const ffmpegPath = 'path/to/ffmpeg'; // 替换为你的FFmpeg路径
const inputVideoPath = 'path/to/input/video.mp4'; // 替换为你的输入视频路径
const outputVideoPath = 'path/to/output/video_cropped.mp4'; // 替换为你的输出视频路径

ffmpeg.setFfmpegPath(ffmpegPath);

ffmpeg(inputVideoPath)
  .setStartTime('00:00:30') // 开始时间，例如从视频的30秒开始
  .setDuration('00:00:10') // 持续时间，例如裁剪10秒
  .save(outputVideoPath)
  .on('end', () => {
    console.log('视频裁剪完成');
  })
  .on('error', (err, stdout, stderr) => {
    console.error('裁剪视频时出错:', err.message);
    console.error('ffmpeg stdout:', stdout);
    console.error('ffmpeg stderr:', stderr);
  });

  3. 使用FFmpeg进行视频剪切（提取特定时间段）

    视频剪切实际上与裁剪类似，只是你可能需要指定一个不同的时间范围。以下是一个示例：

    ffmpeg(inputVideoPath)
  .setStartTime('00:01:00') // 开始时间，例如从视频的1分钟开始
  .setEndTime('00:02:00') // 结束时间，例如到视频的2分钟结束
  .save(outputVideoPath)
  .on('end', () => {
    console.log('视频剪切完成');
  })
  .on('error', (err, stdout, stderr) => {
    console.error('剪切视频时出错:', err.message);
    console.error('ffmpeg stdout:', stdout);
    console.error('ffmpeg stderr:', stderr);
  });

注意：

  • 确保你的FFmpeg路径和输入输出视频路径是正确的。
  • fluent-ffmpeg库在调用FFmpeg时，会在Node.js环境中运行，因此你可能需要在后端服务器中执行这些操作，或者通过某种方式在前端触发后端服务。
  • 裁剪和剪切的时间格式是HH:MM:SS（小时:分钟:秒）。

以上代码示例展示了如何在uni-app项目中使用FFmpeg进行视频裁剪和剪切。你可以根据具体需求进行调整和扩展。

回到顶部