Help & Documentation

Audio Player

You can embed audio and customize the UI for an audio player. Audio files can be uploaded in MP3 format and must be less than 5MB. Authors can also use audio hosted on the Internet.

The following options can be configured:

  • Source URL click +Add, and a modal will appear to either upload or embed audio.

There are three methods to upload audio:

  • Select the Upload Asset tab, and drag your file to the Drag and drop files here selection box.
  • Click on Choose Files, and select audio from your computer, click Upload, then click Ok.
  • Select the Embed Asset tab, and insert audio URL in the respective field, then click Ok.

Player Type - Specifies the type of audio player. Options are block, button, minimal, bar.

Block

Button

Minimal

Bar

Playback Limit - The number of times the user is allowed to play the audio, 0 is unlimited.

Heading - Heading of the audio player.

Caption - Description of the audio being played.

More Options

Ui Settings

Playback

  • Play - Defines if the play button is displayed to the user. The default setting is on.
  • Pause - Defines if the pause button is displayed to the user. The default setting is on.
  • Seek - Defines if the user can change the play position. The default setting is off.
  • Play Bubble - A play bubble will be displayed to the user with controls. Play must be enabled. Available in Button UI only.

Look and Feel

  • Timer - Defines whether the timer will be displayed. The default setting is on.
  • Progress Bar - Defines if the progress bar is visible to the user. The default setting is off.
  • Volume Control - Gives the user control over volume. The default setting is on.
  • Volume Meter - Defines if the volume meter is displayed to the user. The default setting is on. Responsive Layout - The component's size will be scaled responsively based on its container's size.
  • Download Link - A link to download the audio will appear. The default setting is off.
  • Waveform - Defines if a waveform will be visible. The default setting is off.
  • Waveform URI - Insert URI of the waveform to display. Click on +Add to enter a waveform image.

Details

  • Transcript - A transcript can be input text directly into this field, or include a URL or filename to be used instead.
  • File Format - If the file format is not specified in the Source URL it is automatically assumed to be mp3. You can specify the file extension here.