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" >
GeeksforGeeks
</ 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
Last Updated :
22 Jun, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...