在 iPhone 和 Android 上自定义 HTML <input> 标签的相机功能

Question

我正在开发一个专门用于需要访问系统摄像头的智能手机的网络应用程序。我知道可以访问如下：

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

上面的选项可以打开智能手机的相机，让您以高分辨率拍照，这很棒！但是，我希望用户能够在他/她点击用户选择使用相机后打开的相机预览后捕捉图像。系统相机自动为焦点设置了点击选项。我知道这在智能手机应用程序上是可能的（针对 Android 和 iPhone 测试）。在这种情况下是否可以自定义系统相机功能？

或者是否有任何其他解决方案可以拥有高分辨率的照片相机，并且点击数字点击即可捕获图像？

Answer 1

如果您想让用户使用网络摄像头拍摄自己的快照，可以使用 capture=camera：

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

录制视频或音频类似：

<input type="file" accept="video/*;capture=camcorder">
<input type="file" accept="audio/*;capture=microphone">

查看更多信息：https://developers.google.com/web/updates/2016/12/imagecapture