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.
<!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
.png)
