Play audio

Plays an MP3 track in your app.

๐Ÿ‘‰ The Tag

This set of tags allows to play an MP3 track in your app.

[action:play:URL] or [action:play]

Use [action:play] if you are getting the URL by API.

Plays the MP3 audio track. When this element is visible, the pause element will be invisible, and vice versa.

Replace URL with an actual URL ending in .mp3

๐Ÿ“ Where to add the tag: Any layer, except top-level and container.

Make sure your phone it's not on mute.

๐Ÿท๏ธ How to add the tag

1. Paste the tag [action:play:URL] into the layer name of your play element (can be an icon, shape, button, or text).

2. Paste the tag [action:pause] into the layer name of your pause element (can be an icon, shape, button, or text).

Place the pause element underneath the play element in your design file to make it look synchronized.

3. Paste the tag [audio:currenttime] into the layer name of a text layer. The placeholder time in your design will be replaced by a progressive counter in 00:00 format.

4. Paste the tag [audio:totaltime] into the layer name of a text layer. The placeholder time in your design will be replaced by the real total time of the audio in 00:00 format.

5. [OPTIONAL] Add the tag [audio:background] to the same layer where you added [action:play:URL].

6. [OPTIONAL] Paste the tag [audio:loading] into the layer name of your loading element.

Pro tip: use the Lottie component to easily add a Lottie animation in your intro.

7. Import to Bravo & preview on Bravo Vision ๐Ÿš€

๐Ÿ’พ Example files

Duplicate the files below to see how to set it up!

Last updated