HTML5: audio tag

Hello everybody,

We will discuss about the audio tag in this post.
This tag is available in HTML 5.
You can play an audio file right in browser, and you can do that without using flash.

A note that I did not find anywhere is that not all browsers support mp3 files and not all browsers support wav files. This is why you need to have both mp3 and wav files.

So a cross browser solution - that will work on IE, Chrome, Firefox and Safari will be something like this:

Code:

<audio id="alert1" class="sound">
            <source src="~/Audio/notification1.mp3" type="audio/mpeg" />
   <source src="~/Audio/notification1.wav" type="audio/wav" />
            HTML5 audio not supported
        </audio>

To start playing an audio file you first need to pause it, set current time to 0 - so that when you call play it will start from the beginning (that is in case you intend to do that) and then you can call play.

Here is an example:

Code:

var oAudio = $('#audioTagID')[0];
    if (oAudio) {
        try {
            oAudio.pause();
            oAudio.currentTime = 0;
            oAudio.play();
        } catch (e) {
        }
    }

That was a small intro for the audio tag from HTML 5.