HTML DOM Audio played Property
The Audio played property is used for returning a TimeRanges object. The TimeRanges object is used in cases when you want to represent the ranges of audio that have already been played by the user. A played range is a time range of a played audio. If a user skips in the audio, he may get several played ranges. The audio-played property is a read-only property. The TimeRanges Object Properties are:
- length – It is used to get the number of played ranges in the video.
- start(index) – It is used to get the start position of a played range.
- end(index) – It is used to get the end position of a played range.
Syntax:
audioObject.played
The below program illustrates the Audio played Property:
Example: Getting the first played range of the audio in seconds.
HTML
<!DOCTYPE html> < html > < head > < title > Audio played Property </ title > </ head > < body style = "text-align:center" > < h1 style = " color:green" > w3wiki </ h1 > < h2 style = "font-family: Impact" > Audio played Property </ h2 > < br > < audio id = "Test_Audio" controls> < source src = "sample1.ogg" type = "audio/ogg" > < source src = "beep-01a.wav" type = "audio/mpeg" > </ audio > < p > To get the first played range of the audio in seconds, double click the "Return Played Range" button. </ p > < br > < button ondblclick = "MyAudio()" type = "button" > Return Played Range </ button > < p id = "test" ></ p > < script > let a = document.getElementById("Test_Audio"); function MyAudio() { let a = document.getElementById("Test_Audio"); document.getElementById("test").innerHTML = "Start time: " + a.played.start(0) + " End time: " + a.played.end(0); } </ script > </ body > </ html > |
Output:
Supported Browsers: The browsers supported by DOM Audio played Property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Apple Safari
Contact Us