HTML | DOM Audio defaultPlaybackRate Property
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 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.
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> 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.
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> 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 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
Please Login to comment...