Help Center

Audio Player

Add an audio recording and playback controls.

How to use

  1. Choose an audio file and optional title/cover.
  2. Set volume, looping and autoplay.
  3. Test playing and pausing in presentation mode.

Things to check

Autoplay with sound may require interaction; PDF cannot play audio.

Property reference

Select the module in the editor to change its settings. Technical identifiers below are kept unchanged for reference; some advanced fields are stored as structured data rather than separate controls.

19 / 19

accentColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string
artist

Visible copy or a label for this element. Write concise, descriptive content and check it fits the layout.

string
audioUrl

An image, media or link source. Use the media picker or an accessible URL and verify it loads in the presentation.

string
autoplay

Starts media or a gallery automatically; browsers may block media with sound.

boolean
backgroundColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string
borderRadius

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number
coverImage

An image, media or link source. Use the media picker or an accessible URL and verify it loads in the presentation.

string
loop

Restarts playback when it reaches the end.

boolean
opacity

Visibility ratio: 0 is fully transparent and 1 is fully opaque.

number
padding

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number
shadowEnabled

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean
showControls

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean
showProgress

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean
showTime

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean
showVolume

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean
style

Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.

'minimal' | 'card' | 'compact' | 'full'
textColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string
title

Visible copy or a label for this element. Write concise, descriptive content and check it fits the layout.

string
volume

Sets playback volume; device volume also affects the result.

number