iOS Safari - 自定义 HTML5 移动媒体捕获 UI

Question

我一直在阅读有关调用移动设备的相机并允许用户在 HTML5 中拍照的文章，我发现我可以使用如下输入元素来做到这一点：

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

我还阅读了有关 getUserMedia() API 的信息，但 Safari 似乎不太支持它。

我想自定义用户截屏时可见的 UI。我想执行的几个自定义示例是在屏幕上覆盖文本并绘制​​矩形以显示将捕获屏幕的哪个部分。这已经在本机应用程序中完成，但在网络中是否可能？

如果没有，有什么解决方法吗？

提前感谢您的帮助！

Answer 1

这在网络上是不可能的（目前）。

HTML Media Capture（您使用的代码）依赖于相机和库应用的操作系统和浏览器。

此外，您使用的代码已被弃用，这是正确的代码：<input type="file" accept="image/*" capture>。

这个（新）代码会告诉浏览器两件事：

1. accept="image/*" → 你要拍照（不是视频或音频）
2. capture → 仅从相机中获取图片（不是从库中，仅适用于 Android）

请参阅Correct Syntax for HTML Media Capture 了解更多信息。