我正在开发一个简单的应用程序,在此我试图使用getUserMedia
访问相机和麦克风。它适用于桌面Chrome和Android Chrome,但在iPhone和iPad Chrome中无效。
navigator.getUserMedia = navigator.getUserMedia
|| navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
var constraints = "";
if (mediaType === "audio,video") {
constraints = {
audio : true,
video : true
};
} else {
constraints = {
audio : true,
video : false
};
}
navigator.getUserMedia(constraints, successCallback, errorCallback);
...但它不适用于iPhone和iPad Chrome。
iPhone或iPad上的Chrome应用程序未运行“完整”版本的chrome。它的功能仅限于iOS平台。所以getUserMedia
等可能在Safari/Apple supports it之前不可用。
Quoting from another question:
Apple政策强制其他浏览器使用其不支持webRTC的webkit版本,因此您不会很快在iOS上的Web应用程序中获得webRTC支持。 webkit中的活动暗示作为一种变化,但是时间到了,这将是几个月。
我的理解(我是Mozilla工程师)是iOS上的Chrome目前不支持webrtc或getUserMedia。
由于不推荐使用“navigator.getUserMedia”,因此您应该使用“navigator.mediaDevices.getUserMedia”。这似乎(仍然)是一个问题。只要您在Safari中使用相机,iOS 11.4上的相机访问就可以正常工作。如果您想在任何其他浏览器(Chrome,Firefox)中使用它,则不受支持。这是一个你可以尝试的例子:
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
var constraints = {
audio: true,
video: true
};
navigator.mediaDevices.getUserMedia(constraints)
.then(function(stream) {
var video = document.querySelector('video');
video.srcObject = stream;
video.onloadedmetadata = function(e) {
video.play();
};
})
.catch(function(err) {
console.log (err);
});
}
else {
console.log ("navigator.mediaDevices not supported")
}
<video id="video" width="200" height="200" autoplay playsinline></video>
此代码适用于任何桌面设备,Android移动设备和Safari中的iPhone移动设备,但不适用于Chrome / Firefox:将立即跳转到其他情况:“navigator.mediaDevices不支持”
由于iOS 11.x支持WebRTC,我现在不确定问题所在:Apple或Google / Mozilla?此外,如果有任何其他工作解决方案,我很高兴听到它。
更新:我知道这是一个非常老的线程,但从IOS 11.4测试版开始,
我一直希望!
WebRTC(包括getUserMedia)将在iOS11上发布,但将使用h264 / h265编解码器,即没有VP8 / VP9。