在 JavaScript 中创建 MP4 视频 [关闭]

Posted

技术标签:

【中文标题】在 JavaScript 中创建 MP4 视频 [关闭]【英文标题】:Create MP4 video in JavaScript [closed] 【发布时间】:2016-03-15 23:32:35 【问题描述】:

是否可以通过 javascript 在浏览器上创建 MP4 视频? (我知道现在可以在 Flash 中使用 FlashyWrappers)

理想情况下,我将向它提供图像帧(原始、PNG 或任何内容),然后它将它们组合成一个 MP4 视频。

编辑:我希望在客户端创建视频,而不是向服务器提供图像数据。

【问题讨论】:

【参考方案1】:

我认为这是一个非常奇怪的问题!你让我想...

html5 在所有主流浏览器中都支持 MP4(最新版本):http://www.w3schools.com/html/html5_video.asp

谷歌上“Base64 url​​ 编码的 HTML5 视频”的第一次点击给了我这个:http://iandevlin.com/html5/data-uri/video.php

仅此一点就让我相信应该可以接收一些 JPEG 并将其转换为 MP4 数据,Base64 编码和播放全部纯粹在浏览器中(JS + HTML)。

在这一点上,我“觉得可行”。我真的只是在打字时思考——这是“信封背面”的思考方式。

ffmpeg 我知道这是一个现有的 MP4 库 - 并且是一个备受推崇的库。它可能(未经检查)是用 C 之类的低级语言编写的,所以我们需要将它移植到 JavaScript。果然,谷歌表明这已经成为可能/完成:https://bgrins.github.io/videoconverter.js/

(您可以采取很多其他路线,这只是一些想法。)

那么,获取ffmpeg 的 JS 端口 - 获取一些图像,将其处理为一些视频数据,Base64 对其进行编码并将 HTML5 播放器扔到 DOM 中?

我不怀疑这会很容易 - 如果它是海恩斯手册,我怀疑 3 扳手 :) MP4 是一种二进制文件格式 - 所以除非你已经完全理解它-to-front 你将很难调试它为什么不起作用(我怀疑)。或者你可能很幸运 - 第一次让它“正常工作”;-)

我很想看看你能走多远!

【讨论】:

以上是关于在 JavaScript 中创建 MP4 视频 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

视频文件转换为 .mp4 后不显示

Webpack 3 找到 .mp4 文件,但视频无法播放

在 FFMPEG 中创建分段 MP4 的刷新和延迟问题

如何循环输入视频x使用FFMPEG的时间?

Unity中怎么播放视频

使用 javascript 检测 MP4 视频是不是有音轨