April 2020
Intermediate to advanced
716 pages
18h 55m
English
In the media player, users will see how much of the video has been loaded and played in a progress bar. To implement this feature, we will use a Material-UI LinearProgress component to indicate how much of the video has buffered, and how much has been played already. Then, we'll combine this component with an input element of type range to give users the ability to move the time slider to a different part of the video and play from there.
This time slider and progress bar will render as shown in the following screenshot:

The LinearProgress component will use the played and loaded values in the state to render these bars. It ...
Read now
Unlock full access