Find out what codecs your browser supports
Posted on 2012-10-31
Even though HTML5 is quite promising, a lot of us realized that the fragmentation of what video and audio codecs are supported is quite an issue.
While making a clients's mobile version of their website, I tested on an Android phone and obtained a message from the embedded Vimeo video that the H264 codec was not supported. Even though each browser vendor publishes its own matrix of what they do and do not support, it's not always easy to find out that information quickly. Worse, not all clients are tech savvy, and they may not easily be able to provide you with the necessary information to figure out what codecs their browser or device support.
It came to me that I should create a simple tool to detect what codecs are supported in a browser. I was inspired by websites like playerversion.com and supportdetails.com to create codecdetect.com. Each website allows any user to find out technical information about their computer, information that they may not be able to know where to find.
EDIT (2012/11/05): I have added an email details form to make user's life easier (inspired from SupportDetails), and I have also put all the sources available on a Github repository for everyone to see. Enjoy!