Insert an audio file and add all kinds of actions related to audio: auto play in the background, create a custom player, trigger an action at a specific time, synchronize your audio to another component, etc.

In this article

Insert an Audio component

Insert an Audio component and add an audio file in Source. You can also add an audio file directly in your screen: an Audio component is automatically created.

The Audio component is a non-graphical component. You can create a custom player using the synchronization and the Scrolling Area component.

Here is the list of accepted formats: .MP3; .WAV; .WMA; .AAC; .M4A.

In the properties, choose whether to enable the following settings: 

  • Auto play: when the screen/status is displayed, the audio file starts automatically
  • Loop mode: at the end of the track, the audio starts again
  • Auto stop on playback of new audio 
  • Start/End: set the start and end of your audio to create a specific track. The unit is seconds.
  • Volume: choose the default volume (1 being the initial volume of the audio) and the volume range as part of a sync.
  • Speed: choose the default speed (1 being the initial speed of the audio) and the speed range within a sync.

💡 If you have a single audio file that you want to split into several tracks, instead of splitting it into several files via an external software, reuse your file several times and each time set the beginning and end of the track.


Select the play button and choose the Interact with a component > Audio > Play.

Other actions are available: 

  • Play/Pause
  • Play
  • Pause
  • Stop
  • Forward
  • Rewind
  • Restart from beginning
  • Set volume
  • Increase volume
  • Decrease volume
  • Set rate
  • Increase rate
  • Decrease rate

💡 To keep your audio file throughout the application, insert your Audio component at the Project level.

Trigger an action related to audio

Select your audio and add an action. Here is the list of available triggers: 

  • Starting play
  • Pause playing
  • Stopping play
  • Finish playing

To trigger an action at a specific time, create markers to define times on your audio file for which you want to associate particular actions.

Enter the Audio component and create markers. Use the audio player to browse the audio and select the time to mark.

Once your markers are created, they become available in the list of triggers.

Synchronize audio with another component

Synchronize your audio with any other component (Timer, Audio, Gallery...). You can synchronize :
  • Time
  • Volume
  • Speed
  • Markers
Define these parameters from the properties of the Synchronization component.

Still need help? Contact Us Contact Us