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

Applications are open until October 11th. Sadly, my henchmen - Butterball and The Human Chihuahua - are on vacation, and training temps at this late hour is just not a headacheAre you E.L.E. material?

There were good and bad points to this [tag]movie[/tag]. First the good: the [tag]special effects[/tag] were really top-notch. Excellent work. And in the end, they were somewhat successful in getting meReview: King Kong

...there was with the angel a multitude of the heavenly host praising God, and saying... Glory to God - Merry Christmas to everyone! (I've sung Handel's Messiah a few times,And suddenly...

Argh. I mentioned before that my site theme settings suddenly changed. Today I tried to fix it by upgrading to the latest version of WordPress. I was pretty sure thatSite maintenance

Slice of Scifi - Science Fiction TV & Movie News, Interviews & more » “The Dead Zone” Breaking News According to the shows creator/producer, Shawn Piller, the season starting next SundayThe Dead Zone: Back from the dead

BBC NEWS | Entertainment | Sutherland reveals 24 movie plans Kiefer Sutherland has revealed that a movie version of his hit US TV show 24 is to be made in London. Hmm...24 - the movie

I just found an interesting review of estimation strategies for creating e-Learning courses. Pete Blair has graciously posted a few free resources that could come in handy, one of which isCourse development estimation

Facebook is a place where absolutely nothing of importance happens. But you do get to see some funny, or at least interesting, posts from time to time. Here are someFound on Facebook

To review: I'm talking about an article on ZDNet that tries to make the case for streaming first-run movies to a home theater. In the first part, I laid outMovie Theater vs. Home Theater (part 2)

Somewhere around 35 years ago, I caught my first episode of Doctor Who. I watched a man with a very long scarf run around offering people jelly babies in prettyThe Doctor Is In

YouTube - Will It Blend? - Glow Sticks I can't believe I haven't seen this series until now. There are quite a few of these "Will it Blend?" segments and it'sThe Amazing GlowShake

I've got a swirl of thoughts going on in my head at the moment. This one's gonna ramble. Hopefully it comes out making some kind of sense. I want to endI want to end my life, but I'm too lazy

Just in case you missed it, the direct-to-DVD continuation of the Stargate SG-1 Ori storyline, "The Ark of Truth," is to be released next Tuesday, March 11th. You can apparentlyStargate: The Ark of Truth

Unlike the companions in this episode, I will not be trying to prevent spoilers. I'm gonna lay it all out there, so if you haven't seen the episode, don't readReview: Doctor Who: The Impossible Astronaut

In the spirit of ParentHacks, here's a trick we've used to get our kids to do many things they otherwise wouldn't. We came up with it in the car on aWhatever you do...

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