如何使用Html5输入标签进行相机捕捉?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (103)

我使用下面的代码行来从我的web应用程序调用摄像头。

<input type="file" id="capture" accept="image/*; capture=camera" style="visibility:hidden;">

使用此功能,我可以在iOS6中打开应用程序时弹出选择“选择现有照片”和“拍照”的选项。但我想直接打开摄像头捕捉,而不是弹出此对话框,然后选择“拍照”选项。

提问于
用户回答回答于

根据安全/隐私原因的规范,恐怕这是不可能的:

用户代理不应该启用任何媒体捕获设备,例如麦克风或摄像头,直到完成用户交互暗示同意为止。

另一种方法是使用getUserMedia。这仍然显示请求用户权限的对话框,但在某些浏览器中,用户可以选择在授予对域的访问权后隐藏它。

用户回答回答于
<input type="file" name="file" accept="image/*" capture="camera" />

在Android上使用Chrome(至少)。

扫码关注云+社区

领取腾讯云代金券