CODEWITHSUNDEEP
htmlhtml5-audioaudio-streaming
rgomes
rgomes

Reputation: 221

AudioContext API can't use mediaStream

I have this working code to grab audio from the microphone:

  var audioContext = window.AudioContext ? new window.AudioContext() :
               window.webkitAudioContext ? new window.webkitAudioContext() :
               window.mozAudioContext ? new window.mozAudioContext() :
               window.oAudioContext ? new window.oAudioContext() :
               window.msAudioContext ? new window.msAudioContext() :
               undefined;

  (...)
  navigator[getUserMedia]({audio:true}, function(stream) {
    media = audioContext.createScriptProcessor(stream);
    js = audioContext.createJavaScriptNode(BUFFER_LENGTH, 2, 2);
    js.onaudioprocess = function(e) { 
      sendAudio(e);
    };
  }

but when I tried to stop it, in Chrome works fine and in Firefox, I get an error that media.mediaStream.stop don't exists!!

Stoping code:

    (...)
    media.mediaStream.stop();
    js.disconnect();

to quick fix I put a try catch and set the variables null, but I don't like off the fix! What can I do?

Upvotes: 2

Views: 2725

Answers (1)

Scott Stensland
Scott Stensland

Reputation: 28285

for starters createJavaScriptNode is deprecated, instead use createScriptProcessor this works :

var audio_context;

var BUFF_SIZE = 512; 

var microphone_data = {};

try {

  window.AudioContext = window.AudioContext || window.webkitAudioContext;
  audio_context = new AudioContext();
  console.log("cool audio context established");

} catch (e) {
  alert('Web Audio API is not supported by this browser and/or its current config\n');
}

function process_microphone_buffer(event) {

    var microphone_buffer = event.inputBuffer.getChannelData(0);   

    console.log('microphone_buffer.length ', microphone_buffer.length);
}


function on_error(e) {
    console.log(e);
}

function start_microphone() {

    microphone_data.microphone_stream = audio_context.createMediaStreamSource(microphone_data.media_stream);

    microphone_data.script_processor_node = audio_context.createScriptProcessor(BUFF_SIZE, 1, 1);

    microphone_data.script_processor_node.onaudioprocess = process_microphone_buffer;

    microphone_data.microphone_stream.connect(microphone_data.script_processor_node);
    microphone_data.microphone_stream.connect(audio_context.destination);

    console.log('OK microphone stream connected');
}

function record_microphone() {    //   call this from your UI ... say a button

    if (! navigator.getUserMedia) {

        navigator.getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
    }

    navigator.getUserMedia(

        {audio: true},

        function(stream) {

            microphone_data.media_stream = stream;
            start_microphone();
        },

        on_error
    );
}

function stop_microphone() {  //  call this from ... say a button

    microphone_data.microphone_stream.disconnect();
    microphone_data.script_processor_node.disconnect();
    microphone_data.media_stream.stop();
    microphone_data.script_processor_node.onaudioprocess = null;

    console.log('... microphone now stopped')    ;
}

take care

Upvotes: 1

Related Questions