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" > w3wiki </ 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" > w3wiki </ 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
Contact Us