Web4College

HTML audio tag

HTML <audio> tag embeds the audio or sound in a web page. src attribute defines the address of the audio.

Example
Try it
<audio  src="files/sample.mp3" controls>  </audio>

Tag Uses

Specific uses of <article> tag

Tag omission

Both starting and ending tags are necessary for the audio element.

Global Attributes

All the global attributes are applicable on the audio element.

Tag Attributes

Attributes that are applicable to <audio> tag
src

It specifies the location or address of the audio.

Example
Try it
<audio src="address of audio"> </audio>
autoplay

This attribute plays the audio automatically after loading.

Example
Try it
<audio src="address of audio" autoplay> </audio>
loop

This attribute plays the audio automatically from start when it reaches at the end.

Example
Try it
<audio src="URL"  loop>  </audio>
muted

The audio is muted by default after the page is loaded.

Example
Try it
<audio src="" muted > </audio>
controls

This attribute gives the controls such as play/pause, volume control.

Example
Try it
<audio src="" muted > </audio>
crossorigin

It manages the crossorigin requests.

Example
Try it
<audio src="" muted > </audio>
preload

represents how much buffering the audio needs before playback.

Example
Try it
<audio src="" muted > </audio>

multiple alternative audios

Some browsers don't support all types of media. Multitype audio resources are used so that if one is not supported the other one will be used.

Example
Try it
<audio controls>
 <source src="files/sample.mp3" type="audio/mp3" />
 <source src="files/sample.ogg" type="audio/ogg" />
 <p>Sorry, this media type can not be supported in this browser</p>
</audio>

Here we have embedded two different types of audio.

Note: controls attribute must be used in the <audio> tag otherwise audio will not be played.