What would you like to see in an Audio Player component?

The requests for an Audio Player Component keeps coming up, so…

Perhaps it’s time we started exploring what a built-in Audio Player component in Elements might look like.

If you’re someone who’s added audio to a site before, or might want to in the future, what features would matter most to you?

For example:

  • Should it support playlists or just single tracks?
  • Would you want custom styling options?
  • How important is embedding from services like SoundCloud or Spotify?
  • Do you need autoplay, loop, or download buttons?
  • Anything else?

Let us know how you’d use it, and what would make it feel like a polished, flexible part of your workflow.

Best of all, if you have some example sites that show what you’re after, please post the links so we can take a look.

Thanks!

Music teacher here. Can’t make the jump to Elements until this is implemented unfortunately. Absolutely must be able to do playlists as well as single tracks. Personally don’t care about embedding since storing files locally is not generally a problem but I’m sure many would like the ability to reference a track from anywhere.

Autoplay would be nice as would downloading buttons. PLAYLISTER by the now defunct Stacks4Stacks was the gold standard for me. PlayLister Stacks Addon by Stacks4Stacks

My example page: Jeff Harrison Piano Studio • Celebration Series

1 Like

All the elements (buttons, progress bar etc.) targetable with CSS would be excellent!

The ability to change the fonts in the player would also be great.

Cheers,
Erwin

As a big user of audio on our choir rehearsal site, like @Jeffhrsn, I currently use Playlister and love the range of features it has.
Not so worried about autoplay but download button, playlists as well as single tracks, ability to load both locally and from other sources are all essential for me.
Being able to add artwork or poster would be handy.

Thanks
John

audio player

need at least this, with d/ls etc

I’ve also been using the Playlister Stack in Rapidweaver and would like something along similar lines. The ability to embed SoundCloud and Spotify songs would also be important. The more flexibility in the design, the better. It could range from a simple one track slim player to a player that incorporates playlists and related images. Thank you for getting onto this!

I am pretty open to what an Audio player should offer. Guess when you are asking 10 people you are getting 11 opinions.

Therefore I would like to have it pretty flexible. Maybe something like the Elements Form components. So you have a pure player, then maybe an additional playlist, an additional image, a button etc.

That would give me the possibility to add a simple player and extend it whenever needed.

@dan, Thank you for your openness on this! To answer your questions:

  • Should it support playlists or just single tracks?
    I think both should be supported. I sometimes have a need for one or the other on various websites.

  • Would you want custom styling options?
    For me, it’s not necessary, but it would be nice to match colors with the site’s colors at the very least.

  • How important is embedding from services like SoundCloud or Spotify?
    It is not important to me as I plan to host my own audio. However, if someone needs to embed audio from a streaming service such as Spotify, Apple Music, or similar, they already offer embeddable players themselves.

  • Do you need autoplay, loop, or download buttons?
    For me, loop would be helpful at both the track level and the playlist level.

  • Anything else?
    If there’s a way to prevent right-clicking and viewing the actual source code to protect the file source, that would be great.

Example of what I use it for on one of my websites.

SoundCloud and others - not important for me… (just speaking for myself)

It would be great to have an area for artwork

Play - loop - and downl
oad buttons please

I put the service links on the bottom - Apple Music- Spotify - Amazon - YouTube

Take a look at WindyTown.com maybe 70 recordings out of 1200

Apple has a nice embedded player to look at - larger for albums - singles are smaller

I understand it’s very hard to satisfy everyone here with the many varied needs… so thank you for trying :slight_smile:

A cool high tech looking feature:

A ticker underneath the play bar with:

Artist Name and name of song and perhaps availability!!!

For example:

Michael Droste - Hit Single: Change Is The Only Constant - Available on Apple Spotify YouTube and Amazon

This would be really slick looking - very professional!!!

Just a thought :slight_smile: