Thursday, February 8, 2007

Of Tags and Chipmunks

Wow! Now that was incredible! My first multimedia post on DCTS and my inbox was deluged with a flood, nay, TORRENT of people asking how I was able to integrate such a tiny, effective little mp3 player into my site.

I was being jostled! JOSTLED, I tell you!

Well my friends, you asked so I shall tell you. Its very simple, the player is PLAYTAGGER by del.ici.us

All you have to do is paste the following code once, anywhere, into your blog's HTML:

<script type="text/javascript" src="http://images.del.icio.us/static/js/playtagger.js">
</script>

and that's all. Remove the </script> if you're getting HTML errors. Now, any hyperlinks that point to mp3 files will automatically be prepended with a blue arrow. Click on the arrow to play, and it changes to a red square and the word "playing". Click on the square to stop, click on the word "playing" to pause.

It does have one limitation, the mp3 must be encoded at 11025 Hz, 22050 Hz, or 44100 Hz. Anything else will sound like the chipmunks.

Here are some more music samples, old TVOntario themesongs, graciously provided by TVO Kids' Shows.






and OTHERS...

Enjoy everyone. As always, keep having fun.

"bah weep graaagnah wheep ni ni bong"

3 comments:

Anonymous said...

Holy shit, SIMON! It's SIIIIIIIIIIIIIIIIIIIIIIImon! What a little scurvy bastard.

This mp3 player is an excellent achievement/find! Our blogs will never be the same again! Streaming audio for all!

I challenge you to find the 'Secret Railroad' theme. Have you heard it it?

EC said...

Way to go on the code, but it kind of flies off the side of the post. I'm guessing all that is missing is the "<"/script">" to close the command?

Soundwave said...

That's odd. In both IE and Firefox, the code wraps around, but yes, the "</script>" closes the tag.

I'll try to edit the example to force a break.