How to play audio repeatedly using HTML5 ?

This article will show you how an audio file can be played repeatedly on a web page. This is done by using the loop attribute of the <audio> tag. It is used to restart the audio again and again after loading the web page. This can be used in situations where the audio has to be looped until it is specifically stopped, like in the case of background music on a web page.

Syntax:

<audio loop>

Example:

html

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to play an audio repeatedly
        using HTML5?
    </title>
</head>
  
<body>
    <h1 style="color: green;">
        GeeksForGeeks
    </h1>
    <b>
        How to play an audio repeatedly
        using HTML5?
    </b>
  
    <p><b>Non Looping Audio</b></p>
  
    <audio controls>
        <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
        type="audio/mp3">
    </audio>
  
  
    <p><b>Looping Audio</b></p>
  
  
    <!-- Using the loop attribute -->
    <audio controls loop>
        <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
        type="audio/mp3">
    </audio>
</body>
  
</html>