Skip to content
Related Articles

Related Articles

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

The Audio buffered property is used for returning a TimeRanges object. The user’s buffered ranges of the audio can be represented using the TimeRanges object.
The time-range of buffered audio is defined by the buffered range and if the user skips in the audio, it may result in several buffered ranges.

Syntax:

audioObject.buffered

Return Values:

  1. TimeRanges Object: It is used for representing the buffered parts of the audio.

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




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

Output:

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

Supported Browsers: The browser supported by HTML | DOM Audio buffered Property are listed below:

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



My Personal Notes arrow_drop_up
Recommended Articles
Page :