Due to the amount of questions and feedback from http://serversideup.net/style-the-html-5-audio-element/, I’ve decided to create an easy to use library that wraps the existing functions of the HTML 5 audio tag and allows for easy styling. You can customize HTML Audio CSS and the library allows use to easily brand and define the UX of their audio on their website.

With the introduction of HTML 5, the audio tag provides a simple way to play audio files without the use of Adobe Flash. However, with the generic controls attribute, all audio tags look the same, but without any controls defined, the audio tag is invisible. In this tutorial I provide examples and a simple library on interacting with the audio element through Javascript and CSS. This provides the developer the ability to stylize all of the buttons and make a custom UI for the Audio element.

There are times when you prompt your user with two autocomplete input boxes where one depends on the information entered into the first box. For example, the user selects a sport “Basketball” and the second box you choose a team “Milwaukee Bucks”, another could be the first box you select “Football” and the second box autocompletes only NFL football teams. The values that you load in the second box depend on the selection of the first box. There are three options on how to do this: