HTML | DOM Audio seekable Property
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.
html
<!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 1 and above
- Edge 12 and above
- Internet Explorer 9 and above
- Firefox 8 and above
- Opera 12.1 and above
- Apple Safari 3.1 and above
Please Login to comment...