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

These are my site hits over the last week. [caption id="attachment_1897" align="aligncenter" width="234" caption="Before and after"][/caption] See if you can figure out when my most popular post ceased showing up on theThe power of Google

SCI FI Wire | The News Service of the SCI FI Channel The latest info coming out about Heroes just bolsters my impression that this is going to be a goodHeroes - the dark side

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

Agassi's final 8 minutes on court Andre Agassi played his last professional match on Sunday, September 3, 2006. Check out the link above if, like me, you were unable to seeAgassi: Goodbye to a legend

I'm going to revisit a couple of topics discussed here recently and then we'll hit some new topics. Well, after my last post I finished watching The Event. I stick withRevisitation and new worlds

Well, my last sci-fi news post was a bit late, but all this news is at least recent-ish. :) First off, two bits of Battlestar Galactica related stories: The Sci-Fi channel hasMore recent sci-fi updates

The free online conference for Corporate Learning started on Thursday (it continues next Monday and Tuesday). So far, I've only been able to attend two sessions, one presentation on Web/LearningLinks from Corporate Learning: Trends and Innovations Day 1

On further reflection there is one more thing I want to say about The Prince Of Egypt. The second trailer (included on the DVD) paints the film as a "triumphFollow-up review: The Prince of Egypt trailer

Last year, I reviewed the first two seasons of the revived Doctor Who series. At the time, I said the second season finale out-did the first's, and that was aReview: Doctor Who 2007

I spent this weekend in a house owned by my family in the mountains. We do this a few times a year. My father's family had been coming to thisThe day I was chased by a tree - a lesson viscerally learned

Way back in the distant past... I had an idea for a short web comic. Unfortunately, I have ZERO skill at drawing. Luckily, I know someone who has that skill inTime Travel Is Tricky

The Fantastic Four is all about teamwork and family, when you boil it down. Or at least it should be. Both the original movie and the current sequel, unfortunately, can'tReview: Fantastic Four: Rise of the Silver Surfer

[caption id="attachment_1036" align="alignright" width="285" caption="Harry Potter and the Half-Blood Prince"][/caption] I haven't read the books. In general I've tried to avoid reviews and other spoilers for the film (though I didReview: Harry Potter and the Half-Blood Prince

The fall TV season is upon us. Are there any shows out there worthy of watching this year? Any guilty pleasures you've just gotta have? Anything that just drains theFlashing Forward to Fall TV

free wi-fi hotspots wifi cafes coffee shops hotels airports RV Parks (Okay, so I'm slipping in one more post before the new year...) If you're looking for free wi-fi connection anywhere inFree wi-fi hotspots

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