使用Html5输入标签捕获相机

Question

我使用下面的代码行来从我的Web应用程序调用相机.

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

使用此功能,当在iOS6中打开应用程序时,我可以弹出"选择现有照片"和"拍照"选项.但是我想直接打开相机捕捉而不是弹出然后选择"拍照"选项.

提前致谢.

Answer 1

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

适用于Android上的Chrome(至少).

Answer 2

出于安全/隐私原因，恐怕根据规范这是不可能的：

在给出隐式同意的用户交互完成之前，用户代理不应启用任何媒体捕获设备，例如麦克风或摄像头。

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