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

Question

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

Manikandan Murugesan · Answer

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 += 
 + 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.