FlashWavRecorder icon indicating copy to clipboard operation
FlashWavRecorder copied to clipboard

Create jQuery plugin

Open michalstocki opened this issue 10 years ago • 0 comments

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>

michalstocki avatar Sep 26 '14 16:09 michalstocki