如何使用没有Flash的网络浏览器以h.264格式捕获和存储视频?

时间:2013-07-24 14:03:26

标签: javascript html5 ffmpeg html5-video h.264

如何使用不带闪存的网络浏览器以 h.264格式捕获视频存储

根据我的分析, HTML5 可用于访问相机和麦克风,无需任何其他插件,如此链接所示。 “http://www.html5rocks.com/en/tutorials/getusermedia/intro/

然而,我不知道以h.264格式存储视频的可能性。

我希望不安装任何其他插件。但是,如果没有任何额外的插件不可能,我会接受它。如果需要,我也可以使用** Java Applets

HTML 5是唯一的选择还是可以使用JScript本身?我也希望 ffmpeg也可以帮助我。

2 个答案:

答案 0 :(得分:2)

尚未,但看起来它即将来临。

MediaStream Recording有一个草案规范,但尚未在任何浏览器中实现。有一个ticket可以将其构建到Chrome中,您可以跟踪它。

有人为record video into WebM构建了一个Javascript库,虽然它没有音频。它使用浏览器的内置函数来保存WebP图像以进行编码。从理论上讲,你可以在Javascript中编写一个h.264编码器,但编写速度非常慢,很难写。

答案 1 :(得分:1)

3年后,现在可以使用 Chrome 52 (2016年7月20日)和 Media Recorder API在浏览器中录制H.264视频 没有插件或Java或Flash。

Chrome 52是第一款同时支持Media Recorder API和H.264视频编码的产品。 Chrome 49,50和51仅支持VP8& VP9作为视频编解码器和Chrome 48-不支持Media Recorder API。

使用的音频编解码器仍然是Opus @ 48kHz ,容器是.webm,所以如果你想要广泛的浏览器/设备支持,你仍然必须通过FFmpeg传递文件。< / p>

This article(由我共同提出)详细介绍了Firefox和Chrome中的Media Recorder API以及Chrome 52上的Media Recorder API demo that supports H.264编码+相关代码{{ 3}}

免责声明:我在Pipe处理视频录制。