Question

Full Js代码

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

        var session = {
          audio: true,
          video: false
        };
        var recordRTC = null;
        navigator.getUserMedia(session, initializeRecorder, onError);

        function initializeRecorder(stream) {
            console.log ("init Recorder");
            var audioContext = window.AudioContext;
            var context = new audioContext();
            var audioInput = context.createMediaStreamSource(stream);
            var bufferSize = 2048;
            // create a javascript node
            var recorder = context.createJavaScriptNode(bufferSize, 1, 1);
            // specify the processing function
            recorder.onaudioprocess = recorderProcess;
            // connect stream to our recorder
            audioInput.connect(recorder);
            // connect our recorder to the previous destination
            recorder.connect(context.destination);
        }

        function recorderProcess(e) {
            var left = e.inputBuffer.getChannelData(0);
            // window.Stream.write(convertFloat32ToInt16(left));
        }

        function onError(errorText)
        {
            console.log (errorText);
        }

加载此页面时，Firefox会为getUserMedia执行onError回调。错误告诉：

NotFoundError：此处无法找到该对象。

相反，Chrome只是什么都不做。

FF和Chrome都不会要求我允许使用麦克风。为什么呢？

Answer 1

您需要从http（s）协议运行该页面。如果你从file：//安全限制开始运行它。

此外，在Chrome AudioContext中添加了前缀，因此您需要更改此行：

var audioContext = window.AudioContext;

到

var audioContext = window.AudioContext || window.webkitAudioContext;

此外，createJavaScriptNode已过时。请考虑使用createScriptProcessor代替。

（最终ScriptProcessorNode也将被替换， Audio Workers - 尚未在任何浏览器中实现，但稍后需要注意的事项。）

getUserMedia在Firefox上出错，并在Chrome上无声地失败

1 个答案: