Audio addon in Page Builder CK

You can use the Audio addon in Page Builder CK for Joomla to play your music. You can play your audio file located on your server for example and show an audio player in your page to let your visitor play your sound.

To use the audio addon, it is simple, just drag and drop it in your content area. Then edit it and select the audio file to play.

There are some options that you can use

Autoplay
Loop
CSS class
Type
- Native : an <audio> tag controlled by the browser natively
- Advanced : a custom html player that you can customize

Native audio player

This is the player how it looks like in your browser. Note that the rendering can be different depending on the browser (screenshot taken from Firefox).

You can not customize it, but there is no CSS nor JS user for it, everything is natively managed in the browser.

Advanced audio player

preset1

This is a player that you can customize with many options :

Thumbnail / Image : you can use it to add a cover to your music
Display the time : yes/no if you want to show or not the duration of the song
Display the total time : yes/no if you want to only show the current time and not the total time
Album : add an album title for your song
Artist : add the artist name

There are also some styling options to set the colors, margins, and more for

the player
the album
the artist
the icons
the time
...

You can make it look like you want and according the design of your website using Page Builder CK.

Presets for the audio player

There are some presets that you can use to quickly give a nice look to your audio player. Here is a preview of what is included (may vary with the next updates)

preset1

preset2