Js使用ffmpeg进行视频剪辑和画面截取

在JavaScript中使用FFmpeg进行视频剪辑和画面截取，你可以使用ffmpeg.wasm，这是FFmpeg的WebAssembly版本。以下是一个简单的示例代码，展示如何使用ffmpeg.wasm来剪辑视频和截取画面：

首先，你需要引入ffmpeg.wasm库和fluent-ffmpeg这样的库来进行操作。

<script src="https://cdn.jsdelivr.net/npm/fluent-ffmpeg@~2.1.0/dist/fluent-ffmpeg.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ffmpeg.wasm@4.1-dev/ffmpeg.min.js"></script>

然后，你可以使用以下代码来剪辑视频和截取画面：

// 初始化FFmpeg
ffmpeg.setPath('/path/to/ffmpeg.wasm');
 
// 剪辑视频
function clipVideo(inputPath, outputPath, start, duration) {
  return ffmpeg({ source: inputPath })
    .setStartTime(start)
    .duration(duration)
    .output(outputPath)
    .run();
}
 
// 截取画面
function captureFrame(inputPath, outputPath, time) {
  return ffmpeg({ source: inputPath })
    .capture(time)
    .output(outputPath)
    .run();
}
 
// 使用示例
clipVideo('input.mp4', 'output.mp4', '00:00:10', '00:00:05').then(() => {
  console.log('视频剪辑完成');
}).catch(err => {
  console.error('视频剪辑出错:', err);
});
 
captureFrame('input.mp4', 'output.jpg', '00:00:15').then(() => {
  console.log('画面截取完成');
}).catch(err => {
  console.error('画面截取出错:', err);
});

请注意，你需要将/path/to/ffmpeg.wasm替换为实际的FFmpeg WebAssembly库路径。此外，确保你的服务器配置允许读取和写入视频和图片文件。