Recently I made a jQuery plugin named jRecorder to record voice in html pages.

This plugin is very easy to integrate with your web page and you DON’T need a flash server or RED5 server to do the recording

What all you need is a Web Server (PHP or any server scripting language).

You can find the documentation and Download the plugin HERE.

eg: $.jRecorder( settings );

Another advantage is your can decide your recorder design, buttons , mic activity level , recording progress etc in HTML+CSS and this plugin gives you many recording callback events to manage. It is like jPlayer plugin for audio playback.
[crayon lang=”JavaScript”]

$.jRecorder ({

‘recwidth': ‘300’,
height': ‘200’,
‘rectop': ‘0px’,
left': ‘0px’,
‘recorderlayoutid’ : ‘flashrecarea’,
id’ : ‘audiorecorder’,
‘recordername': ‘audiorecorder’,
‘wmode’ : ‘transparent’,
‘bgcolor': ‘#ff0000′,
path': ‘jRecorder.swf’,
‘host': ‘acceptfile.php?filename=hello.wav’,
‘callbackstartedrecording’ : function(){},
‘callbackfinishedrecording’ : function(){},
‘callbackstoppedrecording': function(){},
‘callbackerrorrecording’ : function(){},
‘callbackactivityTime': function(time){},
activityLevel’ : function(level){}


This plugin sends recorded WAV file to your webserver, where you can save this file where ever you wish. You can use FFMPEG tool to convert this WAV to MP3 or any other format for further use

The technology used here is, the plugin uses hidden swf file to record the voice and save the binary data in browser’s cache and when the recording finishes, it sends the data to webserver. Thats why you don’t need any Flash media server to capture the recording on time.

The plugin is good for recording voice less than 180 seconds (3 min), else the time to upload the final data to server takes longer.

Feel free to add comments here if the plugin causes any problem or error.

Those who wish to continue the development, the GIT version is available at: