AudioPlayer: Update layout to show the volume slider without using popup.

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 48 matching lines @@
     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']
+        seekSlider: strings['MEDIA_PLAYER_SEEK_SLIDER_LABEL'],
+        mute: strings['MEDIA_PLAYER_MUTE_BUTTON_LABEL'],
+        unmute: strings['MEDIA_PLAYER_UNMUTE_BUTTON_LABEL'],
+        volumeSlider: strings['MEDIA_PLAYER_VOLUME_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.
@@ skipping 377 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();
 });