如何使用HTML代码或javascript从移动设备上的视频设备捕获视频

Question

理想情况下，我想要做的是在我的网站上捕获和记录视频，但是iphone和移动设备友好，因此移动用户可以在他们的手机上保存视频并将其上传到我的网站。我需要能够在任何设备上使用摄像头输入网络摄像头输入，因为移动设备会显示实时预览，录制和播放。然后上传它。我不认为任何闪光灯会有帮助，因为iPhone不读取闪光灯。我尝试了几个html5 http://www.html5rocks.com/en/tutorials/getusermedia/intro/的例子，但它不适用于iPhone或移动设备。任何帮助，将不胜感激

Answer 1

HTML Media Capture标准是一种仅限HTML的解决方案，适用于所有移动浏览器。录制视频使用：

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

以下是上述代码在iOS8上的显​​示方式：图片由https://addpipe.com/blog/the-new-video-recording-prompt-for-media-capture-in-ios9/提供

唯一的问题是，您将从iOS设备获取.mov视频，从Android设备获取.mp4 / .3gp视频。那些.mov文件无法在Android上播放。

HTML Media Capture是一个仅限移动设备的解决方案，它不是在桌面浏览器中实现的。

Answer 2

使用phonegap框架，你可以做到

http://docs.phonegap.com/en/1.5.0/phonegap_media_capture_capture.md.html#Capture