Audio

Audio allows you to integrate sound files into your content, providing an auditory learning experience. Configure the audio player appearance to match your design aesthetic while ensuring clear playback controls.

Style settings

Property	Description
Player
Background color	Select the background color for the audio player container.
Icon color	Set the color for playback control icons.
Active captions icon	Choose the color for the captions button when active.
Timeline (background)	Set the color for the unfilled portion of the playback progress bar.
Timeline (completed)	Set the color for the filled portion of the playback progress bar.
Border
Rounding	Adjust the slider to control corner roundness of the player.
Display border	Toggle (Yes/No) to add or remove borders around the player.
Border color	Select the color for the player border.
Thickness	Adjust the slider to control border thickness.
Player shadow	Add and configure shadow effects for the player: Click the "+" icon to add shadow effects. Select from shadow styles: None, Soft, Regular, or Retro.

Typography settings

Customize Audio appearance using rich-text formatting options. These changes apply only to the Player and Timeline within the Audio element and do not affect other text elements.

Typography settings for both the Player and Timeline can be configured with:

• Font

• Style

• Size

• Line spacing

• Color

For details, see Typography and fonts.