HTML5從默認麥克風捕獲音頻

有人可以幫助我如何使用HTML5從默認麥克風捕獲音頻嗎？有很多樣品可用，但他們都沒有工作。我已經試過Audio capturing with HTML5 因爲它只適用於啓用了標記的chrome。但它得到了NavigatorUserMediaError。地址欄上的視頻圖標有紅色十字標記，其工具提示「此頁面已被阻止訪問您的攝像頭和麥克風」HTML5從默認麥克風捕獲音頻

來源

2013-04-11 abduIntegral

HTML5 Rocks上有一些很棒的文章。這只是我拉的一個。 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);

來源

2013-04-14 03:02:54 cameronroe

感謝您的回覆。我也是這樣。但似乎不工作。從鏈接我們可以得到兩個樣本的實時演示。 [One]（http://webaudiodemos.appspot.com/pitchdetect/index.html）和[Two]（http://chromium.googlecode.com/svn/trunk/samples/audio/visualizer-live.html），但似乎沒有工作。都要求我允許使用麥克風，但之後沒有任何反應。唯一的變化是標題圖標上緩緩閃爍着一個紅色的球。我的Chrome是最新的，我也啓用了'網絡音頻輸入'。任何人都可以提供工作示例。 – abduIntegral 2013-04-23 06:16:31

上的任何更新？ – 2013-05-25 19:04:50

當這些API是新的時，HTML5 Rocks創建了一些網絡音頻演示，但他們從未更新API演進的演示。可悲的是，他們的一些網絡音頻演示不再有效。 – 2014-11-02 22:09:22

確保您從網絡服務器開始演示 - 簡單地複製/粘貼文件系統&啓動將無法正常工作 - 在Chrome中你永遠不會進入話筒這種方式。

來源

2013-06-06 07:21:32 wrachos

最近（不知道什麼時候）Chrome添加了通過SSL訪問頁面以啓用getUserMedia的要求。

來源

2016-05-21 14:33:19

HTML5從默認麥克風捕獲音頻

回答

相關問題