Navigating Audio Element Settings

Audio Element 

>> Need help uploading audio files? Click Here!


The audio element is used to display an audio file within your app. When you drag the audio element into the preview screen, it will display a grey play bar.

Audio files are connected to your app through the use of an audio file URL link. App users can play and listen to any audio file you link from directly within your app.

Audio Element Settings:

Audio Link

In order to correctly link an audio file, you must paste a URL of the direct audio file. This can be a .MP3, .WAV, or .M4A file.

  • This can be linked from a website, a podcast, or several other options.
  • To input your audio link, identify the input area below “Audio Settings” in the left menu. Paste your audio link directly into the input area.
  • IMPORTANT: In most cases, your file will start with "https://" and end with .MP3, .WAV, or .M4A . For example, this link will work because it starts with "https://" and ends with .mp3: https://www.buzzsprout.com/257331/1031667-this-is-the-philosophy-of-fulfillment.mp3 .
  • Links that start with "http://" will not work (as it's missing the "s" in "https") - Google Chrome treats this as a security concern and won't load the file.

Animation

  • Setting an animation for your element will cause it to load in with a visual effect. 
  • Once the main screen is loaded on a phone, the animation chosen will take place according to your trigger settings. Beneath “Trigger”, you will see a dropdown menu, and an input for for “Minutes” and “Seconds”.
  • To choose an animation for your element, click the drop-down menu below “Trigger" and select an animation.
  • The "Minutes" and Seconds" inputs are used as a timer. Once a screen is loaded on a phone, the timer starts ticking down. When the timer expires, your element's animation will occur.
  • Note - once the animation has started, it will continue on the same timer, no matter if the user leaves the screen or returns to it later.

Spacing

  • Spacing is used to generate space around content, inside of an element's area. To edit spacing settings, scroll to the bottom of the “Appearance” menu on the right side of the page to where it says "Spacing". You can edit the spacing of the Top, Bottom, Left, and Right of your element by dragging the sliders for each respectively. The higher the spacing is, the more space between the border of the element and the content.

If you have any questions about this article, feel free to reach out to our support team! We're happy to help.