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

Question

我一直在阅读有关调用移动设备的相机以及允许用户使用HTML5拍照的消息，我发现我可以使用这样的输入元素来实现：

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

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

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

如果没有，是否有任何解决方法？

提前感谢您的帮助！

Answer 1

在网上尚未实现。

HTML Media Capture（您使用的代码）依赖于OS＆amp;相机浏览器＆amp;图书馆应用程序。

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

这个（新）代码将告诉浏览器2件事：

1. accept="image/*"→您想要拍照（不是视频或音频）
2. capture→只能从相机中获取图片（不是来自图书馆，仅适用于Android）

有关详细信息，请参阅Correct Syntax for HTML Media Capture。