如何在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

如果您从计算机上保存的文件中运行代码而不是通过网络服务器运行，那么由于其安全的策略，Chrome有时会出现允许访问的问题。

要尝试的两个选项是

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

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

   / Applications / Google \ Chrome.app/Contents/MacOS/Google \ Chrome - 从文件中访问文件