通过浏览器访问摄像头

Question

我们正在为手机创建一个HTML5网站，并且需要通过网络浏览器访问摄像头，而不是原生应用。我们无法在iOS中完成这项工作。有谁知道这个解决方案？

Answer 1

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

Answer 2

我认为这一个工作。 录制视频或音频;

<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的工作，更多的细节可以在get user media

Answer 3

在iOS6的发现，苹果通过<input type="file">支持此标签。我无法在Apple的开发人员文档中找到有用的链接，但有一个示例here。

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

编辑：The w3c has a spec that iOS6 Safari seems to implement a subset of.capture属性显着缺失。

Answer 4

你可以试试这个：

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

但必须是iOS的6 +工作。这将会给你一个很好的对话，供您选择要么拍照或从您的相册上传一个即

一个例子可以在这里找到： Capturing camera/picture data without PhoneGap

Answer 5

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

<input type="file"> 

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

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

这是如上述，但限制了上传至照片只从相机或库，没有影片。