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

Long-distance callers have some money coming - MarketWatch Make any long distance calls in the last three years? Claim your cash in 2007! The repeal of the Federal excise tax (initiated inClaim some long-distance cash!

Cerado's Web 2.0 or Star Wars Quiz Sadly, I got a 38.Web 2.0 or Star Wars?

A few things have bubbled to the top lately... here they are: Personal Finance Tom's Inflation Calculator I was looking for a calculator that would tell me how much my current salary wouldLinkList: Personal Finance + Sci-Fi edition

Well, here's my first post of 2007. I'm going to start off with a gripe. To paraphrase Peter, Paul, and Mary: "Where has all the QA gone?" Quality Assurance is an essentialQA - Quality Assurance or Questionable Assurance?

Urgent News Release - HostPC Community Support Forums See, this is how people are supposed to behave. I have a lot of respect for Joe's integrity. Joe is the owner ofHostPC supports competitor in crisis

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

Back in May I posted a list of the movies I wanted to see this year. So far I've seen 7 out of the 10 I was shooting for, plus2011 Movies - The Final Push

Jason Bourne is at it again. Chasing down his past and removing people who get in his way with some amazing hand-to-hand take downs. The Bourne Ultimatum picks up right whereReview: The Bourne Ultimatum

Well, apparently you guys are really interested in my death. The last post, I want to end my life, but I'm too lazy, has been the top of the pageMaking a suicide pact

Kilmer plans Genius return - Movie news - Movies - Virgin.net Okay, Real Genius was a pretty funny Val Kilmer movie. For the 80's. Making a sequel 20 years later... notA not-so-Genius move

What follows is a guest post from my wife, who has had a bit of a difficult week so far. I have come upstairs to ... get AWAY from our 2It's Not Fair!

Battlestar Galactica is returning for the second half of its fourth and final season tonight (NOTE for those recording... the first new episode is extended and will go about 4Battlestar blitz - be prepared

SCI FI Wire | The News Service of the SCI FI Channel The Dark Is Rising is my favorite young adult fantasy series. Susan Cooper wrote the series and it reallyThe Dark Is Rising comes to film

This is a great idea. Eddie Izzard's Dressed to Kill stand-up routine is hilarious (though profanity laced). Matching the bits with Lego stop-motion animation turns out to be really funnyTuesday TubeWatch: Lego Izzard - Cake or Death?

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

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