April 2020
Intermediate to advanced
716 pages
18h 55m
English
Users will be able to set the current video to keep playing in a loop, using a loop button. The loop button will render in two states, set and unset, as shown in the following screenshot:

This loop icon button will display in a different color to indicate whether it has been set or unset by the user. The code for rendering this loop button will be added to the MediaPlayer, as follows:
mern-mediastream/client/media/MediaPlayer.js
<IconButton color={loop ? 'primary' : 'default'} onClick={onLoop}> <Icon>loop</Icon></IconButton>
The loop icon color will change based on the value of loop in the state. When this loop icon ...
Read now
Unlock full access