The Audio defaultPlaybackRate property is used for setting or returning the default playback speed of the audio. The Audio defaultPlaybackRate property only changes the default playback speed, not the current playback speed.
Syntax:
- Return the defaultPlaybackRate property:
audioObject.defaultPlaybackRate
- Set the defaultPlaybackRate property:
audioObject.defaultPlaybackRate = number
Property Values:
- Number: It is used to specify the default playback speed of the video. The available options are:
- 1.0 is the normal speed.
- 0.5 is half speed.
- 2.0 is double speed.
- -1.0 is backward, normal speed.
- -0.5 is backward, half-speed.
The below program illustrates the Audio defaultPlaybackRate Property:
Example 1: Setting the audio to double speed by default.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
Audio defaultPlaybackRate Property
</title>
</head>
<body style="text-align: center">
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact">
Audio defaultPlaybackRate 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 set the defaultPlaybackRate property,
double click the "Set defaultPlaybackRate"
button.
</p>
<br>
<button ondblclick="My_Audio()">
Set defaultPlaybackRate
</button>
<p id="test"></p>
<script>
let a =
document.getElementById("Test_Audio");
function My_Audio() {
a.defaultPlaybackRate = 2.0;
a.load();
alert(a.defaultPlaybackRate);
}
</script>
</body>
</html>
|
Output:
Example 2: Returning the audio playbackRate speed by default.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
Audio defaultPlaybackRate Property
</title>
</head>
<body style="text-align: center">
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact">
Audio defaultPlaybackRate 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 return the defaultPlaybackRate property,
double click the "Return defaultPlaybackRate"
button.
</p>
<br>
<button ondblclick="My_Audio()">
Return defaultPlaybackRate
</button>
<p id="test"></p>
<script>
let a =
document.getElementById("Test_Audio");
function My_Audio() {
a.defaultPlaybackRate;
a.load();
alert(a.defaultPlaybackRate);
}
</script>
</body>
</html>
|
Output:
Supported Browsers: The browser supported by HTML DOM Audio defaultPlaybackRate Property are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Internet Explorer 9 and above
- Firefox 20 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 :
22 Jun, 2023
Like Article
Save Article