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

Seshu B

Hi all
i have recorded audio file in browser and uploaded to the server. it is working fine in google chrome (in Local machine) but it is not working in Google chrome after deploying application in IIS . This is my issue
please provide soultion regarding this ..

3 Replies

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

Mukil Vendhan9y ago
kindly follow the youtube link1:https://youtu.be/IqbUxr5vJdo
link2:
https://youtu.be/vuWTbPL501I
Manikandan Murugesan9y ago
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);
}

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.
Gokhul Varman9y ago
please refer the link for more details:https://www.codeproject.com/Questions/1197627/Recording-audio-in-the-browser-and-uploading-it-wi