How to record the audio in the browser and upload to server

Hi all
I want to recording the audio in browser and after stopping the record, file should upload to the server..

upto recording audio working fine but after stopping record need to upload the server..

This is my requirement..

Please provide soultion regarding this

You can save the recorded data as a blob and then use a FileReader to upload the data via POST with AJAX.

Something similar along these lines:

function uploadAudio(mp3Data){
var reader = new FileReader();
reader.onload = function(event){
var fd = new FormData();
var mp3Name = encodeURIComponent('audio_recording_' + new Date().getTime() + '.mp3');
console.log("mp3name = " + mp3Name);
fd.append('fname', mp3Name);
fd.append('data', event.target.result);
$.ajax({
type: 'POST',
url: 'upload.php',
data: fd,
processData: false,
contentType: false
}).done(function(data) {
//console.log(data);
log.innerHTML += "\n" + data;
});
};
reader.readAsDataURL(mp3Data);
}

These codes are taken from the Github project Recordmp3js

It records audio and saves it MP3 format using just HTML5 and JS and then uploads the data on the webserver.

It only works on Chrome and Firefox though.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.