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
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
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...