joharikushagra / react-custom-video-player

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Video Player

๐Ÿ‘‰ Click here for deployed version

๐Ÿ‘‰ Click here for lighthouse report

rigi

In house react-player with the following features:

  • Play/Pause toggle.
  • Seek functionality.
  • Timer displaying current playback time and duration.
  • Autoplay.
  • Speed selector for playback speed adjustment.

Additional Features

  • Full Screen mode
  • volume control
  • Responsiveness

Handling Scale

๐Ÿ‘‰ Playlist consist of 20000 videos in live demo app

Playlist is implemented using Virtualized List for scaling purposes. This would render only certain count of list keeping the size and latency low in case of large number of videos

Getting Started

Use following commands to get started

git clone https://github.com/joharikushagra/react-custom-video-player.git
npm install
npm start

About


Languages

Language:JavaScript 94.9%Language:HTML 4.2%Language:CSS 0.9%