Skip to content Skip to sidebar Skip to footer

Is Html5's Getusermedia For Audio Recording Working Now?

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 , came

Solution 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
}

Solution 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 inputfunctionconnectAudioInToSpeakers(){
  var context = newwebkitAudioContext();  
  navigator.webkitGetUserMedia({audio: true}, function(stream) {
    console.log("Connected live audio input");
    liveSource = context.createMediaStreamSource(stream);
    liveSource.connect(context.destination);
  });
 }
// disconnects the audio inputfunctionmakeItStop(){
   console.log("killing audio!");
   liveSource.disconnect();
 }
// run this when the page loadsconnectAudioInToSpeakers();
</script><inputtype="button"value="please make it stop!"onclick="makeItStop()"/>

Solution 3:

(sorry, I forgot to login, so posting with my proper username...)

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!

http://jsfiddle.net/2mLtM/

<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 inputfunctionconnectAudioInToSpeakers(){
  var context = newwebkitAudioContext();  
  navigator.webkitGetUserMedia({audio: true}, function(stream) {
    console.log("Connected live audio input");
    liveSource = context.createMediaStreamSource(stream);
    liveSource.connect(context.destination);
  });
 }
// disconnects the audio inputfunctionmakeItStop(){
   console.log("killing audio!");
   liveSource.disconnect();
 }
// run this when the page loadsconnectAudioInToSpeakers();
</script><inputtype="button"value="please make it stop!"onclick="makeItStop()"/>

Solution 4:

It's working, you just need to add toString parameter after audio : true

Check this article - link

Post a Comment for "Is Html5's Getusermedia For Audio Recording Working Now?"