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

    1

    Version

    1.0.6

    License

    MIT

    Unpacked Size

    5 kB

    Total Files

    6

    Last publish

    Collaborators

    • joeflateau