Would you like to create a musical atmosphere or play a sound for a transition? PandaSuite helps you easily insert all your audio files into your app.
1. Inserting an audio file
To add your audio file, you can go:
to Medias: click on the green + ADD button to browse the content of your hard drive and select your file. Once you've inserted your Audio component, you simply need to drag it into it.
in the Properties window of your component: click on ADD SOURCE.
Accepted formats are .mp3; .wav; .wma; .aac; .m4a.
2. Using the Audio component
To add an audio file, click on Components and add an Audio component. It is automatically field in the List of Objects window, it's not visible in your state.
Select your Audio component to access the Properties window and the following options:
Edit audio: lets you create markers, i.e. define specific time(s) to which you want to match specific actions (see the article Learn about markers)
Add/Change source: lets you replace your audio file with another one while retaining the properties you previously defined in your project. This is especially useful when you duplicate a layout.
Options: you can choose an auto play or a loop mode. You can also configure the volume and the rate.
Auto stop options: use this to define if you want your audio track to stop when a new sound play.
Start/End: use this to define the start and end to create a specific track. It's measured in seconds.
Tip: if you have a single file that you want to split into several tracks, instead of cutting it into several files using specific software, reuse your file as many times as necessary from My Cloud, each time configuring the beginning and end in the Properties window.
3. Linking an audio file to an action
In order to define an action for your audio file, you need to select Define action on a component in the list of actions.
Want to play a sound when touching a shape?
Insert your shape, select it and click on the Interactivities window. Select the trigger: Single tap/click and the action: Define action on a component. In the specific orange mode, pick your Audio component from the List of Objects.
You need to choose between the following options:
- Restart from beginning
Want to play a sound when changing screen/state?
It works the same as described above. The only difference is when you select your trigger: click on your screen/state without touching a particular element and in the Interactivities window, select the trigger State display.
Tip: if you want to create a musical atmosphere throughout all of your application, you can create an action to Start playing your sound on a foreground, that will be assigned to all of your states (for more information, see the Use foreground and background article) .
Congrats, your app is now musical!