Add shortcuts to audio player.

ui/file_manager/audio_player/elements/control_panel.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 (function() {
   'use strict';
 
   /**
    * Moves |target| element above |anchor| element, in order to match the
    * bottom lines.
@@ skipping 121 matching lines @@
       timeSlider.addEventListener('change', function() {
         if (this.dragging)
           this.dragging = false;
         this._setSeekingTime(0);
       }.bind(this));
       timeSlider.addEventListener('immediate-value-change', function() {
         this._setSeekingTime(timeSlider.immediateValue);
         if (!this.dragging)
           this.dragging = true;
       }.bind(this));
-      timeSlider.addEventListener('keydown',
-          this.onProgressKeyDownOrKeyPress_.bind(this));
-      timeSlider.addEventListener('keypress',
-          this.onProgressKeyDownOrKeyPress_.bind(this));
 
       // Update volume on user inputs for volume slider.
       // During a drag operation, the volume should be updated immediately.
       var volumeSlider =
           /** @type {PaperSliderElement} */ (this.$.volumeSlider);
       volumeSlider.addEventListener('change', function() {
         this.volume = volumeSlider.value;
       }.bind(this));
       volumeSlider.addEventListener('immediate-value-change', function() {
         this.volume = volumeSlider.immediateValue;
@@ skipping 27 matching lines @@
     volumeClick: function() {
       if (this.volume !== 0) {
         this.savedVolume_ = this.volume;
         this.volume = 0;
       } else {
         this.volume = this.savedVolume_ || 50;
       }
     },
 
     /**
+     * Skips min(5 seconds, 10% of duration).
+     * @param {boolean} forward Whether to skip forward/backword.
+     */
+    smallSkip: function(forward) {
+      var millisecondsToSkip = Math.min(5000, this.duration / 10);
+      if (!forward) {
+        millisecondsToSkip *= -1;
+      }
+      this.skip_(millisecondsToSkip);
+    },
+
+    /**
+     * Skips min(10 seconds, 20% of duration).
+     * @param {boolean} forward Whether to skip forward/backword.
+     */
+    bigSkip: function(forward) {
+      var millisecondsToSkip = Math.min(10000, this.duration / 5);
+      if (!forward) {
+        millisecondsToSkip *= -1;
+      }
+      this.skip_(millisecondsToSkip);
+    },
+
+    /**
+     * Skips forward/backword.
+     * @param {number} sec Seconds to skip. Set negative value to skip backword.
+     * @private
+     */
+    skip_: function(millis) {
+      if (this.duration > 0)
+        this.time = Math.max(Math.min(this.time + millis, this.duration), 0);
+    },
+
+    /**
      * Converts the time into human friendly string.
      * @param {number} time Time to be converted.
      * @return {string} String representation of the given time
      */
     time2string_: function(time) {
       return ~~(time / 60000) + ':' + ('0' + ~~(time / 1000 % 60)).slice(-2);
     },
 
     /**
      * Converts the time and duration into human friendly string.
@@ skipping 64 matching lines @@
       this.$.play.setAttribute('aria-label',
           this.playing ? ariaLabels.pause : ariaLabels.play);
       this.$.next.setAttribute('aria-label', ariaLabels.next);
       this.$.volumeButton.setAttribute('aria-label', ariaLabels.volume);
       this.$.playList.setAttribute('aria-label', ariaLabels.playList);
       this.$.timeSlider.setAttribute('aria-label', ariaLabels.seekSlider);
       this.$.volumeButton.setAttribute('aria-label',
           this.volume !== 0 ? ariaLabels.mute : ariaLabels.unmute);
       this.$.volumeSlider.setAttribute('aria-label', ariaLabels.volumeSlider);
     },
-
-    /**
-     * Handles arrow keys on time slider to skip forward/backword.
-     * @param {!Event} event
-     * @private
-     */
-    onProgressKeyDownOrKeyPress_: function(event) {
-      if (event.code !== 'ArrowRight' && event.code !== 'ArrowLeft' &&
-          event.code !== 'ArrowUp' && event.code !== 'ArrowDown') {
-        return;
-      }
-
-      event.preventDefault();
-
-      if (this.duration > 0) {
-        // Skip 5 seconds or 10% of duration, whichever is smaller.
-        var millisecondsToSkip = Math.min(5000, this.duration / 10);
-        if (event.code === 'ArrowRight' || event.code === 'ArrowUp') {
-          this.time = Math.min(this.time + millisecondsToSkip, this.duration);
-        } else {
-          this.time = Math.max(this.time - millisecondsToSkip, 0);
-        }
-      }
-    }
   });
 })();  // Anonymous closure