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?

Unions had their day. They were a good idea when the worker was truly being exploited. These days, there are still areas where a union is probably useful, but forWhy I hate unions

Last night, my wife and I watched Star Trek: Nemesis on Syfy (I can't type that without thinking "dumbest name ever"). For those who are a bit forgetful, I'll remind youMy marriage's "Nemesis"

Kathy Sierra has a great blog (Creating Passionate Users). I've only been following it for a couple weeks, but I'm really impressed. She writes about (predictably) making people passionate about"Interesting" idea

My wife can't figure out what I do online for hours at a time. I can't blame her for being confused. Sometimes I don't even know how so much timeWhat's in YOUR browser?

The majority of senior executives and managers are stressed at work. Eighty percent of senior executives and managers are stressed at work, with a third saying they are highly stressed,Stress: Executives and managers feeling the pressure

The same thing we do every day, Pinky. Try to take over the world! Yeah, okay, this blog is read by people in at least 17 different countries (though really 5What are we going to do today, Brain?

Earlier this week, Gather Little by Little ran an article about Omaha Steaks, and how expensive it was in comparison to the grocery store. His calculations had the meat comingDoes steak cost less delivered in bulk?

Back in 2004 we were awaiting the birth of our first daughter. I was also beginning to teach myself how to write music around then. And I did a lot"This Child" isn't who you think

The MASIE Center - Learning Lab & ThinkTank - PodCasting for Learning Call I'm listening right now to this podcast. It's got a slow start, but there are some good ideasPodcasting for learning Podcast

First Stargate: SG-1 went down after 10 years. Now, Stargate: Atlantis has hit the wall after five years. That's all she (they) wrote. Next up... another spin-off (in the fall,Two Stargates down, one set to go

Corporate Training & e-Learning Blog: BIG for 2006: LCMSs, Podcasting, and Outsourcing I ran across this quote while looking for something totally unrelated - examples of podcasts as currently in useCEOs - taking more than their share?

[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 gotMaking MP3s playable on a website, the easy way

The Seeker: The Dark is Rising - In Theatres October 5, 2007 It's a dicey proposition to see one of your favorite books translated into film. Many of Tolkien's fans wereThe Seeker: The Dark is Rising

SciFi opens a new Stargate : Slice of SciFi As I mentioned in my last post, Stargate: Atlantis has been cancelled and will be wrapped up in a 2-hour movie. INew series - Stargate: Voyager... uh, I mean Universe

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