Volume control

In order to control the volume on the video being played, users will have the option to increase or decrease the volume, as well as to mute or un-mute. The rendered volume controls will be updated based on the user action and current value of the volume:

  • A volume up icon will be rendered if the volume is raised:
  • A volume off icon will be rendered if the user decreases the volume to zero:
  • A volume mute icon button will be shown if the user clicks the icon to mute the volume:

To implement this, we will conditionally render ...

Get Full-Stack React Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.