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
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
23 Jun, 2023
Like Article
Save Article