This page provides information on how to use the Audio Recorder widget to record audio using your microphone. The recorded audio is saved in WAV format.
These properties are customizable options present in the property pane of the widget, allowing users to modify the widget according to their preferences.
Disabled property to control the widget's disabled state conditionally.
Allows you to configure one or multiple actions (Framework functions, queries, or JS functions) to be executed when the recording starts.
Allows you to configure one or multiple actions (Framework functions, queries, or JS functions) to be executed when the recording ends.
Style properties allow you to change the look and feel of the widget.
color values to set the color of the icon.
color values to set the color of the button.
Border and shadow
Returns a binary URL that stores the audio for future use.
Stores the recorded audio in Data URL format (Base64). You can use it to embed the audio inline within different applications.
Returns the audio file in binary format, suitable for storing the audio for future use.
isVisible property indicates the visibility state of a widget, with true indicating it is visible and false indicating it is hidden.
Widget property setters enable you to modify the values of widget properties at runtime, eliminating the need to manually update properties in the editor.
These methods are asynchronous and return a Promise. You can use the
.then() block to ensure the execution and sequencing of subsequent lines of code in Appsmith.
setVisibility (param: boolean): Promise
Sets the visibility of the Audio Recorder widget.
setDisabled (param: boolean): Promise
Sets the disabled state of the widget.
Upload audio to S3
To upload recorded audio to Amazon S3:
- Click the + icon next to the queries/js and choose your S3 datasource.
- Select the method Create a new file from the Commands drop-down.
- Provide the required parameters such as the bucket name and file type.
- In the content body, add the following:
- Configure the onRecordingComplete event to run the query.
When recording is complete, the audio WAV file would be uploaded to the S3 Bucket.