home
Blog

<audio>, the silent browser killer

Occasionally my wife and I will record a song together and release it on our blog. I was using the WP Audio Player plugin to show off these little ditties, but at some point this month it unexpectedly broke and ceased loading.

I couldn’t be bothered to track down and fix the bug or even another audio plugin. In a brief “A-Ha!” moment, I thought, “Why not just use HTML5?” So I threw in the brand new HTML5 <audio> tag and…

Instant success! Sure, it’s not the prettiest thing in the world but if the browser is working the magic it’ll never break again and I’m satisfied. I was pretty elated and began thinking about how this would positively impact and speed up a music blog I help run. I was drunk on simplicity.

Firefox #Fail

I remembered that some of my friends still use Firefox as their primary browser so I thought I’d just check the site in Firefox and take a peek at the design of their HTML5 audio player. Unfortunately, all I saw was a big ol’ “X”.

Some quick googling led me to the answer. Firefox’s <audio> tag implementation only supports Ogg Vorbis and WAV. I was shocked and astonished at the fact that a browser as great as Firefox doesn’t support MP3.

The <video> Wars

It appears the problem connected to the same issue the <video> tag is facing: codec licensing issues. This lack of standards issue is raised a lot in the HTML5 vs. Flash debate. I personally don’t care what standard is decided – I only use H.264 because that’s what ships on my Mac – I just want a standard. Although it would be nice if H.264 was the standard and the majority of the web didn’t have to re-encode their videos, I understand that licensing it from Apple could potentially bankrupt Firefox. As inconsequential as this codec thing may seem, this quibble is making HTML5 impotent.

How does the <video> tag make my life better if I have to create 3 different versions of the same video for cross browser support? Answer: none better. It renders it useless.

Unfortunately for Firefox, in reality there’s never going to be a massive shift in the web towards Ogg. Especially if at YouTube, every minute there’s 20 hours of video being uploaded that’s immediately encoded in H.264.

No one uses Ogg Vorbis. The web uses MP3.

The Open Source Utopian Dream is great: a world without restrictive licensing. But when the rubber meets the road, no one is going to spend the time to specially convert audio files to Ogg just so they works in Firefox. In the case of Austin Town Hall, it has (to-date) 1,196 songs on it – all MP3. It would take seconds to create a plugin that would change the current shortcode tag to output HTML5 instead of Flash. However, it would take hours or even days to hunt down, convert, and re-upload to each post in an Ogg format.

I could understand if Firefox chose not to support AAC or M4A, but MP3 however is non-negotiable when it comes to audio. It’s ubiquitous. It’s the established slang term for “digital audio file”. It’s an inseparable part of the web’s history.

The Bottom Line

If Firefox cannot support MP3 in their <audio> tag, it’s as useless as a CD player. If Firefox will not support MP3, one of 2 things will happen. One: HTML5 will remain dead in the water or Two: Firefox will lose browser share bit by bit and eventually go belly up in this episode of the Browser Wars. In the meanwhile, if Firefox cannot license MP3 they should at least be cognizant of the fact the web uses MP3 as its standard and degrade their <audio> tag if the source file is unsupported.

So what can you do? Not much really. It’s a total stalemate. Web developers have to sit around and wait for the working groups to get over themselves and come to consensus. Someone needs to make a website called Write Your WHATWGressman. Then we can let them know that this needs issue to be solved… and FAST!

March 1st, 2010 | davatron5000 | No Comments

In Defense of Comic Sans

It feels like there’s not a day that goes by without witnessing some embittered designer firing off a blog post belittling Comic Sans. At first I chuckled to myself (“LOL n00bs!) about how foolish it was, and then I got all supreme designer and was offended by its very existence. But as the years [...]

January 25th, 2010 | davatron5000 | 1 Comment

Advent Wallpaper

I had seen the word “advent” floating around my Twitter stream so I made some SimpleDesktops-inspired wallpapers. There are 2 flavors, 1 for people who like big backgrounds and 1 for people who like tiny backgrounds. You can see and download them here, but they are available in my wallpapers section as well.

1920×1600

1920×1600

December 2nd, 2009 | davatron5000 | No Comments

Announcing the ATX Web Show!

I just launched the ATX Web Show! A podcast that aims to feature the best and brightest in web design and development in Austin, TX.
I’m pretty excited about it. It started as a late night idea then turned into a code binge. Less than 24 hours later it was designed by myself [...]

November 5th, 2009 | davatron5000 | No Comments

NPR, NYTimes and the Future of News

Paper news is heading the way of the cassette tape. It used to be the primary method of distribution, but it has been made obsolete by faster, smaller, more portable forms of news. Waking up and reading the paper will soon be replaced by grabbing your Apple iTablet from your kitchen table, powering [...]

October 28th, 2009 | davatron5000 | 1 Comment

What I’d like to see from Lithium #li3

This week my framework of choice CakePHP forked. Now there’s CakePHP (the mothership) and Lithium (the project formerly known as Cake3). Let me tell you, oh people of the interwebs, it’s a weird feeling to wake up on a Friday morning to find out the leaders of your “online community” have parted ways [...]

October 24th, 2009 | davatron5000 | 7 Comments

A place for manifestos

I’ve tuned up the ol’ blog theme here and made it something that’s a little more “me” as opposed to being a total rip off. I still kept the navigation element because i like its unobtrusiveness.
I’ve been cooking up some posts whenever I have a down minute at Paravel, but there hasn’t been much [...]

October 9th, 2009 | davatron5000 | No Comments

Introducting Tweepee, a total rip-off

A total rip-off in innovation
Introducing Tweepee, a Wordpress theme that is a total Tweetie rip-off. Like most human beings on this planet, I have been so impressed by the Tweetie interface that using anything else feels futile and outright prehistoric.
What began as a “Hey I wonder if I can do that?” turned in to [...]

September 18th, 2009 | davatron5000 | 1 Comment

rabbithole log #1

Today one article that came across Twitter started me down a vicious rabbit hole of Theory of Design and much, much more.  For kicks and because I believe they are read-worthy, I’ll try and trace that track:

“5 options when website budgets get slashed” -great article, sent me to the following sites:

“Good Designers Redesign, Great Designers [...]

January 29th, 2009 | davatron5000 | No Comments

4 Best CakePHP Behaviors

CakePHP is our framework of choice here at Paravel.  I spend a lot of time on CakeForge, The Bakery, the Cookbook, and the API looking for code and examples either A: because I sometimes don’t know what I’m doing, or B: I want to know THE best convention to for the answer I’m looking for.  
After countless hours [...]

December 8th, 2008 | davatron5000 | No Comments

About

Hello, I'm dave rupert

beforeafter

I've done the unthinkable. The unbelievable. I started a blog in the year 2009. I might as well have started a dinosaur. If it's any consolation, I've been making websites since I was 14 (15 years now! wow!) and I had blog at the now defunct wimpkiller.com that I posted on for over 5 years!

I'm 29. I live in Austin, TX with my beautiful and hilarious wife. I have cat that she named "Moogs", he looks like a cow. I'm training him to be a dog. I'm the Lead Web Developer for Paravel, who sole purpose is to make radical waves on the internet.

I play guitar and a wide array of other instruments.  I speak japanese.  I can't run very far.  I contribute to the Earth scorching music blog Austin Town Hall from time to time and I drive a Scion XB - I know it says a lot about me, but I'll bear every criticism because it's a good square car. I spend most of my days on the computer soaking in the beta radiation, and then my evenings on the couch watching Law & Order with my wife on my Roku.

Yup. That about sums me up.

elsewhere on the internet

about this theme

This blog is built on Wordpress and this is a custom theme I wrote to replicate the functionality of the popular desktop Twitter app by AteBits, Tweetie for Mac. The icons are mostly from Glyphish.

Blog
Blog

Search