Creating a Playback Rate Button

InstructorLindsey Kopacz

Share this video with your friends

Send Tweet

We are creating a playback rate button in a React application. An array of rates is created, and each element of the array is mapped to a button. Each button is given an onClick handler that calls an anonymous function called changeRate.

changeRate sets the playback rate of an audio element to the rate passed as an argument. When the button is pressed in the browser, it shows the new playback rate.

Think about: We have all these states for volume, media time etc, why don't we have one for rate?