Open In App

HTML DOM Audio played Property

Last Updated : 22 Jun, 2023
Like 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.



The 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="beep-01a.wav" type="audio/mpeg">
          To get the first played range of the
        audio in seconds, double click the
        "Return Played Range" button.
    <button ondblclick="MyAudio()"
        Return Played Range
    <p id="test"></p>
        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);



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

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

Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads