Open In App

HTML DOM Audio played Property

Improve
Improve
Like Article
Like
Save
Share
Report

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.

Syntax:

audioObject.played

The below program illustrates the Audio played Property: 

Example: Getting the first played range of the audio in seconds. 

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        Audio played Property
    </title>
</head>
 
<body style="text-align:center">
    <h1 style=" color:green">
        GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
        Audio played Property
    </h2>
    <br>
    <audio id="Test_Audio" controls>
        <source src="sample1.ogg" type="audio/ogg">
        <source src="beep-01a.wav" type="audio/mpeg">
    </audio>
    <p>
          To get the first played range of the
        audio in seconds, double click the
        "Return Played Range" button.
      </p>
    <br>
    <button ondblclick="MyAudio()"
            type="button">
        Return Played Range
    </button>
    <p id="test"></p>
 
    <script>
        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);
        }
    </script>
</body>
</html>


Output:

 

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

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


Last Updated : 22 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads