Open In App

HTML DOM Audio defaultPlaybackRate Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

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


Last Updated : 22 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads