javascript - 是否可以剪切部分视频并仅使用 html5 和 js 将其上传到服务器

Question

我使用Filereader读取本地视频文件(mp4)，所以我可以在视频标签中显示它。

我需要剪切部分 mp4 文件(即 5 到 10 秒)并将其上传到服务器。

我目前的解决方案:我使用“from”和“to”参数在服务器上上传整个视频文件，在服务器上用 ffmpeg 剪切它，上传到 s3 并返回 url 视频。

也许只有 JS/HTML 才有可能？我找到了 Blob.slice 方法，但我不知道如何使用它来剪切视频部分。

谢谢!

Answer 1

mp4 视频文件由“原子”组成，就像文件中的信息或数据 block 。

它们包含有关电影中轨道的标题和元数据(音频、视频、字幕等)以及媒体数据本身。

这些概念很简单，但是当您查看一个 mp4 文件时，它会非常复杂 - 苹果开发者网站 (https://developer.apple.com/library/content/documentation/QuickTime/RM/Fundamentals/QTOverview/QTOverview_Document/QuickTimeOverview.html) 中有一个很好的示例:

如果您通过简单地从文件中的某个点到另一个点获取字节来获取 mp4 文件的“切片”，您可以看到您将丢失标题信息等，具体取决于您从哪里开始，并且大多数可能从“原子”的中间开始。

当您想剪切部分视频时，ffmpeg 等工具会努力提取和重组文件。

有些项目在 bowser 中运行 ffmpeg，但我不确定它们的实用性或采用程度 - 无论如何，这个似乎很受欢迎:

• https://github.com/bgrins/videoconverter.js