使用Html5输入标签捕获相机

时间:2013-03-22 05:28:50

标签: javascript html5

我正在使用以下代码行来从我的网络应用程序调用相机。

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

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

提前致谢。

3 个答案:

答案 0 :(得分:9)

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

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

答案 1 :(得分:1)

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

  

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

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

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

答案 2 :(得分:0)

您在Android上使用哪种浏览器?此页面表明它不适用于Chrome,但应适用于Android浏览器和iOS Safari。它没有特别提及Android版Chrome。我在LG G6手机上使用Chrome浏览器测试了该标签,但该标签无法正常工作。我无法测试Android浏览器-手机上似乎缺少该浏览器。

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