Answers:
在iPhone iOS6和更高版本的Android ICS中,HTML5具有以下标签,该标签可让您从设备上拍照:
<input type="file" accept="image/*" capture="camera">
Capture
可以采用相机,便携式摄像机和音频之类的值。
我认为这个标签绝对不能在iOS5中使用,对此不确定。
<input type="file" accept="image/*;capture=camera">
改为使用代码。根据MDN,元素没有capture
属性input
。
capture="camera"
(字符串)和较早的accept="image/*;capture=camera"
被替换在2012年capture="capture"
(布尔)。该属性用于强制捕获,而不是从库中选择。请参阅规范和HTML媒体捕获的正确语法
如今,至少使用android相对容易。只需使用普通文件输入标签,当用户单击它时,电话就会询问用户是否要使用相机(或文件管理器等)上传文件。只需使用相机拍摄照片,它就会自动添加和上传。
不知道有关iphone的信息。也许有人可以对此有所启发。编辑:Iphone工作类似。
输入标签的示例:
<input type="file" accept="image/*" capture="camera">
multiple
在Android和iOS上均可使用,请参见HTML媒体捕获的正确语法
仅更新一下,现在的标准是:
<input type="file" name="image" accept="image/*" capture="environment">
访问面向环境的(后置)摄像头,以及
<input type="file" name="image" accept="image/*" capture="user">
用于面向用户的(前置)相机。要访问视频,请在名称中将“视频”替换为“图像”。
在运行iOS 10.3.3,固件760的iPhone 5c上进行了测试,可以正常工作。
iOS 6+和Android 2.2+上的Safari和Chrome支持HTML Media Capture,可让您使用设备的相机拍照或选择现有的相机:
<input type="file" accept="image/*">
这是在iOS 10上的工作方式:
Android3.0 +和iOS10.3 +上的Safari也支持capture
用于直接跳转到相机的属性。
<input type="file" accept="image/*" capture>
capture="camera"
(String)和accept="image/*;capture=camera"
(Parameter)是旧规范的一部分,并由capture
W3C候选推荐标准(Boolean)取代。
支持文档:这本2013 O'Reilly书籍和我的测试
capture
而不是capture="camera"
。好奇什么设备和Android版本。
您可以使用WEBRTC,但不幸的是,并非所有Web浏览器都支持它。以下是显示浏览器支持它的链接 http://caniuse.com/stream
并且此链接使您了解如何访问它(示例代码)。 http://www.html5rocks.com/zh-CN/tutorials/getusermedia/intro/
getUserMedia
过于矫揉造作<input type="file" accept="image/*">
。
AppMobi HTML5 SDK曾经承诺从基于HTML5的应用程序访问本机设备功能(包括相机),但不再由Google拥有。相反,请尝试本文中基于HTML5的答案。
您将要使用getUserMedia访问摄像机。
本教程概述了从浏览器访问设备摄像头的基础知识:https : //medium.com/@aBenjamin765/make-a-camera-web-app-tutorial-part-1-ec284af8dddf
注意:此功能适用于大多数Android设备,并且仅适用于Safari中的iOS。
我认为您不能-有一个W3C草案API可以获取音频或视频,但是在任何主要的移动OS上都没有实现。
次优唯一的选择是接受丹尼斯的建议使用PhoneGap。这意味着您需要创建一个本机应用程序并将其添加到移动应用程序商店/市场中。
没有任何其他机制(例如Flash或允许访问硬件API的某种类型的容器),我不知道从Web浏览器访问手机相机的任何方法
对于后者,请查看PhoneGap:http : //docs.phonegap.com/phonegap_camera_camera.md.html
这样,您至少应该能够在基于iOS和Android的设备上访问相机。