Skip to content
Related Articles

Related Articles

HTML | DOM Audio played Property
  • Last Updated : 05 Aug, 2019

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

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




<!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="sample1.mp3" 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>
        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);
        }
    </script>
  
</body>
  
</html>

Output:

  • 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 :