Although I had thought about updating the look of my music page for a while, other things took precedent. Well, as life sometimes is, I was introduced to a feature
in one of the finer browsers that one can use.
Picture if you will.......
you should fix your music page cuz it's crap
I went there and didn't know what to do
did you click the arrow pointing to the right that typically signifies "play"?
whoa! what browser are you using?
(pretending to be Morpheus) Show Me!
On my music page, I had a bunch of <audio> tags so that visitors to my site could hear me butcher various tunes that I have recorded. Unfortunately, the Firefox theme that my friend was using made Firefox's default audio player completely unusable.
Fine, I didn't like the look of the default player anyway!
What I Should Have Done
In hindsight, I should
What I Did Do
Since my music page is created dynamically from information pulled from a database, I wanted a way to dynamically generate an HTML5 audio player based upon formatted text on a page; and well... that's what I did, and I named the project PagePlayer (boring, I know). By building it myself, I know exactly how the controls will look in various browsers, regardless of which theme the browser is using.
So fire up your HTML5 compatible browser and head over to my "music" page
to check it out. Anyone interested in the code should visit the PagePlayer project page
Now stop reading, and check your code for graceful degredation and IE6 compatibility.