Users visit a media-streaming application mainly to play media and explore other related media. This makes the media player—and the view that renders the related media details—crucial to a streaming application.
In this chapter, we will focus on developing the play media page for the MERN Mediastream application that we started building in the previous chapter, Chapter 11, Building a Media Streaming Application. We will address the following topics to bolster the media-playing functionalities and to help boost the presence of the media content across the web so that it reaches more users:
- Customizing player controls on ReactPlayer
- Playing the next video from a list of related videos
- Autoplaying a list of related media
- Server-side rendering (SSR) of the PlayMedia view with data to improve search engine optimization ...