javascript - Chrome 和 Firefox 无法访问 iPhone 相机

标签 javascript iphone html google-chrome mozilla

HTML代码如下

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

和 JavaScript

var video = document.getElementById("video");

navigator.mediaDevices.getUserMedia({video: true, audio: false})
    .then(function(s) {
    stream = s;
    video.srcObject = s;
    video.play();
  })

该链接在 Android 设备的所有浏览器上都能正常工作,在 iPhone 设备的 Safari 浏览器上也能正常工作,但它甚至不会向 iPhone 设备上的其他浏览器(如 Chrome 和 Firefox)请求相机许可。

最佳答案

我自己没有测试过,但是apparently this functionality was introduced in November 2020


原答案:

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

目前正在此处跟踪:https://bugs.chromium.org/p/chromium/issues/detail?id=752458 - 但考虑到它是一年多前首次报告的,而就在 5 天前,它更新说它还没有修复,我没有屏住呼吸。

关于javascript - Chrome 和 Firefox 无法访问 iPhone 相机,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51501642/

相关文章:

javascript - 使用 Ng2-Charts/ChartJs 的堆积条形图 "Time Line"图表

javascript - 你能帮忙澄清一下Javascript原型(prototype)继承方法调用吗?

iphone - Core Data 中具有多多关系的排序顺序

iphone - 释放还是自动释放?

html - CSS/HTML - 元素未居中

javascript - 如何通过 npm link 命令设置 --max-old-space-size

javascript - Javascript 的执行顺序

javascript - 控制 iPhone/iPad 上的视频覆盖

html - CSS 我的元素没有正确 float

javascript - Meteor - 在哪里正确放置计算方法