[HOW-TO][n00b] Installing The Simplest MP3 Player On Your Website

Nishant Arora 07/Oct/2011
Facebook
Twitter
LinkedIn
Reddit

yes, lurking somewhere on the warriorforum I found that some n00b was looking for a way to implement a mp3 player on his website, because he wanted to put up mp3 intro onto his sales squeeze page... Read the thread here... I thought it was so simple... but it was not for those who like him are pretty much n00bs... :(.. Every other guy was giving him a tougher advice to implement where as the solution was so simple.. so I am just putting up a guide on how to do it.

  1. Make a folder on your web server (just to keep it much more organised). we will call it "Music"
  2. upload a MP3 file in this folder (for testing I am uploading a song by Akon), called akon.mp3
  3. Now it is even simpler just initialize the free to use Google's Mp3 renderer... how to do that? read on..
Using the following code the implementation becomes simple here.
<embed
  type="application/x-shockwave-flash"
  flashvars="audioUrl={link to your mp3 file}"
  src="http://www.google.com/reader/ui/3523697345-audio-player.swf"
  width="400"
  height="27"
  quality="best">
</embed>
Just insert the above code where ever you want to implement this mp3 player. according to the code replace "{link to your mp3 file}" with the destination, which was "music/akon.mp3" in our case. So the Code finally becomes:
<embed
  type="application/x-shockwave-flash"
  flashvars="audioUrl=music/akon.mp3"
  src="http://www.google.com/reader/ui/3523697345-audio-player.swf"
  width="400"
  height="27"
  quality="best">
</embed>

Voila!... Enjoy your MP3s... :)).. How simple was it, Hope that helps you learn something!

Cheers!

PS: Working Example Here