通过浏览器访问摄像头

我们正在为手机创build一个HTML5网站，并且需要通过networking浏览器访问摄像头，而不是原生应用程序。 我们在iOS中做这个工作时遇到了麻烦。 有谁知道这个解决scheme吗？

Answer 1

你可以试试这个：

<input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput"> 

但它必须是iOS 6+的工作。 这会给你一个很好的对话，让你select要拍照还是从你的相册上传一个

一个例子可以在这里find： 捕获相机/图片数据没有PhoneGap

Answer 2

在iOS6中，Apple通过<input type="file">标签支持这一点。 我在苹果的开发者文档中找不到有用的链接，但这里有一个例子。

它看起来像覆盖，更高级的function尚不可用，但是这应该适用于很多用例。

编辑： W3C有一个规范，iOS6 Safari似乎实现了一个子集。 capture属性显着丢失。

Answer 3

截至2015年，它现在只是工作 。

 <input type="file"> 

这将要求用户上传任何文件。 在iOS 8.x上，这可以是照相机video，照相机照片或照片库中的照片/video。

 <input type="file" accept="image/*"> 

这与上述相同，但限制了仅从相机或图库上传照片的上传，没有video。

Answer 4

我认为这个正在工作。 录制video或audio;

 <input type="file" accept="video/*;capture=camcorder"> <input type="file" accept="audio/*;capture=microphone"> 

或（新方法）

 <device type="media" onchange="update(this.data)"></device> <video autoplay></video> <script> function update(stream) { document.querySelector('video').src = stream.url; } </script> 

如果不是，可能会在ios6上工作，更多细节可以在获取用户媒体中find

Answer 5

Picup应用程序是一种从HTML5页面拍照并将其上传到服务器的方式。 它需要一些额外的编程在服务器上，但除了PhoneGap，我还没有find另一种方式。