Voice.js

<button onClick="start()">start</button>
<button onClick="stop()">stop</button>
<button onClick="pause()">pause</button>
<button onClick="play()">play</button>
<span id="status"></span>

let audioChunks = [];
let mediaRecorder;

//Start the recording
function start(){
	navigator.mediaDevices.getUserMedia({ audio: true })
	  .then(stream => {
	    mediaRecorder = new MediaRecorder(stream);
	    mediaRecorder.start();

	    
	    mediaRecorder.addEventListener("dataavailable", event => {
	      audioChunks.push(event.data);
	    });

	    mediaRecorder.addEventListener("stop", () => {
	      console.log(audioChunks);
	    });

	});

	  document.getElementById('status').innerHTML = "Start";

}
//Stop the recording
function stop(){
	mediaRecorder.stop();
	document.getElementById('status').innerHTML = "stop"
}
//Pause the recording
function pause(){
	mediaRecorder.pause();
}

//Play the recorded Audio
function play(){
	const audioBlob = new Blob(audioChunks);
	const audioUrl = URL.createObjectURL(audioBlob);
	console.log(audioUrl);
	const audio = new Audio(audioUrl);
	audio.play();
	document.getElementById('status').innerHTML = "Play"
}

// For advance you can go through
// https://github.com/daaain/JSSoundRecorder
// https://developers.google.com/web/fundamentals/media/recording-audio/
// https://p5js.org/examples/sound-record-save-audio.html

Soon demo will be available on https://rao123dk.github.io/speech/ .
Thanks
Dheeraj Kumar Rao (https://twitter.com/rao123dk)