javascript - 如果移动浏览器不支持 getUserMedia() 则发出警报

Question

我有一个网页请求使用麦克风。我知道 getUserMedia() 对移动浏览器的支持很少或根本不支持，但我正在尝试找出一种方法让查看者知道他们需要在受支持的浏览器上访问该网站。我试图不使用屏幕大小媒体查询来支持我慢慢进入。

var onSuccess = function (stream) {
    alert('success');
};


navigator.getUserMedia = ( navigator.getUserMedia ||
                       navigator.webkitGetUserMedia ||
                       navigator.mozGetUserMedia ||
                       navigator.msGetUserMedia);
var constraints = { 
    video: false,
    audio: true
};
if (navigator.getUserMedia) {
    navigator.getUserMedia (
    constraints,
    onSuccess,
    function (error) {
        alert("Error: you need to allow access to use the microphone.",error)
    });
};

这很奇怪，因为页面加载正常，就好像 getUserMedia() 可用，但没有弹出“允许访问”消息？

Answer 1

如果也没有 getUserMedia，您应该需要发出警报:

var onSuccess = function(stream) {
    alert('Success!');
}

var onError = function(error) {
    alert('Error :(');
}

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia ||
navigator.msGetUserMedia;

if (navigator.getUserMedia) {
    navigator.getUserMedia({ video: false, audio: true }, onSuccess, onError);
} else {
    onError();
}

另请查看MediaDevices.getUserMedia