如何从web应用程序访问手机摄像头?

在我的手机web应用(不是原生应用)中，我想拍一张照片并上传，但我不想使用Adobe Flash。有什么办法可以做到吗?

当前回答

我不认为你可以——有一个W3C API草案来获取音频或视频，但还没有在任何主要的移动操作系统上实现。

唯一的选择是按照丹尼斯的建议使用PhoneGap。这意味着你需要创造一款原生应用并将其添加到手机应用商店/市场中。

其他回答

AppMobi HTML5 SDK曾经承诺通过基于HTML5的应用程序访问本机设备功能(包括摄像头)，但现在不再属于谷歌所有。相反，试试这篇文章中基于html5的答案。

好吧，有一个新的HTML5功能来访问本机设备摄像头-“getUserMedia API”

注意:HTML5可以在Android设备上处理网页上的照片捕获(至少在Honeycomb OS运行的最新版本上是这样;但它不能在iphone上运行，只能在iOS 6上运行。

iOS 6+和Android 2.2+上的Safari和Chrome支持HTML Media Capture，允许您使用设备的相机或选择现有的相机拍照:

<输入类型=“文件” 接受=“图像/*”>

以下是它在iOS 10上的工作原理:

Android 3.0+和iOS10.3+上的Safari也支持capture属性，用于直接跳转到相机。

<输入类型=“文件” 接受=“图像/*” 捕获>

capture="camera" (String)和accept="image/*;capture=camera" (Parameter)是旧规范的一部分，并被capture (Boolean)所取代。

支持文档:这本2013年O'Reilly的书和我的测试

更新一下，现在的标准是:

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

访问面向环境(后置)的摄像头，和

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

面向用户(前置)摄像头。要访问视频，在名称上将“视频”替换为“图像”。

在iPhone 5c上测试，运行iOS 10.3.3，固件760，工作正常。

https://www.w3.org/TR/html-media-capture/

应该注意的是，已经实现了安全特性，这些特性要求应用程序在localhost下本地运行，或者通过SSL让GetUserMedia()工作。

我在尝试几个可用的演示时发现了这一点，当它们不起作用时感到失望!参见:新的安全限制

推荐文章