如何在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. 將其放在Web服務器上

2. 如果您使用的是Mac，請使用以下命令通過終端打開Chrome

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