javascript real_time_record.js

Posted 2021-05-03

const recorder = context.createScriptProcessor(1024, 2, 2);

$(".play-btn").on("click", function(){
  $(".record-btn").addClass("record-anime");

// Fire Record Events 

  recorder.onaudioprocess = function(event) {
    var inputLs = event.inputBuffer.getChannelData(0);
    var inputRs = event.inputBuffer.getChannelData(1);
    for (var i = 0; i < this.bufferSize; i++) {
      trackLs.push(inputLs[i]);
      trackRs.push(inputRs[i]);
    }
  }
})

// Record Connects gain  

$.each( gains, function( gain_key, gain_value ) {
  gains[gain_key].connect(recorder);
  recorder.connect(context.destination);
})

// Stop record and encord wav

$(".stop-btn").on("click", function(){

  stop_audios();
  recorder.disconnect();
  objectURL = encodeWav(trackLs, trackRs, 2, 8);
  $(".download-text").attr("href", objectURL);
  $(".download-text").attr("download", "ecret-music");
  $(".record-btn").removeClass("record-anime");
  $(".download-btn").addClass("active-download-btn");
})