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 was giving Heroes the benefit of the doubt. Sure, they'd stumbled. The brother/sister Mexican road trip last season was a big mistake. This season was an improvement for a"Heroes" hits bottom and grabs for the shovel

Facebook is a place where absolutely nothing of importance happens. But you do get to see some funny, or at least interesting, posts from time to time. Here are someFound on Facebook

I had the opportunity to watch 2 TED talks tonight. Both of them were about the power of technology and its relationship to... well, relationships. The intertwining of connection and isolationTwo TED talks: Turkle and Whitacre - Internet Connections and Isolation

FOR WHAT IT'S WORTH | Bryce Zabel: Spaced Out: Hawking Colonies & Re-Booting Star Trek Bryce Zabel (Dark Skies, Lois & Clark) and J. Michael Straczynski (Babylon 5, Crusade, Jeremiah) wereStar Trek, Babylon 5 style: Concept pitch revealed

Back in April I wrote a list of the movies I want to see this year in the theater. So far I've seen all the ones I called as aSummer Movie List 2 - Revenge of the Trailer

The Simple Dollar » Live Free: Seven Pieces Of Open Source Software That Transformed My Life Okay, "life transforming" might be a little extreme ... but then again I haven't triedLife Transforming Open Source Software

CBS to “Jericho” Fans — Watch It In Real-time When It Returns - Slice of Scifi In return for bringing "Jericho" back to TV screens for an abbreviated season to wrapIn a wasted breath, CBS asks for eyes

Today I left my house. No, really, it's true. There wasn't a computer monitor anywhere near me for hours. Well, okay, except for when we stopped at Best Buy, but other thanGeek field maneuvers (without the proper tech)

Vanguard − The "Dilbert" guide to personal finance This list from Scott Adams, the creator of Dilbert, is about 2 years old, but I just saw it for the first time,Personal Finance advice from "Dilbert"

Creating Passionate Users: Re-igniting passion We can't expect passionate users, if we ourselves can't hold (or rediscover) the passion we felt for the work we chose. That is an excellent point. WhenRe-igniting passion

Those who know me may assume my own daughter can also do this. She can't. Yet. [kml_flashembed movie="http://www.youtube.com/v/EBM854BTGL0" width="425" height="350" wmode="transparent" /] Smart kid.  :)Star Wars: A Cute Hope

I subscribe to news alerts from both CNN and the New York Times. I find the differences in their content interesting at times. The New York Times alerts pretty consistentlyBias in News Alerts?

I know you didn't notice, but I did. This site was down for about 20 hours due to a glitch that showed I had overspent my bandwidth allocation. I hadn't,We're back, and better than ever in "We're back, and better than ever!"

SCI FI Wire | The News Service of the SCI FI Channel As previously reported, Fox and Universal Studios have backed out of their deal to finance Halo. While not ideal,HALO movie - on pause

Community Connections Forums - Bells and whistles (if you're not a member, you get redirected to the home page... sorry.) It's a little unusual for me to quote from a discussione-Learning Glitz: misunderstanding video games

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