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/