所有浏览器和平台中的HTML5和视频捕获功能

Question

过去几个月我开始使用HTML5搜索视频录制的可能性。但我发现只有opera和chrome才能在桌面浏览器中使用getUserMedia()并且我不了解移动浏览器。因为HTML5现在正在蓬勃发展。任何人都可以告诉我，所有桌面和移动浏览器都可以在HTML5中录制视频吗？如果可能的话请解释我如何？....请告诉我使用HTML5为所有平台拍摄视频的可能性。

Answer 1

截至目前，Chrome（包括桌面版和移动版）和Firefox（仅限桌面版）提供了最佳兼容性。

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

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

有一篇关于HTML5视频和音频捕获状态的文章很好，我建议您阅读：http://hdfvr.com/html5-video-recording

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

Answer 2

完全披露：我为Ziggeo工作。

WebRTC支持目前仅限于Chrome，Opera和Firefox，并提供不同程度的支持：

• Firefox允许您将视频+音频录制为webm blob并将其发送到您的服务器

• Chrome和Opera可以访问视频帧和音频信号，因此您需要在JS中对自己进行编码，将其发送到您的服务器并将其拼接在一起

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

Answer 3

1. 用HTML5捕获音频和视频

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

1. 同时允许图片和视频

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

1. 用于多个文件

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

Image show the supported browsers and versions