Logo
  Sunday, May 20, 2012
Sign-In  |  Sign-Up  |  Contact Us  | Bookmark |  RSS Feed

HTML5 Tutorial FeedBurner

The HTML5 <audio> Tag   
The HTML5 <audio> tag is useful when it comes to providing sound like audio file or music streaming. Playing sound bites is possible when the HTML5 <audio> tag is placed within a document.

The <audio> tag is not used for HTML4.01 and it is a new addition for HTML5.

All major browsers support the HTML5 <audio> tag. The list includes Safari, Firefox, Google Chrome, Internet Explorer and Opera. If in case the audio is not supported by the browser, a text will appear as notification. This notification should be placed between the <audio> and </audio>.

The <audio> tag is capable of working along with the Global Attributes and Event Attributes in HTML5. The following are the attributes for HTML5 <audio> tag:

Attribute

Value

Description

autoplay

autoplay

Specifies that the audio will start playing as soon as it is ready

controls

controls

Specifies that audio controls should be displayed (such as a play/pause button etc).

Loop

loop

Specifies that the audio will start over again, every time it is finished

Preload

auto
metadata
none

Specifies if and how the author thinks the audio should be loaded when the page loads

src

URL

Specifies the URL of the audio file

It has to be noted that all of these attributes are new ones because the HTML5 <audio> tag is not present in HTML4.01.

Print HTML5 <audio> Tag Bookmark HTML5 <audio> Tag

Related Articles  
The HTML5 <small> Tag
If there are smaller texts and side comments that have to be placed in the HTML document, the HTML5 <small> tag ...
The HTML5 <wbr> Tag
The HTML5 <wbr> tag is also known as the Word Break Opportunity. The HTML5 <wbr> tag is mainly utilized so ...
The HTML5 <select> Tag
The HTML5 <select> tag is primarily used in creating a drop down list within an HTML document. This drop down ...
The HTML5 <!--…--> Comment Tag
The HTML5 <!--…--> tag is mainly utilized for adding comment in the source code. However, do not expect the ...
The HTML5 <li> tag
The HTML5 <li> tag is utilized in different ways because this is applicable for the ordered list or <ol>, ...
The HTML5 <meter> Tag
The HTML5 <meter> tag is also referred to as gauge, for those who are into creating HTML documents. It is ...
More