egghead
Search
Search
Log In
Search
Search
Create an Accessible Audio Player with the HTML Media Element and React by Lindsey Kopacz
Setup Native Audio and Plan our Audio Player Code
Creating a Toggle for Playing and Pausing the Audio
Implementing a Duration State
Tracking Audio Playback Progress by Adding Elapsed Time
Create the Audio Scrubber to Control Playback Position
Add Play and Pause Events to the Audio Player
Add Fast-Forward and Rewind 15 Second Buttons
Creating a Playback Rate Button
Creating a Toggle Button for Muting and Unmuting an Audio Element in React
Implementing a Volume Range with an onChange Event
Design Accessible Buttons Using Icons
Using Aria-Label as a Solution for Overly Complex Markup
Create a Human Readable Time Formatter
Create a Dropdown Menu for Rates
Using a forwardRef to Create External Controls
Introduction to Creating a Custom Accessible Audio Player with React
egghead
System