We will implement the customized media player in the MediaPlayer component. This player will render the video streamed from the backend and provide the user with different control options. We will incorporate this media-playing functionality and the custom control options in the MediaPlayer using a ReactPlayer component. The ReactPlayer component, as discussed in the previous chapter, provides a range of customizations that we will leverage for the media player features to be added in this application.
While defining the MediaPlayer component, we will begin by initializing the ReactPlayer component with starting values for the controls, before we add the custom functionalities and corresponding user-action handling ...
