HTML5 Audio Tutorial

The only way you can deliver music or any kind of audio recording right now over the web is using a plugin like QuickTime or RealPlayer. The trouble with plugins is that they are completely user dependent. Your end user has to download and install the right plugin. With HTML5’s <audio> tag you no longer have to worry about whether your end user has the right plugin or not. As long as you offer your files in the popular, .mp3, .wav or .ogg formats, you will be fine.

         -> See live example Here

Here is an example of markup for an audio file.

<audio controls= "controls">

</audio>

Here is what it will look like in a browser that supports HTML5′s <audio> tag. (This is just an image not a working audio file.)

Take a closer look at the Audio Tag Attributes.