如何在 html5 中请求麦克风访问权限

Question

我有这样的代码

function initAudio() {
    if (!navigator.webkitGetUserMedia)
        return(alert("Error: getUserMedia not supported!"));

    navigator.webkitGetUserMedia({audio:true}, gotStream, function(e) {
            alert('Error getting audio');
            console.log(e);
        });
}

window.addEventListener('load', initAudio );

我在控制台的输出是这样的

NavigatorUserMediaError {code: 1, PERMISSION_DENIED: 1} 

为什么拒绝我的权限？ 我尝试用这个页面的源代码制作录音机http://webaudiodemos.appspot.com/AudioRecorder/index.html

Answer 1

如果您从保存在计算机上的文件而不是通过 Web 服务器运行代码，则 chrome 有时会因为其安全策略而出现允许访问的问题。

有两种选择

1. 将其放在网络服务器上

2. 如果你在 mac 上，使用下面的命令通过终端打开 chrome

   /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --allow-file-access-from-files