javascript - "getUserMedia"在 Chrome 版本 36.0.1985.125 m 中不工作

Question

我正在使用 this 学习音频 GUM 教程HTML5Rocks 帖子。这是代码:

function gotStream(stream) {
    window.AudioContext = window.AudioContext || window.webkitAudioContext;
    var audioContext = new AudioContext();

    // Create an AudioNode from the stream.
    var mediaStreamSource = audioContext.createMediaStreamSource( stream );

    // Connect it to the destination to hear yourself (or any other node for processing!)
    mediaStreamSource.connect( audioContext.destination );
}

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia;
navigator.getUserMedia({audio:true}, gotStream,function(e){console.log(e);});

我尝试在 Chrome 中运行它，但绝对没有任何反应。没有错误，或任何东西。 “请求许可”对话框也没有出现。

我使用的是 Chrome 版本 36.0.1985.125 m。

Answer 1

问题是您正在尝试直接访问您的 ../*.html 文件。由于同源政策，Chrome 无法正确使用许多功能。有两种解决方案。

1. 设置一个简单的 http 服务器。您可以通过启用 apache 为您提供本地文件来实现这一点。

2. 禁用 chrome 的同源策略。

对这两者进行快速谷歌搜索会发现几个完整的详细示例，说明如何操作。我会建议选项 1，因为这将模拟您的网页在实时时的行为方式。