Guideinfoyou: Html Audio Tag Attribute

Well we are here again and we've got more deeper parts in our html, and almost we discuss everything but before that I like to introduce again to you our new TAG attribute using html and this is called the Audio tag.

Mmmh what is the AUDIO or AUDIO Tag? well if we say audio means that is automatic in our mind that there is a sound or sound player, yes that is our point that there is a sound player that we can hear it in our own ears.

How about in dictionary? When we search it for our dictionary the audio is:

AUDIO (noun)

The noun AUDIO has 3 senses:
1. the audible part of a transmitted signal
2. an audible acoustic wave frequency
3. the sound elements of television

So that is in our dictionary the definition for our Audio.

Now let us to begin for our tutorial.

For our AUDIO tag are starting with <AUDIO> and closing </AUDIO>

I know a lot of people out there loving to listen some musics and depending on their likes to hear it, well let us follow in our tutorial and learn.

For this tutorial maybe you will like to put this in your website about to your favorite music that you can listen every time if you are visiting in your website.

Let us check our code:

We are going to put Audio tag as what I said above.

<AUDIO> </AUDIO>

and we need to put our audio for our controls this will be our code.

<AUDIO controls> </AUDIO>

In our browser looks like:

Now we are going to find our link and where is our music?
If we are going to use in our local link, we are to put the code like this.

Our local computer:

<AUDIO src="/Our Music files/Bumpmesample.mp3" controls> </AUDIO>

If we use from the other link using website that is called server link our code like this.

Server Link:

<AUDIO src="www.Oursiteformp3/thier.mp3" controls> </AUDIO>

After of this how will we adjust the widths and height for our audio? Yes we didn't forgot that one of course we put it that one if we need it and sizes our audio tag about their height and width.

For putting height and width this will be our code.
Our sample height and width Audio tag:

<AUDIO src="/Our Music files/Bumpmesample.mp3" controls>

width="240"
height="120"

</AUDIO>

In our browser looks like.

As what you can see you have now your own player or audio player in your website but how will be to make it autoplay for our sound if they visiting in our website? Well there is a code for that and you can do like this.

For putting AUTOPLAY in our AUDIO tag.

Put the code :
AUTOSTART="TRUE" ( For autoplay)
AUTOSTART="FALSE" (For Not autoplay)

Our code autoplay I will use the server link in our mp3

<AUDIO src="/Our Music files/Bumpmesample.mp3" controls>

width="240"
height="120"
autostart="true" />

</AUDIO>

In our browser looks like. Florida ft. Akon mp3

We've got now our music for our favorite artist if you like to put looping in your Audio player in your AUDIO tag you can put like this.

LOOP= "TRUE" (like looping command)
LOOP= "FALSE" (If we doesn't like)

Sample code:

<AUDIO src="/Our Music files/Bumpmesample.mp3" controls>

width="240"
height="120"
loop="false" // putting loop
autostart="true" />

</AUDIO>

If you like to put by link http href code, put like this.

<A HREF="/Our Music files/Bumpmesample.mp3">Our sample only</A>

So we are done now, try it and put to your website.

If you like to see the the sample of our local Audio tag.

Try download here.Tutorial Audio Tag

Return to:

Html Tutorial Introduction

Html Structure And Method

Basic Tags and Formatting

Adding links in Html Hyperlinks

Html Instruction Formatting Text

Html Working With Fonts

Html Creating Lists

Html Adding Images To Our Pages Or Website

Html Creating Image Maps
HTML Table Border

HTML Marquee Tag Direction
HTML Marquee Image Attribute