Skip to content
Related Articles

Related Articles

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

The Audio playbackRate property is used for setting or returning the current playback speed of the audio.

Syntax:

  • Return the playbackRate property:
    audioObject.playbackRate
  • Set the playbackRate property:
    audioObject.playbackRate = playbackspeed

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.

Return: The Audio playbackRate property returns a number which represents the current playback speed.



Below program illustrates the Audio playbackRate Property:
Example: Setting the video to double speed by default.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        Audio playbackRate Property
    </title>
</head>
  
<body style="text-align:center">
  
    <h1 style="color:green">
      GeeksforGeeks
    </h1>
    <h2 style="font-family: Impact">
      Audio playbackRate Property
    </h2>
    <br>
  
    <audio id="Test_Audio" controls>
        <source src="sample1.ogg"
                type="audio/ogg">
        
        <source src="sample1.mp3" 
                type="audio/mpeg">
    </audio>
  
    <p>For setting and returning the playback
      speed of the audio, double click the 
      "Set Speed" and "Return Speed" button.</p>
    <br>
  
    <button ondblclick="MyAudioSet()" 
            type="button">
      Set Speed
    </button>
    <button ondblclick="MyAudioReturn()" 
            type="button">
      Return Speed
    </button>
    <p id="test"></p>
  
    <script>
        var a = document.getElementById("Test_Audio");
  
        function MyAudioReturn() {
            a.playbackRate;
            alert(a.playbackRate);
        }
  
        function MyAudioSet() {
            a.playbackRate = 2;
        }
    </script>
  
</body>
  
</html>

Output:

  • Initially:
  • Before clicking “Set Speed” button:
  • After clicking “Return Speed” button:

Supported Browsers: The browsers supported by DOM Audio playbackRate Property are listed below:

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

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :