The audio tags added in HTML5 and which were missing in the previous versions is certainly something that makes life much easier for both web developers as well as end users. Until now there has never been a standard audio player for browsers. If you wanted to place audio on your site you either had to use one of the available players such as Windows Media Player or QuickTime player. In HTML5, with the utilization of a simple code, you can easily play the audio clips on your website without any need of a separate audio player.
Here is an example of how to use the HTML5 audio tags in your web code.
1 |
<audio src=”song.ogg” controls=”controls”>This is alternate text that is seen if the users browser does not recognize the html5 tag</audio> |
There are several attributes you can use along with your tag to customize your player. The attributes include auto play, control customization, looping and pre-loading. Which means you can start your video when someone opens your page, customize what controls they see on the audio player and even loop the video so it plays continuously over and over.
So with the utilization of these simple tags, web developers can easily embed audio clips in their website pages. But at present, both video and audio tags of HTML5 are not much advanced and the browser support for them is also quite limited. But it is quite evident that eventually HTML5’s audio and video tags would prove to be a huge influence. HTML5 is coming there is no way around it but it is going to take some time before you can safely use it in your websites. Tags like the HTML5 audio tag are going to make certain elements of design so much easier, so until then we will just wait.