HTML DOM Audio buffered Property

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:

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

The below program illustrates the Audio buffered Property :

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

HTML

<!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="beep-01a.wav" 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() {

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

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

Google Chrome 1 and above
Edge 12 and above
Internet Explorer 9 and above
Firefox 4 and above
Opera 12.1 and above
Apple Safari 3.1 and above

Article Tags :

HTML

Web Technologies

HTML-DOM