HTML DOM Audio loop Property

Last Updated : 22 Jun, 2023

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>