Audio Player
Add an audio recording and playback controls.
How to use
- Choose an audio file and optional title/cover.
- Set volume, looping and autoplay.
- 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.
stringartist
Visible copy or a label for this element. Write concise, descriptive content and check it fits the layout.
stringaudioUrl
An image, media or link source. Use the media picker or an accessible URL and verify it loads in the presentation.
stringautoplay
Starts media or a gallery automatically; browsers may block media with sound.
booleanbackgroundColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
stringborderRadius
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
numbercoverImage
An image, media or link source. Use the media picker or an accessible URL and verify it loads in the presentation.
stringloop
Restarts playback when it reaches the end.
booleanopacity
Visibility ratio: 0 is fully transparent and 1 is fully opaque.
numberpadding
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
numbershadowEnabled
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
booleanshowControls
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
booleanshowProgress
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
booleanshowTime
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
booleanshowVolume
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
booleanstyle
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.
stringtitle
Visible copy or a label for this element. Write concise, descriptive content and check it fits the layout.
stringvolume
Sets playback volume; device volume also affects the result.
number