Html 使用 Html5 输入标签的相机捕获
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/15563336/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Camera capture using Html5 input tag
提问by Kiara_2013
I am using the below line of code in order to invoke camera from my web application.
我正在使用下面的代码行来从我的 Web 应用程序调用相机。
<input type="file" id="capture" accept="image/*; capture=camera" style="visibility:hidden;">
Using this, I am able to get the pop up with options of "Choose existing photo" and "Take Picture", when the application is opened in iOS6. But I want to open up camera capture directly rather then getting this pop up and then select "Take Picture" option.
使用这个，当应用程序在 iOS6 中打开时，我能够弹出带有“选择现有照片”和“拍照”选项的弹出窗口。但是我想直接打开相机捕获而不是弹出这个然后选择“拍照”选项。
Thanks in advance.
提前致谢。
回答by Ian Grainger
<input type="file" name="file" accept="image/*" capture="camera" />
Works in Chrome on Android (at least).
适用于 Android 上的 Chrome（至少）。
回答by tagawa
I'm afraid this is not possible as per the specification for security/privacy reasons:
出于安全/隐私原因，我担心根据规范这是不可能的：
The user agent SHOULD NOT enable any device for media capture, such as a microphone or camera, until a user interaction giving implicit consent is completed.
用户代理不应该启用任何用于媒体捕获的设备，例如麦克风或相机，直到用户交互完成隐式同意。
http://www.w3.org/TR/capture-api/#security
http://www.w3.org/TR/capture-api/#security
An alternative is to use getUserMedia. This still shows a dialog requesting user permission but in some browsers the user can choose to hide it after granting access to a domain.
另一种方法是使用getUserMedia。这仍然会显示一个请求用户权限的对话框，但在某些浏览器中，用户可以在授予对域的访问权限后选择隐藏它。
回答by Tim
What browser are you using on Android? This page indicates that it doesn't work on Chrome but should work on the Android browser and on iOS Safari. It doesn't specifically mention Chrome for Android. I tested the tag with the Chrome browser on my LG G6 phone and it didn't work. I wasn't able to test Android browser--it seems to be missing on my phone.
你在安卓上用的是什么浏览器？此页面表明它不适用于 Chrome，但应该适用于 Android 浏览器和 iOS Safari。它没有特别提到 Android 版 Chrome。我在我的 LG G6 手机上用 Chrome 浏览器测试了标签，但没有用。我无法测试 Android 浏览器——它似乎在我的手机上丢失了。
