Is there a simple way to put an MP3 player on a website and then insert the MP3’s?
I tried to use the Google Reader MP3 Player. I pasted in the code but can’t figure out how to attached the mp3 files to the player.
Heres the directions I used.
“To use this MP3 player on your website or blog, copy-paste the following code and replace the MP3_FILE_URL with the link to your MP3 file.”
Here is the code that I used for the player:
<embed type=“application/x-shockwave-flash” flashvars=“audioUrl=MP3_FILE_URL” src=“http://www.google.com/reader/ui/3523697345-audio-player.swf” width=“400” height=“27” quality=“best”></embed>
Just last night I had to change the way I used to embed MP3s in my site, as chrome was going crazy and ignoring autostart=“false” on a simple <embed> tag so all my MP3s were playing simultaneously!
(Just a word of advice, I’d stay away from the Google Reader MP3 player, as it’s flash based, which is just a nightmare for people using iPhone, iPods and iPads…)
Anyway, after much searching last night, I came across the Yahoo! Media Player - it’s not as ugly as it used to be (it used to be heavily Yahoo! branded, which put me off it before) and it’s really simple to implement - just a case of whacking in one line of javascript, then linking to your MP3 files as simple <a href=“whatever.mp3”></a>. You can add title tags to name the track and attach small square images to appear in the player too.
You can embed a flash player into your website and specify the mp3 that you want to play, there are alot of free ones out there that will solve your problem
Don’t use Flash for this. Bad for mobile, bad for SEO, forces user to have plugin installed and it will eventually die when HTML5 becomes more mainstream and used more regularly.
jQuery has a few audio players that seem to be adequate.