如果移动浏览器不支持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