/react-video-scrubber

React canvas-enabled video frame scrubber.

Primary LanguageTypeScript

React Video Scrubber

This React component is a locally-based solution for generating still frames from a video source. This method is an alternative to a server-side, Node.js/FFmpeg solution where video frames would be extracted and returned to the client as a sequence of images.

05

Scrub Video Frames using Array of Canvas Elements

03_main_sequence

Running Locally

Make sure you have Node.js installed.

git clone https://github.com/patrick-s-young/react-video-scrubber.git # or clone your own fork
cd react-video-scrubber
npm install
npm start

Built With

  • React - JavaScript UI library.
  • Redux Toolkit - Opinionated, batteries-included toolset for efficient Redux development.
  • TypeScript - Extends JavaScript by adding types to the language.
  • webpack - Static module builder.

Authors

License

This project is licensed under the MIT License - see the LICENSE file for details.