Can anyone help me how to add an audio file to an Elements page? Cheers.

Here is a basic audio file component http://www.garysimpson.co.uk/vault/temp-sharing/shared-components/Audio%20Player.elementsdevpack.zip

Thanks Doorbox, but what do I do with an elementsdevpack? I don’t know what you mean as I am not a programmer. Cheers.

Download it… Put it somewhere on your Mac you will keep all your random components… Open the Settings in Elements, Top menu bar > Elements > Settings… Select the middle tab in settings “Adonis”… Click “Add Pack”… You choose the file you downloaded, Audio Player.elementsdevpack

Doorbox, thank you very much for this. Works perfectly, but you knew that anyway. Do you have a PayPal account so I can send you something? Cheers, Paul Cruice paulcruice@gmail.com

Ah no problem. Its very basic, I might make something better when the api is set in stone.

@paulcruice I updated it for a stumbling block I’m sure you’d quickly run into. Now if you have more than one auto player on a page, and one is playing. When the visitor plays another one, anything else that is playing is stopped. Same download link.

Gary, it would be nice if the size of the player could be larger or perhaps adjustable to a size to suit. Cheers.

That’s awesome, nice work :smiling_face_with_three_hearts:

OK, I’ve implemented a number of width settings from full to extra small. Same download link. Now thats ya lot :joy::joy::joy: Just kidding. But will wait till elements is further down the road before making a full on custom player. [CleanShot 2025-03-14 at 8 .31.35@2x]

I had a quick look around your audio component, and it seems you’re getting up to speed quickly. Nice! However, I had a few suggestions… You may already know all this, in which case you can just ignore me :blush: Cheers!

Adding an Audio file to a page?

Elements

MichaelDroste (Michael Droste) 8 August 2025 19:56 19

Strange my .htaccess is blocking access to the mp3 files… oops - fixed

Topic		Replies	Views
Request for "Simple" Custom Audio Component Elements	16	189	14 March 2026
Music Player Component Elements	11	263	13 July 2025
Dev Diary 98 - New Audio Component Elements	27	380	8 September 2025
Call for a dedicated Audio Player component Elements	8	193	10 July 2025
Trying to Javascript an Audio Player Elements API	2	62	7 August 2025

Adding an Audio file to a page?

Related topics