The DOM Audio seekable property is used for returning a TimeRanges object. The TimeRanges object is used for representing the ranges of the audio which are available for seeking by the user.
The time-range of audio which is available for seeking i.e. moving playback position is called a seekable range.
It is often possible to seek anywhere in the audio even before it has been buffered if its a non-streaming audio.
The Audio seekable property is a read-only property.
The time ranges object properties are:
- length: It is used to get the number of seekable ranges in the audio.
- start(index): It is used to get the position of a seekable range.
- end(index): It is used to get the end position of a seekable range.
Syntax:
audioObject.seekable
Below program illustrates the Audio seekable Property:
Example: Getting the first seekable range of the audio in seconds.
<!DOCTYPE html> < html > < head > < title > Audio seekable Property </ title > </ head > < body style = "text-align:center" > < h1 style = "color:green" > GeeksforGeeks </ h1 > < h2 style = "font-family: Impact" > Audio seekable 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 get the first seekable range of the audio, double click the "Return Seekable Range" button. </ p > < br > < button ondblclick = "MyAudio()" type = "button" > Return Seekable Range </ button > < p id = "test" ></ p > < script > function MyAudio() { var a = document.getElementById("Test_Audio"); document.getElementById("test").innerHTML = "Start time: " + a.seekable.start(0) + " End time: " + a.seekable.end(0); } </ script > </ body > </ html > |
Output:
- Before clicking the button:
- After clicking the button:
Supported Browsers: The browsers supported by DOM Audio seekable Property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Apple Safari