0

我是 JavaScript 新手，我正在尝试使用 getUserMedia API 制作在线录音机。我遇到的问题是，每当我尝试调用 navigator.getUserMedia 时，我都会收到一个错误，即成功回调函数未定义，因此不是函数。当我在回调后添加括号时它可以工作，但是当我调用 createMediaStreamSource 时，我收到有关无效 MediaStream 源的错误。

我找到了一些在线使用 getUserMedia 的示例，但是当我尝试从我的计算机运行它们时遇到了同样的问题，即使它们显然可以在线工作。

下面是我的代码。谢谢！

window.AudioContext = window.AudioContext || window.webkitAudioContext;
var context = new AudioContext();


//tests if browser is compatible with getUserMedia API
function hasGetUserMedia()
{
return !!(navigator.getUserMedia || navigator.webkitGetUserMedia ||      navigator.mozGetUserMedia || navigator.msGetUserMedia);
}

//successful callback for getUserMedia
function gotStream(stream)
{    
console.log('Compatible')

//set up microphone input to Web Audio API
var mic = context.createMediaStreamSource(stream);
var filter = context.createBiquadFilter();

//connect
mic.connect(filter);
filter.connect(context.destination);

console.log('Here')
}

//error Callback for getUserMedia
function errorCallback()
{
alert('Error capturing audio');
}

//initial function
function testGetUserMedia()
{
if (!hasGetUserMedia())
{
    alert("getUserMedia() is not supported in your browser");
    window.close();
}

//if Compatible
getUserMedia({audio:true}, gotStream, errorCallback);

}

window.addEventListener('load', testGetUserMedia);
4

1 回答 1

1

首先，在您提供的代码中，您不是调用getUserMedia导航器上下文 ( navigator.getUserMedia)，而是调用this上下文。其次，调用navigator.getUserMedia是不够的，因为这不是特定于浏览器的。我建议从返回实际getUserMedia函数hasGetUserMedia而不是返回布尔值。

但是，当我解决这两个问题时，我对您的代码没有任何问题。它运行得很好。作为一个简单的测试，我只是改变了：

getUserMedia({audio:true}, gotStream, errorCallback);

至

navigator.webkitGetUserMedia({audio:true}, gotStream, errorCallback);

:: 在 Chrome 37 上运行

于 2014-10-08T21:35:36.937 回答