HTML5从图像生成视频

我想知道,因为HTML和Javascript一起迷人,如果HTML5中有一个解决方案来生成许多图像的视频文件？

例如,您可以通过操作画布将视频加载到画布中并使其显示为灰度视频.但是,我想知道,如果有一种方法可以从该greyscaled版本生成视频文件.如果你想通过whatsapp等发送视频,那将是有意义的.

谢谢

开始了:

文章:http://techslides.com/convert-images-to-video-with-Javascript

演示:http ://techslides.com/demos/image-video/create.html (一次选择多个图像)

码: [just view the source]

你可以下载.webm视频文件

@ K3N回答提到构建编码器.幸运的是有一个 - https://github.com/antimatter15/whammy - 文章摘录:

你需要一个视频编码器,今天我偶然发现了Whammy,一个实时的Javascript WebM编码器.

当前没有内置API可以在HTML5中进行视频编码。虽然正在进行一些工作，以允许基本的视频和音频录制-但目前尚不可用（FireFox中提供音频录制-它也仅限于流）。

如果您对gif动画没问题，则可以使用其中的一种编码器将帧编码为gif（请参见下文）。

对于视频-已经进行了一些尝试，或多或少都取得了成功（我心目中的项目似乎不再可用），但是从一个浏览器到另一个浏览器存在问题。

可以按照视频编码和文件格式规范，自己构建低级样式的编码器。可行，但这不是一个小项目。

无论如何，即使对于本机编译的应用程序，对视频进行编码也是一项非常耗费性能的任务。在浏览器中运行这样的任务将是一个更加缓慢的过程，对于许多用户来说可能不切实际（移动设备会消耗掉这些电池）。

IMO的更好方法（至少在当前，直到上述API可用之前）是将图像发送到服务器，并让服务器在后台处理编码作业，然后将结果发送到客户端。这样，您可以使用多线程，卸载客户端，使用本地编译的编码器（例如ffmpeg），然后可以将生成的视频流回。

一些资源

MediaStream录制API

Gif编码器1

Gif编码器2（NodeJS）

HTML5录像信息和状态

实时视频编码器（NodeJS / ffmpeg）

libvpx（需要emscripten / asm.js）