Add Audio to Your Web Page / Blog (free and easy)

Adding audio to your website or blog post isn’t always as simple as it sounds. I put together a quick tutorial using my favorite little plug ‘n’ play flash embed code for adding a nice looking audio to player to a web page or blog post.
Here is an example of the player:

Instructions:

1. Upload the music to your server in MP3 format. If the MP3 file exists on a server somewhere else you just need to grab the URL of that file (but remember if the owners of the server change the location of that file your embedded music will no longer work).

2. Copy the URL, it will look something like this

http://www.royaltyfreemusicclips.com/wp-content/uploads/2008/12/waiting-mix067.mp3

3. Copy the code below and save it somewhere on your computer so you have easy access to it

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=MP3_FILE_URL" width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />

4. Where you see MP3_FILE_URL in the code above replace that with your URL, so your code would now look something like this

<embed type="application/x-shockwave-flash" src="http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://www.royaltyfreemusicclips.com/wp-content/uploads/2008/12/waiting-mix067.mp3" width="400" height="27" allowscriptaccess="never" quality="best" bgcolor="#ffffff" wmode="window" flashvars="playerMode=embedded" />

5. Now paste the result into your blog post or web page and you will get a nice looking flash player for your audio file.

Posted on October 29th, 2009 by admin | View Comments

---