FlashWavRecorder
FlashWavRecorder copied to clipboard
Create jQuery plugin
The recorder setup is quite complicated (especially two-sides event bindings), so it could be large improvement, when we could use pre configured FlashWavRecorder as jQuery plugin.
Features
- predefined class name for each recorder state e.g.
fwr-state-recording
,fwr-state-playing
. - including
<button>
element for each action - two different CSS styles: single-button mode and basic mode (with three buttons).
Usage example If we call:
$('.recorder-1').flashWavRecorder();
on element
<div class="recorder-1"></div>
we will get (state: recording):
<div class="recorder-1 fwr-recorder fwr-state-recording">
<button class="fwr-start-recording" disabled="disabled"><button>
<button class="fwr-stop-recording"></button>
<button class="fwr-start-playing"><button>
<button class="fwr-pause-playing" disabled="disabled"></button>
<button class="fwr-send-recording"></button>
</div>