Is HTML5's getUserMedia for audio recording working now?

Question

I had searched a lot of DEMO and examples about getUserMedia , but most are just camera capturing, not microphone.

So I downloaded some examples and tried on my own computer , camera capturing is work , But when I changed

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

to

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

The browser ask me to allow microphone access first, and then it failed at

document.getElementById("audio").src = window.webkitURL.createObjectURL(stream); 

The message is :

GET blob:http%3A//localhost/a5077b7e-097a-4281-b444-8c1d3e327eb4 404 (Not Found)

This is my code: getUserMedia_simple_audio_test

Did I do something wrong? Or only getUserMedia can work for camera now ?

Answer 1

It is currently not available in Google Chrome. See Issue 112367.

You can see in the demo, it will always throw an error saying

GET blob:http%3A//whatever.it.is/b0058260-9579-419b-b409-18024ef7c6da 404 (Not Found)

And also you can't listen to the microphone either in

{
    video: true,
    audio: true
}

Answer 2

It is currently supported in Chrome Canary. You need to type about:flags into the address bar then enable Web Audio Input.

The following code connects the audio input to the speakers. WATCH OUT FOR THE FEEDBACK!

<script>
// this is to store a reference to the input so we can kill it later 
var liveSource;
// creates an audiocontext and hooks up the audio input
function connectAudioInToSpeakers(){
  var context = new webkitAudioContext();  
  navigator.webkitGetUserMedia({audio: true}, function(stream) {
    console.log("Connected live audio input");
    liveSource = context.createMediaStreamSource(stream);
    liveSource.connect(context.destination);
  });
 }
// disconnects the audio input
function makeItStop(){
   console.log("killing audio!");
   liveSource.disconnect();
 }
// run this when the page loads
connectAudioInToSpeakers();
</script>
<input type="button" value="please make it stop!" onclick="makeItStop()"/>