REACT JS developer required to work on integrating video carousal and live video player on react webpage.
Budget: ₹2,000 – ₹2,500 INR
REACT JS developer required to work on integrating video carousal and live video player on react webpage. You will have to work on already built application. There are two parts of this job -
1. Video carousal - we have to add a component on a page having carousals of video like on twitch homepage. Video data format : {imageUrl : imageUrl, videoUrl: videoUrl} . imageUrl is url of image that would appear as display image for each slide with a play button over it in middle. Whem clicked on play button video from videoUrl has to be played in the slide. Remaining slides would also be visible behind active slide. Check attached image for design correspondence.
2. Live video - We get a live video url in .m3u8 or.flv format. But url returns 404 if stream is not live or url is wrong. We have to code callback for these errors and display another static image in place of the video. Package we are currently using to show live video - https://www.npmjs.com/package/react-hls-player . Although we can use any another player as long as it plays live videos fine.
This task shouldn't take more than 4-8 hrs.
1. Video carousal - we have to add a component on a page having carousals of video like on twitch homepage. Video data format : {imageUrl : imageUrl, videoUrl: videoUrl} . imageUrl is url of image that would appear as display image for each slide with a play button over it in middle. Whem clicked on play button video from videoUrl has to be played in the slide. Remaining slides would also be visible behind active slide. Check attached image for design correspondence.
2. Live video - We get a live video url in .m3u8 or.flv format. But url returns 404 if stream is not live or url is wrong. We have to code callback for these errors and display another static image in place of the video. Package we are currently using to show live video - https://www.npmjs.com/package/react-hls-player . Although we can use any another player as long as it plays live videos fine.
This task shouldn't take more than 4-8 hrs.