I would like to request that some clever person make a custom audio component similar to the one in the pic below. I would willingly purchase it if it were in the store and I’m sure other people would too. The audio component that ships with Elements is great, but I have a need for a simpler ‘one track’ player without an image and will minimal controls. I previously used a Stack called AudioPlayer in Rapidweaver Classic, (the one in the pic) so if you are familiar with that one, maybe it could help.
Hi Edward, Thank you, I didn’t realize you could omit the image. I did manage to create something similar to your example, but I would still like to be able to have the length of the track displayed in minutes and seconds as well as a volume control and maybe more control over the icon placement.
I do believe a new component specifically designed for a single track would be preferable and it could even have added multiple track options as an alternative to the inbuilt audio component. I just like the styling of the player in my original post and this is not achievable currently.
Amazing! - Thank you so much for doing this. Two questions as I know nothing about HTML code and any editing is pretty much hit or miss. Which part of the code would I edit to change the color of the player and is it possible to have the volume as a slider?
This is a great Component and maybe it could be something to put in the store? - I’m sure it would be useful to many musicians who are creating their sites in Elements. I must say that I have been dabbling in Elements for the last few months, and although it’s taken a little while to adjust from Classic, I love the power and flexibility of it and also your openness to ideas and community. Great stuff!
The styling for the range slider and volume slider is towards the bottom of the code in sections for styling after the script.
The icon are svgs and you can change the fill color:
svg x-show=“!playing” x-cloak xmlns=" SVG namespace " fill=“currentColor” viewBox=“0 0 24 24” class=“h-6 w-6”
Thank you so much! Could you please give me an example of that line of code for the color for say green or blue. I’m not sure how to format a specific color within that line…can you use a Hex format?
The only other thing that I would desire is for the slider to be hidden and only show when you click on the sound icon - If anyone can figure that one out I think this Component would perfect for me…(This is not crucial, but could be a nice option…The player looks pretty great already)
@MultiThemes ….Michelangelo, do you know how to add those options to the code and thus make the Component easy to customize?
I very much appreciate all the help from the community…
Could this be an opportunity to also implement the Audio standard component?
Add the ability to pause the audio when the element leaves the scene.
I did it with a custom component in NOIR project, but it would be nice to have it by default.
