I would like to embed a MP3 voice recorder into my website.
Full details are in attachment.
As a summary:
<style>
.voiceRecorderDuration { font-weight: bold; }
</style>
<div class='voiceRecorder' id='voiceRecorder123'
data-savemp3to='[login to view URL]'
data-statusinitializing="Initializing..."
data-statusready="Ready"
data-statusrecording="Recording"
data-statusrecordingpaused="Recording Paused"
data-statusrecordingerased="Recording Erased"
data-statusplaying="Playing"
data-statusplaybackpaused="Playback Paused"
data-statussending="Sending Recording"
data-statussendingsuccess="Recording Sent"
data-statussendingfailed="Failed to Send Recording">
<div class='voiceRecorderRecordButton'>Clicking this starts recording audio, or continues if recording is paused</div>
<div class='voiceRecorderRecordPauseButton'>Clicking this pauses recording or continues recording audio if recording is paused</div>
<div class='voiceRecorderRecordEraseButton'>Clicking this erases the current recording from client memory</div>
<div class='voiceRecorderPlayButton'>Clicking this allows user to review recording</div>
<div class='voiceRecorderPauseButton'>Clicking this pauses playback</div>
<div class='voiceRecorderSendButton'>Clicking this submits the mp3 to URL specified by data-savemp3to</div>
<div class='voiceRecorderDuration>00:00</div> <-- this div should auto-update to reflect recording duration or current playback time -->
<div class='voiceRecorderStatus>Initializing...</div> <-- this div should auto-update to reflect recording status -->
<!-- time slider is not required, but you should prepare for this with some API hooks for the future -->
</div>
<script src='[login to view URL]'></script>
<script>
// Use jQuery to find HTML class specified below to insert and activate the recorder
[login to view URL]("voiceRecorder");
</script>
Hello Sir,
It will be our pleasure to work on your project as we can do it confidentially.
Please check your private message box for the portfolio and details.
Best Regards