通过浏览器访问相机

我们正在创建一个用于移动设备的HTML5网站，并且需要通过Web浏览器访问摄像头而不是本机应用程序。我们在iOS上无法正常工作。有人知道解决方案吗？

您可以尝试以下方法：

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

但必须使用iOS 6以上版本才能运行。这将为您提供一个不错的对话，供您选择拍摄照片或从相册上传照片，即

可以在此处找到一个示例：在 没有PhoneGap的情况下捕获相机/图片数据

截至2015年，它现在可以正常使用。

<input type="file">

这将要求用户上传任何文件。在iOS 8.x上，这可以是摄像机视频，摄像机照片或“照片库”中的照片/视频。

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

如上所述，但是仅将上传的照片限制为来自相机或图库的照片，而没有视频。

在iOS6中，Apple通过<input type="file">标签支持此功能。我找不到苹果的开发者文档中一个有益的联系，但有一个例子在这里。

看起来叠加层和更高级的功能尚不可用，但是这在许多用例中都可以使用。

编辑：w3c有一个规范，iOS6 Safari似乎实现了其中的一个子集。该capture属性明显丢失。

我认为这是有效的。录制视频或音频；

<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上运行，请在获取用户媒体上找到更多详细信息。

该PICUP应用程序是由HTML5网页拍照并上传到服务器的方式。它需要在服务器上进行一些额外的编程，但是除了PhoneGap之外，我还没有找到其他方法。

这个问题已经有好几年了，但是在那个时候，其他一些可能性发生了变化，例如直接访问相机，显示预览和捕获快照（例如，用于QR码扫描）。

这谷歌开发者的文章提供了所有的深入的解释（？）的方式如何让图像/摄像机数据转换成一个Web应用程序，从“工作无处不在”（即使是在桌面浏览器），以“只在现代工作，最新的相机的最新移动设备”。以及许多有用的技巧。

解释方法：

• 询问网址
• 文件输入（此处有大多数其他文章所介绍）
• 拖放（适用于桌面浏览器）
• 从剪贴板粘贴
• 以交互方式访问摄像机（如果应用程序需要对其“看到的”内容（例如QR码）提供即时反馈，则是必不可少的）