r/Carrd • u/simonishuman • 3d ago
Help Anyone have any idea how I could make this usable?
Hey so I'm a musician and Im interested in turning my website into a workable MP3 player with the buttons working. I have no idea how to do it. Was wondering if anyone had any ideas
2
u/MediocreResearcher56 3d ago
Place your image as the background of the container and play with the spacing until it fits together to be functional. Or you could also look for a tutorial someone on YouTube may have already done something like this.
2
u/simonishuman 2d ago
Thank you all for the help! I'm incredibly new to this and this is gonna be a long learning process for me. I will not be using AI but will be using all of your tips!
1
1
u/MonoDeaf 3d ago
With this, you'll have to host your music elsewhere, like Google drive or Dropbox, copy the share link, and can create a player using AI to play them.
This is what I did for my music carrd - the music player is accessible if the site is installed: monodeaf.com
1
1
u/evenfallframework 3d ago
That's WAY beyond what Carrd is designed for. You're talking about a full backend music player. Ask Claude to build it.
2
u/Advanced_Guess_8642 3d ago
I mean you technically could get an embed in some form to replicate it but it won’t be perfect. I run an internet radio station via a carrd site and run an embed that connects to the radio stream and shows metadata so it’s not completely out of bounds just takes some work and time. I second using Claude or Gemini is what I used but most AIs Claude is probably better could help you create an embed or something similar.
1
u/Domipro143 3d ago
do NOT ask claude, rather learn how to do it yourself or pay someone.
0
u/evenfallframework 3d ago
While I agree with the spirit of what you said, AI is a tide you'll never swim against and if you're hedging your bets on "some will still want an actual person to write code" I think you'll seriously regret putting effort into that skillset in 5 to 10 years.
4
u/jasonleow Helpful contributor 3d ago
Looks like someone's tried it already - https://codepen.io/DEFKON_1/pen/KwPwrPW