Etikett: jQuery

Ska kompletteras. Men här är lite jQuery-kod.

(function($) {

   var frameLength = 1/24, // Framerate
       activeFrame = 0;

   $(function($) {

       video = $('video')[0];

       $(document).bind('mousewheel', scroller);
       $(document).bind('keydown', keypress);

   });

   function updateMovie() {

       video.currentTime = (activeFrame * frameLength);

   }

   function scroller(e) {

       if (e.originalEvent.wheelDelta < 0)
           activeFrame++;
       else
           activeFrame--;

       activeFrame = (activeFrame < 0) ? 0 : activeFrame;

       updateMovie();

   }

   function keypress(e) {

       var key = e.which;

       if (key == 37)
           activeFrame--;
       else if (key == 39)
           activeFrame++;

       activeFrame = (activeFrame < 0) ? 0 : activeFrame;

       updateMovie();

   }

})(jQuery);