April 2020
Intermediate to advanced
716 pages
18h 55m
English
In the play media page, beside the media loaded in the player, we will load a list of related media in the RelatedMedia component. The RelatedMedia component will take the list of related media as a prop from the PlayMedia component and render the details along with a video snapshot of each video in the list, as pictured in the following screenshot:

In the implementation of the RelatedMedia view, we iterate through the media array received in the props using the map function and render each media item's details and video snapshot, as shown in the following code structure:
mern-mediastream/client/media/RelatedMedia.js ...
Read now
Unlock full access