在 Reactjs 中上传之前剪切视频

【问题标题】：Cut video before uploading in Reactjs在 Reactjs 中上传之前剪切视频
【发布时间】：2022-01-07 08:50:15
【问题描述】：

我可以在 js 中使用 ffmpeg，但我如何在 react 中使用此代码

    const ffmpegPath = require('@ffmpeg-installer/ffmpeg').path
    const ffmpeg = require('fluent-ffmpeg')
    ffmpeg.setFfmpegPath(ffmpegPath)

    ffmpeg('video.mp4')
    .setStartTime('00:00:03')
    .setDuration('10')
    .output('video_out.mp4')
    .on('end', function(err) {
            if(!err) { console.log('conversion Done') }
    })
    .on('error', function(err){
            console.log('error: ', err)
    }).run()

【问题讨论】：

标签： reactjs video upload cut

【解决方案1】：

据我了解，您想在上传视频文件之前对其进行更改？

恐怕这在浏览器中很难做到。浏览器通常无法轻松访问计算机的本地文件系统，并且在读取和写入磁盘时遇到问题。

您包含的代码适用于节点环境。提示是在第 1 行和第 2 行使用 required 函数，因为节点本身提供了此函数。

我建议的解决方案是：

用户通过 React 应用将原始（全长）视频上传到您的服务器。
服务器处理文件（使用节点环境和您复制的代码）并删除前三秒。关于如何在 nodejs 中接收视频上传的教程可以在这里找到：froala nodejs video upload
服务器保存新文件并删除原始文件

我希望这会有所帮助。

【讨论】：