Skip to content
Related Articles

Related Articles

HTML | DOM Audio played Property

View Discussion
Improve Article
Save Article
  • Last Updated : 05 Aug, 2019
View Discussion
Improve Article
Save Article

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.



Below program illustrates the Audio played Property:
Example: Getting the first played range of the audio in seconds.

<!DOCTYPE html>
        Audio played Property
<body style="text-align:center">
    <h1 style=" color:green">
    <h2 style="font-family: Impact">
      Audio played Property
    <audio id="Test_Audio" controls>
        <source src="sample1.ogg" type="audio/ogg">
        <source src="sample1.mp3" type="audio/mpeg">
    <p>To get the first played range of the 
      audio in seconds, double click the 
      "Return Played Range" button.</p>
    <button ondblclick="MyAudio()" 
      Return Played Range
    <p id="test"></p>
        var a = document.getElementById("Test_Audio");
        function MyAudio() {
            var a = document.getElementById("Test_Audio");
            document.getElementById("test").innerHTML = 
            "Start time: " + a.played.start(0) 
            + " End time: " + a.played.end(0);


  • Before clicking the button:
  • After clicking the button:

Supported Browsers: The browsers supported by DOM Audio played Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Apple Safari

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!