html - HTML5 从默认麦克风捕获音频

Question

有人可以帮助我如何使用 HTML5 从默认麦克风捕获音频吗？有许多可用的示例，但似乎没有一个有效。我尝试过使用 HTML5 进行音频捕获， 因为它仅适用于启用了标志的 chrome。但它得到了 NavigatorUserMediaError。地址栏上的视频图标有一个红十字标志，其工具提示显示“此页面已被阻止访问您的相机和麦克风”

Answer 1

There's some great articles on HTML5 Rocks. This is just one that I pulled. http://updates.html5rocks.com/2012/09/Live-Web-Audio-Input-Enabled

// success callback when requesting audio input stream
function successCallback(stream) {
    var audioContext = new (window.webkitAudioContext)();

    // 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 );
}

function errorCallback() {
    console.log("The following error occurred: " + err);
}

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

Answer 2

确保从网络服务器启动演示 - 简单地复制/粘贴并从文件系统启动是行不通的 - 在 chrome 中，您永远无法通过这种方式访问​​麦克风。

Answer 3

最近（不确定何时）Chrome 添加了通过 SSL 访问页面以启用 getUserMedia 的要求。