How to embed audio element in a HTML document ?

Since the release of HTML5, audio can be added to webpages using the <audio> tag. Previously audio could be only played on webpages using web plugins like Flash. The <audio> tag is an inline element which is used to embed sound files into a web page. It is a very useful tag if you want to add audio such as songs, interviews, etc on your webpage.

Syntax:

<audio>
    <source src="sample.mp3" type="audio/mpeg">
</audio>

Example 1:

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <h1 style="color:green;"> 
        GeeksforGeeks 
    </h1> 
  
    <h3> 
        How to embed audio in a HTML document? 
    </h3> 
  
    <audio controls> 
        <source src="test.mp3" type="audio/mp3"> 
        <source src="test.ogg" type="audio/ogg"> 
    </audio> 
  
</body> 
  
</html>

Output:

Example 2: In this example, audio will play automatically after loading the web page.

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <h1 style="color:green;"> 
        GeeksforGeeks 
    </h1> 
  
    <h3> 
        How to embed audio in a HTML document? 
    </h3> 
  
    <audio controls autoplay> 
        <source src="test.mp3" type="audio/mp3"> 
        <source src="test.ogg" type="audio/ogg"> 
    </audio> 
  
</body> 
  
</html>

Output:

My Personal Notes

Recommended Posts:

vkash8574

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.