HTML DOM Audio playbackRate Property

Last Updated : 22 Jun, 2023

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

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.

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

The below program illustrates the Audio playbackRate Property:

Example: Setting the video to double speed by default.

HTML

<!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>
       let a = 
           document.getElementById("Test_Audio");
        function MyAudioReturn() {
            a.playbackRate;
            alert(a.playbackRate);
        }
        function MyAudioSet() {
            a.playbackRate = 2;
        }
    </script>
</body>
</html>