使用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

出于安全/隐私原因，我担心这是不可能的：

用户代理不应启用任何用于媒体捕获的设备，例如麦克风或相机，直到完成隐式同意的用户交互。

http://www.w3.org/TR/capture-api/#security

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

Answer 3

你在Android上使用什么浏览器？ 此页面表明它无法在Chrome上运行，但可以在Android浏览器和iOS Safari上运行。 它没有特别提到Chrome for Android。 我在LG G6手机上使用Chrome浏览器测试了标签，但它无效。 我无法测试Android浏览器 - 它似乎在我的手机上丢失了。

https://caniuse.com/#feat=html-media-capture