Naughty Platypus Memorabilia
Have ideas to improve npm?Join in the discussion! »

videojs-fbf-wheel
TypeScript icon, indicating that this package has built-in type declarations

1.0.6 • Public • Published

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
    });

Install

npm i videojs-fbf-wheel

DownloadsWeekly Downloads

7

Version

1.0.6

License

MIT

Unpacked Size

5 kB

Total Files

6

Last publish

Collaborators

  • avatar