About me

I'm a geek working as a distance learning specialist for a large corporation.

My Pandora "radio station" profile
This is my favorite way to listen to music now.

My Yahoo "radio station"
(Unfortunately, only works in IE.)

Shopping

Looking to purchase something online? Support Caddickisms by going through one of these links:

Caddickisms Store

Amazon.com

Calendar

January 2007
S M T W T F S
« Dec   Feb »
 123456
78910111213
14151617181920
21222324252627
28293031  

Topics

Posts by month

Around the site

Last month's podcast was such a great success that I decided to do another one. When I say it was a great success, I mean that it was successfully uploaded andTIDBABSH the second, part the first

Star Wars: Gaming | Swords and Lightsabers Clash in Soulcalibur IV (Wow, that's a weak post title ... sorry) Go to the link above for a news release and trailer for aWhat calibur is your lightsaber?

Writer's Blog: J.K. Rowling vs. Airport Security Somebody in the TSA has got to get a grip. [tag]J.K. Rowling[/tag] tried to return home recently and had a run-in with [tag]airport security[/tag]: Airport securityHarry Potter and the Paper-Cut Terrorist

SCI FI Wire | The News Service of the SCI FI Channel As previously reported, Fox and Universal Studios have backed out of their deal to finance Halo. While not ideal,HALO movie - on pause

I managed to get to David Snowden's talk this morning about, essentially, the nature of learning. What does science say about how we learn? Is that different from the wayCorporate Learning conference: Day 3

I'm curious what you all use for your RSS feed readers. How do you keep track of the blogs you read? If you choose "Other" leave a comment below and letNew poll on Feed Readers

This post is going to be like throwing spaghetti on the wall: I'm just gonna toss a lot of stuff up here and see what sticks. It worked for OscarThrowing spaghetti on the wall

Got caught up on some stuff tonight: Chuck: Entertaining. Pretty light. I'll see if it pulls me in more, but it seems like one of those shows that I'll catch ifInitial thoughts - Premiere week pt 2

I've been excited and worried about this one for a long time. Green Lantern is an exceptionally hard character to pull off in live-action. More than most other super-heroes, theGreen Lantern - first trailer

Dove I'm probably way behind the times on pointing this out, but I just found this link and needed to post it. It's a one-minute movie showing the [tag]transformation[/tag] of a modelThe disfiguration of beauty

I'm not even exaggerating. This blows my mind. There are certainly cakes that are unbelievably beautiful (and this is not one of them), but the level of detail on thisThe best cake I've ever seen

Everything old is new again. In anticipation of Tron: Legacy, a fan created this new trailer for the original Tron (1982), with a more modern look and feel. He did aNew Tron Trailer

For simplicity's sake, I'm combining the statements of both daughters (currently 4 and 3). Kids: I don't like much boys. Me: Why don't you like boys? Kids: I don't know. Me: Oh. Kids: You're aBest conversation I've ever had with my kids

The time is shortly upon us. The wait is nearly over. Let the glorious holiday IMAX season BEGIN!!! Wait... let me get my oxygen... Okay. I feel better now. Got a little giddy thereHoliday trailers - Tron: Legacy, Narnia 3, and HP:TDH

Lots of series finales showed up this year. Some of them were only supposed to be season finales, but the shows were cancelled. Most of the time, they didn't knowSuper-Review: Cancelled shows

Making MP3s playable on a website, the easy way

[update: I've since started using the Anarchy plugin, which also makes standard hyperlinks playable, and though I'm on the fence about which technology I like better for audio (I got Anarchy for the video component), I lean toward the method described below because it's less visually intrusive. Unfortunately, I can't figure out how to disable the Anarchy audio player segment without disabling the whole thing, so all the example links below (and throughout this site for now) show Anarchy's "audio mp3" indicator beside the simple blue arrow used by the del.icio.us player described below. The blue arrow is the only thing installed by the instructions below (visually) so keep that in mind as you continue reading.] 

I’ve been looking for something like this for months. Who knew I’d find it without even trying on one of the most popular websites in the world?

A while back, I was working on some podcasting ideas for work and testing some things out here on Caddickisms. I spent a long time just trying to get an audio player to work correctly in WordPress (the software that runs this blog). The problem is that everything I found used the HTML <object> tag, which WordPress kept re-writing (and breaking) behind the scenes. I thought I had it fixed when I ran across the Gmail audio player, which uses the <iframe> tag, but apparently something gets screwed up there too, because while it works in Firefox, it’s broken in Internet Explorer (at least in version 6).

So… I gave up. I’m still working on Podcasting related stuff at work, but it’s not posted in a blog, so there was no reason to try to fix something I wasn’t going to be doing very often, if at all. But it kept gnawing at me…

Today, I finally found something that works and it’s easier than any other method I’ve found.

Here’s what you need to know:

  1. Copy this [updated. See comments]: <script type="text/javascript" src="http://images.del.icio.us/static/js/playtagger.js" ></script>
  2. Put it somewhere in your HTML.
  3. Put up a standard link to an MP3 file.

That’s it.

On a blog, you might think you’d have to put the HTML into a template page. You could do that, but with WordPress’ Sidebar Widgets, you don’t have to! Just use one of your existing Text Widgets and put the code in there. I put mine in the “About Me” widget. Works great! Now anytime I want to link to an MP3 file, visitors can play it directly from my page!

Here are some examples:

Grey Eye Glances: Close Your Eyes

Grey Eye Glances: If I was…

(for more of this type of music, try out the Grey Eye Glances site.)

[tags]website MP3 player, javascript tricks and tips, WordPress tips, del.icio.us tools, play tagger, Grey Eye Glances[/tags]

Tags: , , , , , ,

15 comments to Making MP3s playable on a website, the easy way

Leave a Reply

  

  

  

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge