Audio Player
An Audio Player component is used to play audio. It accepts a URL as its value.
Adding an Audio Player component
To add a Star Rating to your app screen:
- Select the Audio Player component from the Components drawer. You can open the list of components by clicking the
+button next to Components. - In the Data tab (third tab) in the Properties Panel, add the URL of the Audio file to be played.
In the example above, we're adding a static audio file URL in the URL input data tab. This input field also accepts data variables when placed inside curly braces {{someVariable}}.
Using a variable name in the input field is useful when the data comes from a REST API endpoint. That way, you can select the dynamic value from the dropdown under Variables.
Configuration Properties
| Property | Description |
|---|---|
| Component Name | To alter the name of the component. The name is reflected in the Components tree. Defaults to Audio Player. |
| Remaining track color | Color of the remaining portion of the track |
| Completed track color | Color of the completed portion of the track |
| Interruption mode | How the player should interact with the audio from other apps |
| Plays in background | Determines if audio playback should stay active even when the app goes into background |
| Mode | The mode of the audio player. 'interface' to render an interface for the player, 'headless' to render nothing an be controlled only thorough actions and triggers. |
| Thumb color | Select or create a color |
| Toggle playback icon color | Color of the toggle playback icon (pause/play icon) |
| Toggle playback icon size | Size of the toggle playback icon (pause/play icon) |
| Hide toggle playback icon | Whether the toggle playback icon/button should be hidden or not |
| Hide duration | Whether the current duration text should be hidden or not |
| Hide Slider | Whether the slider should be hidden or not |
iOS Specific
| Property | Description |
|---|---|
| Plays in silent mode | Whether audio should play in silent mode or not |
Android Specific
| Property | Description |
|---|---|
| Plays through earpiece | Whether audio should be routed to the earpiece or not |
Data Configuration
| Property | Description |
|---|---|
| Source Text - URL | This input supports static text or data & variables through the use of brackets, ie "{{variable}}". For example, you could use "Hello {{name}}" or "https://reddit.com/r/{{subreddit}}" |
Triggers
| Trigger | Description |
|---|---|
| On Playback Status Update | Starts the action when playback status is updated |
| On Playback Finish | Starts the action when playback is finished |
Updated 7 months ago