【问题标题】:Is it possible to cut part of video and upload it on server only with html5 & js是否可以仅使用 html5 和 js 剪切部分视频并将其上传到服务器上
【发布时间】:2018-03-17 23:18:22
【问题描述】:

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

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

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

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

谢谢!

【问题讨论】:

    标签: javascript html video blob filereader


    【解决方案1】:

    mp4 视频文件由“原子”组成,这些“原子”类似于文件中的信息或数据块。

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

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

    如果您通过简单地从文件中的某个点到另一个点获取 mp4 文件的“切片”,您会看到您将丢失标头信息等,这取决于您从哪里开始,而且大多数情况下可能从“原子”的中间开始。

    当您想要剪切部分视频时,像 ffmpeg 这样的工具会努力提取和重组文件。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-10-08
      • 2011-08-15
      • 2015-11-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多