The Sound Addon allows you to integrate audio into your projects, enhancing user interactions with dynamic sound effects or background music.
How to Enable It
- Open the store on the left sidebar of the editor
- Search for “Sound Addon”
- Drag the Sound Addon onto your project to enable it
- Create a new Sound Addon and give it a name, e.g. My Sound
- Configure the addon using the settings below
Settings
- Click “Add Sound” to add a sound
- Name your sound
- Click the pencil icon to upload an audio file (MP3, under 2 MB)
- Preview the sound using the play icon
- Click “Save” to save your changes
Optional: Looping a Sound
To enable looping, check the “Loop” box. The sound will loop indefinitely until the “Stop” action is triggered.
Actions
Once your Addon is enabled and configured, you get access to the following actions with which you can interact with the Addon:
- Play: Plays a sound from a Sound Addon.
- Stop: Stops the playback of a sound.
- Mute all sounds: Mutes all sounds of a Sound Addon.
- Unmute all sounds: Unmute all sounds of a Sound Addon.
Datafields
The following datafield is available on the Sound Addon:
- Is Muted: Indicates whether a Sound Addon is currently muted.
Note on Browser Audio Autoplay Policy
Most browsers (like Chrome, Edge, Safari, and Firefox) require a user interaction, such as clicking or tapping on the screen or a button, before any sound can play. After this initial interaction, sounds in the Sound Addon can be played freely in response to triggers such as form submissions or additional button clicks.
Optional: Unbind from Project
When you add a Sound Addon to a project, it becomes bound to that specific project. If you want to reuse the same Sound Addon in multiple projects, you will need to unbind it from the current project first.
After unbinding, you can easily add the Sound Addon to any project from the store. Then, simply enable the unbound addon instance you want to use from the global list.
To unbind the addon, click the “Unbind from Project” button at the top of the addon screen. This will make it available for use across other projects.