DragonSenses/custom-audio-player ? reverse-engineered prompt
Reverse engineered prompt
Build me a simple custom audio player webpage that uses an HTML5 audio element with its own styled controls instead of the browser default ones.
I want to be able to drop music or audiobook files into an audio folder, pair each one with a matching cover image in an img folder, and then list the track names in a small script array so the player loads them as a playlist. The player should let me play and pause, use the spacebar for play and pause, go to the next and previous track, and show a progress bar that I can click or drag to change the current time. It should also show the current track name in a small details pop up, and have a nice cover image that spins while music is playing.
Make it look polished with custom CSS, and keep it easy to run by just opening index.html in the browser. If you need to look up current browser behavior or docs online, go ahead.