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

时间:2013-02-11 22:11:28

标签: javascript html html5 webcam

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

2 个答案:

答案 0 :(得分:3)

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

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

以上是iOS8上面的代码: HTML Media Capture on iOs 图片由https://addpipe.com/blog/the-new-video-recording-prompt-for-media-capture-in-ios9/

提供

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

HTML Media Capture是一种仅限移动设备的解决方案,未在桌面浏览器中实施。

答案 1 :(得分:0)

使用phonegap框架,你可以做到

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