HTML DOM Audio loop Property

The Audio loop property is used for setting or returning whether an audio should start playing over again when it is finished or not.

Syntax:

Return the loop property:

audioObject.loop

Set the loop property:

audioObject.loop = true | false

Property Values:

true | false: It is used to specify whether the audio should start playing over again, every time it is finished or not. It is false by default.

Return: The Audio loop property returns a Boolean true if the audio starts playing over again, every time it is finished, else, it returns false.

The below program illustrates the Audio loop Property:

Example 1: Setting the audio to loop.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        Audio loop Property
    </title>
</head>

<body style="text-align: center">
    <h1 style="color: green">
        GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
        Audio loop Property
    </h2>
    <br>
    <audio id="Test_Audio" controls>
        <source src="sample1.ogg" type="audio/ogg">
        <source src="sample1.mp3" type="audio/mpeg">
    </audio>
    <p>
          To enable loop on the audio being played,
        double click the "Enable Loop" button.
      </p>
    <br>
    <button ondblclick="My_Audio()">
        Enable Loop
    </button>
    <p id="test"></p>

    <script>
        function My_Audio() {
            let a = document.getElementById("Test_Audio");
            a.loop = true;
            a.load();
            alert(a.loop);
        }
    </script>
</body>

</html>

Output:

Example 2: Returning the audio to loop.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        Audio loop Property
    </title>
</head>

<body style="text-align:center">
    <h1 style="color:green">
          GeeksforGeeks
      </h1>
    <h2 style="font-family: Impact">
          Audio loop Property
      </h2>
    <br>
    <audio id="Test_Audio" controls>
        <source src="sample1.ogg" type="audio/ogg">
        <source src="sample1.mp3" type="audio/mpeg">
    </audio>
    <p>
          To Return "Audio loop Property",
        double click the "Return" button.
      </p>
    <br>
    <button ondblclick="My_Audio()">
          Return
      </button>
    <p id="test"></p>

    <script>
        function My_Audio() {
            let a = document.getElementById("Test_Audio");
            a.loop;
            a.load();
            alert(a.loop);
        }
    </script>
</body>

</html>

Output:

Supported Browsers: The browser supported by HTML DOM Audio loop Property are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Apple Safari

HTML DOM Audio loop Property

Explore