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

I just recently found out that two of my brothers-in-law didn't know anything about the new Clone Wars movie or the TV series it's setting up. This post is forStar Wars: Clone Wars videos (and an Obi-Wan debate settled)

Apple - Trailers - The Dark Knight I can't believe no one told me this trailer was out. Okay, visually it's an extremely boring trailer. Pretty much, it's the bat-symbol with aTrailer: The Dark Knight

“24″ Casulty of Writer’s Strike - Slice of SciFi Due to the Writer's strike, many shows are considering their options. Apparently "24" decided to throw in the towel on this year. Jack's dead - again - but he'll probably be back

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

Diabetes breakthrough Before you get too excited, let me say this: from my read of the article, it's a long time before humans could benefit, and even when they can, you'llA cure for Type I diabetes?

Corporate eLearning Strategies and Development: Its a Big @$$ table - hilarious video I love this. Great Microsoft parody. [tags]microsoft, touch screen, youtube, big ass table[/tags]Cool, new, sleek, bulky technology

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

Yeah, I got this from a chain mail, but it's the first one to make me laugh out loud in a few years, so here you go...   A Lawyer and aHow to make $490

Woman Has Two Year Relationship From Boyfriend’s Bathroom - Slice of SciFi I don't even know what to say about this. I'm sickened and saddened at the same time. Apparently a 35-yearWoman grows onto toilet seat

Abyss & Apex : Fourth Quarter 2007: Wikihistory Okay, if you've ever participated in an online forum or newsgroup, you've gotta read this mock-forum discussion of the International Association of TimeForum update on time traveling interference with Hitler

No, I'm not talking about downloadable, put-it-on-your-iPod-and-go music (well, the sites do make it easy to buy the singles as a download). I'm talking about music to listen to whenFree music on the internet!

I don't follow football. At all. Never have. Most of the time I'm surprised to learn that the Super Bowl is on. I used to appreciate the commercials and watched mostlyWhy I loved last night's Super Bowl

I can't remember precisely the last time somebody took a needle and jammed it into my gums multiple times. I can't remember the date, but I vividly remember the experience.My experience with the "c" word

GateWorld - Cooper: SG-1 will go on On the heels of the long-running series' landmark 200th episode, the Sci-Fi Channel has chosen not to renew Stargate SG-1 for an 11th season.Stargate SG-1: Over and Out?

I mentioned this a while back, but this guy decided to use the power of the internet to break Star Wars up into 15 second segments and have people submitStar Wars, like you've never seen it before

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