Music Player Component

ok while waiting for The Elements Audio Player wanted to see what I would like, might help others think about it

AI generated I am still learning js and alpine so would have been days for me, not much work for me using AI
Manual add either local or external

External link from AI, drums Garage Band me

Project

elementsapp://downloadDocument/vbyl0tOTR5np

Updated Project track list or dropdown track list + a lot more color controls but not divided into sections

elementsapp://downloadDocument/5vESlduJ0LaL

1 Like

That’s very cool :blush:

ok moved on quite a lot had issue with duplicating tracks when I added an Elements component, worked out had to load js script once, also add a way to see the tracks in edit, hurt my head, too many controls especially width as it one of my ui saved settings

last bitto do is add easier adding of tracks rather than manually typing the entire address, easier if I just left to
use just resources

hopefully I captured most issues now

project Music Player Component

elementsapp://downloadDocument/J5Fz0o5vBbB6

:up_button:corrected padding

Just need the Marketplace finish and free

local mp3’s use resources/maddrum.mp3 etc

ok thought I would test out the new publishing - worked no problem

Music Player - two on one page - Garage Band drums

Test Page

https://sjwjaw.co.uk/music/

Hey @upssjw

just wanted to try your component as it looks great on the screenshots. But the download links are not working. I am getting always a “Error downloading document”.

I keeping deleting my cloud uploads I we ll reset when I get back home, I will turn it into a component when the marketplace works- will be free need to add controls for text size and icon add

1 Like

Thanks for that @upssjw

Really generous to give it to us for free!!!

Awesome stuff, looking forward to seeing it!

@WeaverPixel

ok at my Mac but in a hotel, either Elements cloud is not working or as I have experienced I cannot connect to the cloud storage, does not work vis hotel wifi or if I connect through my iPhone either

I can publish I added an extra player need sort out spacing, with all the changes I have been trying I introduced a bug or there is a bug, still works multitimes on a page but not on another page must be the js

Back home tomorrow night

https://sjwjaw.co.uk/music/

No worries @upssjw. I can wait a day or two :grinning_face:

@WeaverPixel

just checked working in hotel this morning, think this version works multiple times on a page but not on another page, need to sort

local and external file shown in tracks

my version a few saves ago works fine, but I have been adding a lot more of code, needs going through

elementsapp://downloadDocument/zM55AZbxviij

Thanks @upssjw

I just downloaded the audio player and played around with it :slight_smile:

If I could add a wish, I would like to be able to use it with or without the playlist. Currently you need to click on a song and then the player plays it. I would like a possibility to add one song directly to the player (without the list). I could then add a background (of a CD or Album) and play exactly that one song.

But only in case you need ideas :grinning_face:

Thanks for sharing it!!!