videojs-fbf-wheel

Stackblitz Demo

Step frame-by-frame* through videos.

* Technically you cannot step through HTML5 video frame-by-frame, so you must specify a frame rate and we will step through at the specified frame rate.

Usage

1. install npm i videojs-fbf-wheel or yarn add videojs-fbf-wheel

2. Import the plugin javascript using a script tag, require or import statement

   import videojs from "video.js";
   import "videojs-fbf-wheel";

3. Initialize the plugin

   const player = videojs(videoEl);
   player.fbfWheel({
     fps: 60, // framerate of your content, we'll step 1/fps seconds for each wheel event
     direction: 1, // which direction to move based on the mouse wheel. -1 by default which means mousewheel down on a Mac will move the video forward one frame. adjust to suit your needs
   });