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

Is it the "training industry" or the "learning industry"? (Yeah, I know there are plenty of alternates to make this even more confusing, but let's stick to these two forTraining vs. Learning

Through watching the Randy Pausch lecture (mentioned in my previous post) I discovered a great free tool for learning how to program, called Alice. What's different about Alice is thatAlice: Through the Monitor (or Creating new worlds for Novices)

I talked about this one before, but I had to mention that I just watched a Mythbusters episode on the Discovery Channel that confirmed that impairment is at least asImpairment while driving on phone > drunk driving

Over on Flixxy someone posted the top 10 Low-Pass Jet Fly-bys. If you could capture the awesomeness of this is a liquid form it would... um... taste really good... orPure, unadulterated, low-altitude, jet fighter awesomeness

Informal Learning » Blog Archive » The Weirdness of Wiki Wiki's are full of potential for learning and communication, and yet for the most part they aren't being used within corporationsWiki's in a corporate environment

This is pretty funny if you've ever been addicted to Tetris. Mike, you should enjoy this. It doesn't really get funny until about the 1:00 mark, though. [kml_flashembed movie="http://www.youtube.com/v/SYRLTF71Sow" width="425" height="350" wmode="transparent" /] [tags]YouTube,Tetris humor

This is one of a series of articles I wrote for The Coalition of Awesomeness blog some time ago. The blog has since gone to an unfortunate (but very awesome)Of Myst, mice, and men

The Second Chance DVD Steve Taylor is no stranger to controversy. His music in the '80s was unabashedly pointed at issues of hypocrisy and general laziness within Christian communities and itsReview: The Second Chance

Interviews & Features - NBC's Heroes: The Show's Secrets Unmasked! | TVGuide.com The show finally premieres tonight at 9pm! I just ran across this TVGuide.com article with some interesting news. ForHeroes: Last minute notes!

(Man, I'm actually burning through my movie picks this year. This is awesome - big thank you to my parents for babysitting.) Tonight my wife and I settled in for theReview: Captain America

SCI-FI to SCI-FACT: A Working “Spider Man” Suit - Slice of Scifi A “Spider-man” suit that enables its wearer to scale vertical walls like the comic and movie superhero couldWho's that wall-crawler?!

Well... "reviews" might be pushing the definition of the word. It's more like a couple of self-proclaimed geeks talking about the movie, which, as it turns out, is kinda fun. IfOld movies, new reviews

Apple - Trailers - Iron Man - Trailer - Large Hey, the trailer for the May 2008 movie is out! Looks good, but I'm not totally sold yet. I'm a littleIron Man - Movie Trailer

I don't know a whole lot about Wolverine's origins other than what is in the X-Men movies. For some reason I never read the comics versions. I'm pretty excited toWolverine movie trailer

I've realized something about myself. I hate changing state. That's at the core of my being. I don't like the act of changing my current condition. It almost doesn't matterChanges of state

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