Chrome和Firefox无法访问iPhone相机

Question

下面的HTML代码

::size_t

和JavaScript

<video id="video" class="video" height="400" width="400" playsinline autoplay muted loop></video>

该链接在Android设备上的所有浏览器上都可以正常运行，在iPhone设备的Safari浏览器上也可以正常运行，但是甚至不要求其他浏览器（如iPhone设备上的Chrome和Firefox）获得相机许可。

Answer 1

iOS上的Chrome和FireFox仍使用iOS WebKit渲染引擎。 ArtistAnimation仅可用于Safari，不适用于iOS上的其他浏览器。

目前在这里进行跟踪：https://bugs.chromium.org/p/chromium/issues/detail?id=752458-但鉴于它是一年多前第一次报告的，而仅仅在5天前，它已被更新为尚未解决，因此我没有屏息。

Answer 2

iOS（13.1.1）上的Chrome能够使用html5适当的输入标签访问前后摄像头，以进行图像捕获，但是，仍然遗憾的是，它们不支持getUserMedia进行视频流传输。

Here's a fiddle

For Front:
<input type="file" accept="image/*" capture="user">

For Rear:
<input type="file" accept="image/*" capture="environment">

Answer 3

现在是 2020 年的最后一天，这将访问 iPad Pro 上的相机并在显示屏中显示实时相机视图很好来自 safari，但是在 chrome 上，我看到的只是带有相机控件的黑屏。

<input id="sImage" name="sImage" type="file" accept="image/png, image/jpeg" capture="user">

使用最新 IOS 版本 14.3 的 iPad pro：在 Chrome 上失败，在 Safari 上工作 使用 IOS 14.2 和 14.3 的 iPad mini：均适用于 Chrome。 使用 IOS 14.2 和 14.3 的 iPhone X：均适用于 Chrome。