The audio tag is used to embedding some audio in a webpage.
alt attribute is not supported in audio tag. So we use different method in audio tag.
By using <audio>...</audio>.
- Inside audio tag use source tag .
- Source tag play the audio .
There are two type of playing audio in HTML:
- Use <audio src="address.mp3" controls> This is a song </audio> .
- Use <audio controls> <source src="address.mp3> This is a song </audio> .
Case-1:
  <!DOCTYPE html>
  <html>
  <head>
      <title>
          audio tag
      </title>
  </head>
  <body>
      <audio src="C:\Users\avengers\Music\Khairiyat Happy - Chhichhore.mp3" controls></audio>
  </body>
  </html>
Note: Controls attribute gives the audio interface.
If the browser doesn't support audio .It displays the message which is given inside audio tag ,that displays in the browser.
Output:
Case-2:
  <!DOCTYPE html>
  <html>
  <head>
       <title>
         audio tag
       </title>
  </head>
  <body>
       <audio controls>
       <source src="C:\Users\avengers\Music\Khairiyat Happy - Chhichhore.mp3" type="audio/mp3">
       This is a song.Your browser not supporting audio
       </audio>
  </body>
  </html>
If the browser doesn't support audio .It displays the message which is given inside audio tag ,that displays in the browser. 
- You can give multiple source , if the first audio is not support then it will play second audio.This is the main important of using source tag.
- Suppose if all videos not support then the text in video tag will display.


Post a Comment