所有浏览器和平台中的 HTML5 和视频捕获可能性答案

【问题标题】：HTML5 and Video capturing possibilies in all the Browsers and platforms所有浏览器和平台中的 HTML5 和视频捕获可能性
【发布时间】：2019-04-17 20:31:07
【问题描述】：

在过去的几个月里，我开始搜索使用 HTML5 进行视频录制的可能性。但我发现只有在opera 和chrome 在桌面浏览器中使用getUserMedia() 才有可能，而且我不知道移动浏览器。因为HTML5 现在正在蓬勃发展。谁能告诉我所有桌面和移动浏览器都可以用 HTML5 录制视频吗？如果可能的话，请解释一下如何？....请让我知道在所有平台上使用 HTML5 进行视频捕获的可能性是什么。

【问题讨论】：

标签： ios html cross-browser video-capture getusermedia

【解决方案1】：

到目前为止，Chrome（桌面版和移动版）和 Firefox（仅桌面版）提供了最佳兼容性。

Opera 也支持getUserMedia()，但除此之外，Opera 不支持其余 API。

已经有多次尝试直接从浏览器录制视频，但目前还没有建立标准。

我推荐你阅读一篇关于 HTML5 视频和音频捕获状态的好文章：http://hdfvr.com/html5-video-recording

此外，如果您希望查看 webRTC 实验当前正在开发的一些演示： https://www.webrtc-experiment.com/RecordRTC/

【讨论】：

【解决方案2】：

全面披露：我为 Ziggeo 工作。

WebRTC 支持目前仅限于 Chrome、Opera 和 Firefox，支持程度不同：

Firefox 允许您将视频+音频录制为 webm blob 并将其发送到您的服务器
Chrome 和 Opera 提供对视频帧和音频信号的访问，因此您需要在 JS 中对自己进行编码，将其发送到您的服务器并拼接在一起

对于所有其他浏览器和旧版本的 Firefox、Chrome 和 Opera，您需要回退到 Flash，导致 flv 文件通过 RTMP 传输。

【讨论】：

【解决方案3】：

在 HTML5 中捕获音频和视频

<input type="file" name="video" accept="video/*" capture="capture">

允许图片和视频

<input type="file" name="video" accept="video/*,image/*">

对于多个文件

<input type="file" name="video" accept="video/*" multiple>

Image show the supported browsers and versions

【讨论】：