Reland MD Audio Player.

ui/file_manager/audio_player/js/audio_player.js

 // Copyright (c) 2012 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.
 
 /**
  * Overrided metadata worker's path.
  * @type {string}
  */
 ContentMetadataProvider.WORKER_SCRIPT = '/js/metadata_worker.js';
 
@@ skipping 46 matching lines @@
   // Run asynchronously after an event of model change is delivered.
   setTimeout(function() {
     this.errorString_ = '';
     this.offlineString_ = '';
     chrome.fileManagerPrivate.getStrings(function(strings) {
       container.ownerDocument.title = strings['AUDIO_PLAYER_TITLE'];
       this.errorString_ = strings['AUDIO_ERROR'];
       this.offlineString_ = strings['AUDIO_OFFLINE'];
       AudioPlayer.TrackInfo.DEFAULT_ARTIST =
           strings['AUDIO_PLAYER_DEFAULT_ARTIST'];
+      // Pass translated labels to the AudioPlayerElement.
+      this.player_.ariaLabels = {
+        volumeSlider: strings['AUDIO_PLAYER_OPEN_VOLUME_SLIDER_BUTTON_LABEL'],
+        shuffle: strings['AUDIO_PLAYER_SHUFFLE_BUTTON_LABEL'],
+        repeat: strings['AUDIO_PLAYER_REPEAT_BUTTON_LABEL'],
+        previous: strings['MEDIA_PLAYER_PREVIOUS_BUTTON_LABEL'],
+        play: strings['MEDIA_PLAYER_PLAY_BUTTON_LABEL'],
+        pause: strings['MEDIA_PLAYER_PAUSE_BUTTON_LABEL'],
+        next: strings['MEDIA_PLAYER_NEXT_BUTTON_LABEL'],
+        volume: strings['AUDIO_PLAYER_OPEN_VOLUME_SLIDER_BUTTON_LABEL'],
+        playList: strings['AUDIO_PLAYER_OPEN_PLAY_LIST_BUTTON_LABEL'],
+        seekSlider: strings['MEDIA_PLAYER_SEEK_SLIDER_LABEL']
+      };
     }.bind(this));
 
     this.volumeManager_.addEventListener('externally-unmounted',
         this.onExternallyUnmounted_.bind(this));
 
     window.addEventListener('resize', this.onResize_.bind(this));
     document.addEventListener('keydown', this.onKeyDown_.bind(this));
 
     // Show the window after DOM is processed.
     var currentWindow = chrome.app.window.current();
@@ skipping 241 matching lines @@
   }
 };
 
 /* Keep the below constants in sync with the CSS. */
 
 /**
  * Window header size in pixels.
  * @type {number}
  * @const
  */
-AudioPlayer.HEADER_HEIGHT = 33;  // 32px + border 1px
+AudioPlayer.HEADER_HEIGHT = 36;  // 32px + border 4px
 
 /**
  * Track height in pixels.
  * @type {number}
  * @const
  */
-AudioPlayer.TRACK_HEIGHT = 44;
+AudioPlayer.TRACK_HEIGHT = 48;
 
 /**
  * Controls bar height in pixels.
  * @type {number}
  * @const
  */
-AudioPlayer.CONTROLS_HEIGHT = 73;  // 72px + border 1px
+AudioPlayer.CONTROLS_HEIGHT = 96;
 
 /**
  * Default number of items in the expanded mode.
  * @type {number}
  * @const
  */
 AudioPlayer.DEFAULT_EXPANDED_ITEMS = 5;
 
 /**
  * Minimum size of the window in the expanded mode in pixels.
@@ skipping 100 matching lines @@
   // TODO(yoshiki): Handle error in better way.
   // TODO(yoshiki): implement artwork (metadata.thumbnail)
   this.title = metadata.mediaTitle || this.getDefaultTitle();
   this.artist = error || metadata.mediaArtist || this.getDefaultArtist();
 };
 
 // Starts loading the audio player.
 window.addEventListener('DOMContentLoaded', function(e) {
   AudioPlayer.load();
 });