Adding number key override to example.html

ctd1500 · Nov 10, 2016 · 9e01d5f · 9e01d5f
1 parent f56b355
commit 9e01d5f
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -132,11 +132,11 @@ videojs('vidId').ready(function() {
     customKeys: {
       // Create custom hotkeys
       ctrldKey: {
-        key: function(e) {
+        key: function(event) {
           // Toggle something with CTRL + D Key
-          return (e.ctrlKey && e.which === 68);
+          return (event.ctrlKey && event.which === 68);
         },
-        handler: function(player, options) {
+        handler: function(player, options, event) {
           // Using mute as an example
           if (options.enableMute) {
             player.muted(!player.muted());

diff --git a/example.html b/example.html
@@ -39,6 +39,7 @@
           seekStep: 5,
           enableMute: true,
           enableFullscreen: true,
+          enableNumbers: false,
           enableVolumeScroll: true,
 
           // Enhance existing simple hotkey with a complex hotkey
@@ -56,7 +57,7 @@
                 // Toggle something with S Key
                 return (e.which === 83);
               },
-              handler: function(player, options) {
+              handler: function(player, options, e) {
                 // Example
                 if (player.paused()) {
                   player.play();
@@ -72,20 +73,39 @@
                 // Toggle something with CTRL + D Key
                 return (e.ctrlKey && e.which === 68);
               },
-              handler: function(player, options) {
+              handler: function(player, options, event) {
                 // Example
                 if (options.enableMute) {
                   player.muted(!player.muted());
                 }
               }
             },
 
+            // Override number keys example from https://github.com/ctd1500/videojs-hotkeys/pull/36
+            numbersKey: {
+              key: function(event) {
+                // Override number keys
+                return ((event.which > 47 && event.which < 59) || (event.which > 95 && event.which < 106));
+              },
+              handler: function(player, options, event) {
+                // Do not handle if enableModifiersForNumbers set to false and keys are Ctrl, Cmd or Alt
+                if (options.enableModifiersForNumbers || !(event.metaKey || event.ctrlKey || event.altKey)) {
+                  var sub = 48;
+                  if (event.which > 95) {
+                    sub = 96;
+                  }
+                  var number = event.which - sub;
+                  player.currentTime(player.duration() * number * 0.1);
+                }
+              }
+            },
+
             emptyHotkey: {
               // Empty
             },
 
             withoutKey: {
-              handler: function(player, options) {
+              handler: function(player, options, event) {
                   console.log('withoutKey handler');
               }
             },
@@ -100,7 +120,7 @@
               key: function() {
                 console.log('I have a malformed customKey. The Key function must return a boolean.');
               },
-              handler: function(player, options) {
+              handler: function(player, options, event) {
                 //Empty
               }
             }