Skip to content
Related Articles

Related Articles

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

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:

  1. Number: It is used to specify the default playback speed of the video.
    The available options are:
    • 1.0 is normal speed.
    • 0.5 is half speed.
    • 2.0 is double speed.
    • -1.0 is backwards, normal speed.
    • -0.5 is backwards, half speed.

Below program illustrates the Audio defaultPlaybackRate Property:



Example 1: Setting the audio to double speed by default.




<!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>
        var a = document.getElementById("Test_Audio");
  
        function My_Audio() {
            a.defaultPlaybackRate = 2.0;
            a.load();
            alert(a.defaultPlaybackRate);
        }
    </script>
  
</body>
  
</html>

Output:

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

Example 2: Returning the audio playbackRate speed by default.




<!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>
        var a = document.getElementById("Test_Audio");
  
        function My_Audio() {
            a.defaultPlaybackRate;
            a.load();
            alert(a.defaultPlaybackRate);
        }
    </script>
  
</body>
  
</html>

Output:

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

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

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

    full-stack-img

    My Personal Notes arrow_drop_up
  • Recommended Articles
    Page :