Custom audio players

Are there any alternatives to the audio widget that would provide a continuous player, fixed to the top or bottom of a page? If there’s no easy solution, are there any good examples of a pop-up player?

Any audio player capable of playing a mp3 stream should work. There are lots of HTML5 players etc. jPlayer for instance should work.

You think variations of this webcompents based player might work?

https://www.webcomponents.org/element/LRNWebComponents/a11y-media-player
https://lrnwebcomponents.github.io/a11y-media-player/components/a11y-media-player/demo/

If so, I think building out a customizable Libretime/Airtime player could be included in the project scope for most of the OpenProducer projects.

I don’t know whether they would work or not. It depends upon whether they support mp3 streams. I think that mp3 streams are actually supported natively by many modern browsers.

If they could work, we should scope out a solution, set a goal on our OpenCollective, and sprint! https://twitter.com/gusaus/status/1017156624023052288

Referencing this comment as it’s related to this discussion -

Yes, but the problem today with audio players and web content management systems is navigation interrupts the stream. A player must be sticky to the footer or the header (or top bar) of a site to have any chance of wide adoption. There are far too many players out there already that work and people stick them in, but the experience is poor. So, if jPlayer is open source, it must be wrapped in a sticky footer or header option for both Drupal and WordPress. Sure, jPlayer is far and away leading the open source player movement, but until they adopt some type of sticky functionality, for me it’s not a solution to a long term problem. It’s not so much the player - that’s there. It’s how the player is implemented on a site that gives it more value.

If you’re brief message suggests just using jPlayer but building it into some useful sticky function, then I certainly agree and my comments are already in line with your point of view.

Yeah, that is the big challenge. We have a volunteer working on a solution, the challenge is whether even a sticky footer or header would work and stay consistent without wrapping the whole site in an AJAX framework and avoiding explicit pageloads. Kexp.org basically maintains their player through this but I don’t know of any Drupal module that does this, or wordpress configuration. It’d certainly be worth figuring out and it indeed is the next step for our site overhaul because maintaining the ability to browse and surf the page while keeping the single audio player is important.

Here’s one on Code Canyon for WordPress:

Could this plugin be the basis for what we’re looking for?

As mentioned in this discussion, possibly we could include the required functionality in the following?

  • Radio Station (WordPress)
  • Station (Drupal)