Custom Widget for Wakanda
The AudioRecorder widget is an example of how to record, save and play audio files in wakanda
This widget AudioRecorder has the following properties:
- value: The data binding value of the widget
The AudioRecorder is an example of how to use HTML5 to record audio files in Wakanda.
This is a simple example that include also a graphical representation of the sound while recording.
Event.create('play');
Event.create('stopPlaying');
Event.create('record');
Event.create('stopRecording');
Event.create('capture');
Event.create('stopCapture');
Model
1. Create a datasource D
2. Add attribute string S1
3. Add atribute string S2
4. save your model.
Wakanda Widgets (optional)
1. Drag a wakanda grid to your page and add the datasource D on it
Custom Widget
1. Drag the widget to your Wakanda page.
2. A black box should be available with a few buttons
3. Drop the second datasource string attribute S2 inside the widget or change the
property's panel Datasource value (this will store the music)
4. save your page
5. run your page
6. Add a record to your grid
7. Select the grid record recently created
8. click record and save or play your file after
The AudioRecorder CSS will define the background color of the widget.
You can adjust its color by changing directly in the Studio OR by changing the /css/widget.css file.
For more information on how to install a custom widget, refer to Installing a Custom Widget.
For more information about Custom Widgets, refer to Custom Widgets in the Architecture of Wakanda Applications manual.