blog
Out of context: Reply #75508
- Started
- Last post
- 75,587 Responses
- mg3312
I'm kind of losing my mind at the awesomeness of Chat GPT and the ability to generate code with it. I've used it for code before, but this weekend wanted to work on an audio player for my music site. I can't tell you how many times I've looked for nice, minimal HTML5 audio players that were easy to customize, free, and MINIMAL. Let me repeat MINIMAL.
Go look for Wordpress plugins for audio and it's so hard to find a minimal one. So many are multi-song playlist styles, cost $, are difficult to customize, or can only have visual pieces removed through CSS.
I got a paid GPT account last week which opened up the floodgates of all the different GPTs that are available. Thought I'd see of one called "Code" could get me what I want. I've used free ChatGPT to create code before, but tried this one out. I'm sure they're all generally the same, but Code has a really nice conversational explanation of what it's generating.
Anyhow... long story short, in about an hour yesterday I asked for the following, in order:
1. Create code for an html 5 audio player that uses font awesome icons and consists of a play/pause button, a back button to the left, and a forward button to the right. I should be able to use multiple audio files.
2. can you add a horizontal progress bar below the play buttons that can be styled with css?
3. Add a numeric indicator that displays the number of the track being played before a forward slash, and after the forward slash, displays the total number of tracks in the player.
4. update this code to change the pause button back to play button when a track is over.
5. (Lastly, today) update the code above to let me pull audio files from a Wordpress advanced custom fields repeater. (the original code required adding urls into the javascript, which I didn't want to mess with on a regular basis.
And here it is: www.theagelesssea.com
Just a couple sample tracks there now as I'm testing it out, but I'm so happy to be putting more time into this project.
- Great work. Really love the music. ChatGPT or AI couldn't make something as lovely as thatIanbolton
- Thank you Ian!mg33
- Nice. Please give us more.Longcopylover
- ^ Thank you! Hoping to finish a 7-8 song album this year. Laid off recently so it's nice to have time to focus on it more.mg33
- that's pretty damn awesome mg33... cool use of chatgpt, and excellent music to boot :)exador1
- I've been trying to think of a way to combine chatgpt and figma... i know lots of others are in this space as well, but it just seems like an interesting space.exador1
- Next thing is ask ChatGPT how to fix SSL.zaq
- exador1, I've been thinking of Figma plugin ideas lately as well.mg33
- took'r jurbss!BabySnakes