所有浏览器和平台中的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">

2. 允许图像和视频

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

3. 对于多个文件

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

Image show the supported browsers and versions