Video Player: Support Media Router to cast Drive videos.

ui/file_manager/video_player/js/video_player.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.
 
 /**
  * @param {!HTMLElement} playerContainer Main container.
  * @param {!HTMLElement} videoContainer Container for the video element.
  * @param {!HTMLElement} controlsContainer Container for video controls.
  * @constructor
  * @struct
@@ skipping 259 matching lines @@
   arrowRight.addEventListener('click', this.advance_.wrap(this, 1));
   var arrowLeft = queryRequiredElement('.arrow-box .arrow.left');
   arrowLeft.addEventListener('click', this.advance_.wrap(this, 0));
 
   var videoPlayerElement = getRequiredElement('video-player');
   if (videos.length > 1)
     videoPlayerElement.setAttribute('multiple', true);
   else
     videoPlayerElement.removeAttribute('multiple');
 
+  var castButton = queryRequiredElement('.cast-button');
+  castButton.addEventListener('click',
+      this.onCastButtonClicked_.wrap(this));
+
   document.addEventListener('keydown', reloadVideo);
   document.addEventListener('click', reloadVideo);
 };
 
 /**
  * Unloads the player.
  */
 function unload() {
   // Releases keep awake just in case (should be released on unloading video).
   chrome.power.releaseKeepAwake();
@@ skipping 62 matching lines @@
         })
         .catch(function() {
           // Shows no image on error.
           getRequiredElement('thumbnail').style.backgroundImage = '';
         });
 
     var videoElementInitializePromise;
     if (this.currentCast_) {
       metrics.recordPlayType(metrics.PLAY_TYPE.CAST);
 
-      videoPlayerElement.setAttribute('casting', true);
-
       getRequiredElement('cast-name').textContent =
           this.currentCast_.friendlyName;
 
       videoPlayerElement.setAttribute('castable', true);
 
       videoElementInitializePromise = media.isAvailableForCast()
           .then(function(result) {
             if (!result)
               return Promise.reject('No casts are available.');
 
             return new Promise(function(fulfill, reject) {
-              chrome.cast.requestSession(
-                  fulfill, reject, undefined, this.currentCast_.label);
+              if (this.currentSession_) {
+                fulfill(this.currentSession_);
+              } else {
+                chrome.cast.requestSession(
+                    fulfill, reject, undefined, this.currentCast_.label);
+              }
             }.bind(this)).then(function(session) {
+              videoPlayerElement.setAttribute('casting', true);
               session.addUpdateListener(this.onCastSessionUpdateBound_);
 
               this.currentSession_ = session;
               this.videoElement_ = new CastVideoElement(media, session);
             }.bind(this));
           }.bind(this));
     } else {
       metrics.recordPlayType(metrics.PLAY_TYPE.LOCAL);
       videoPlayerElement.removeAttribute('casting');
 
@@ skipping 108 matching lines @@
       // If the element has dispose method, call it (CastVideoElement has it).
       if (this.videoElement_.dispose)
         this.videoElement_.dispose();
       // Detach the previous video element, if exists.
       if (this.videoElement_.parentNode)
         this.videoElement_.parentNode.removeChild(this.videoElement_);
     }
     this.videoElement_ = null;
 
     if (!opt_keepSession && this.currentSession_) {
-      this.currentSession_.stop(callback, callback);
+      // We should not request stop() if the current session is not connected to
+      // the receiver.
+      if (this.currentSession_.status === chrome.cast.SessionStatus.CONNECTED)
+        this.currentSession_.stop(callback, callback);
+      else
+        setTimeout(callback);
       this.currentSession_.removeUpdateListener(this.onCastSessionUpdateBound_);
       this.currentSession_ = null;
     } else {
       callback();
     }
   }.wrap(this));
 };
 
 /**
  * Called when the first video is ready after starting to load.
@@ skipping 129 matching lines @@
     item.castLabel = casts[i].label;
     item.addEventListener('activate',
                           this.onCastSelected_.wrap(this, casts[i]));
     menu.appendChild(item);
   }
   this.updateCheckOnCastMenu_();
   videoPlayerElement.setAttribute('cast-available', true);
 };
 
 /**
+ * Tells the availability of cast receivers to VideoPlayeru topdate the
+ * visibility of the cast button..
+ * @param {boolean} available Whether at least one cast receiver is available.
+ */
+VideoPlayer.prototype.setCastAvailability = function(available) {
+  var videoPlayerElement = getRequiredElement('video-player');
+  if (available) {
+    videoPlayerElement.setAttribute('mr-cast-available', true);
+  } else {
+    videoPlayerElement.removeAttribute('mr-cast-available');
+    if (this.currentCast_)
+      this.onCurrentCastDisappear_();
+  }
+};
+
+/**
+ * Handles click event on cast button to request a session.
+ * @private
+ */
+VideoPlayer.prototype.onCastButtonClicked_ = function() {
+  // This method is called only when Media Router is enabled.
+  // In this case, requestSession() will open a built-in dialog (not a dropdown
+  // menu) to choose the receiver, and callback is called with the session
+  // object after user's operation..
+  chrome.cast.requestSession(
+      function(session) {
+        this.unloadVideo(true);
+        this.loadQueue_.run(function(callback) {
+          this.currentCast_ = {
+            label: session.receiver.label,
+            friendlyName: session.receiver.friendlyName
+          };
+          this.currentSession_ = session;
+          this.reloadCurrentVideo();
+          callback();
+        }.bind(this));
+      }.bind(this),
+      function(error) {
+        if (error.code !== chrome.cast.ErrorCode.CANCEL)
+          console.error('requestSession from cast button failed', error);
+      });
+};
+
+/**
  * Updates the check status of the cast menu items.
  * @private
  */
 VideoPlayer.prototype.updateCheckOnCastMenu_ = function() {
   var menuItems = getRequiredElement('cast-menu').menuItems;
   for (var i = 0; i < menuItems.length; i++) {
     var item = menuItems[i];
     if (this.currentCast_ === null) {
       // Playing on this computer.
       if (item.castLabel === '')
@@ skipping 23 matching lines @@
   this.controls.showErrorMessage('VIDEO_PLAYER_PLAYBACK_ERROR');
   this.unloadVideo();
 };
 
 /**
  * This method should be called when the session is updated.
  * @param {boolean} alive Whether the session is alive or not.
  * @private
  */
 VideoPlayer.prototype.onCastSessionUpdate_ = function(alive) {
-  if (!alive)
+  if (!alive) {
+    var videoPlayerElement = getRequiredElement('video-player');
+    videoPlayerElement.removeAttribute('casting');
+
+    // Loads the current video in local player.
     this.unloadVideo();
+    this.loadQueue_.run(function(callback) {
+      this.currentCast_ = null;
+      if (!chrome.cast.usingPresentationApi)
+        this.updateCheckOnCastMenu_();
+      this.reloadCurrentVideo();
+      callback();
+    }.wrap(this));
+  }
 };
 
 /**
  * Updates the MouseInactivityWatcher's disable property to prevent control
  * panel from being hidden in some situations.
  * @private
  */
 VideoPlayer.prototype.updateInactivityWatcherState_ = function() {
   var videoPlayerElement = getRequiredElement('video-player');
   // If any of following condition is met, we don't hide the tool bar.
@@ skipping 34 matching lines @@
   return new Promise(function(fulfill, reject) {
     util.URLsToEntries(window.appState.items, function(entries) {
       metrics.recordOpenVideoPlayerAction();
       metrics.recordNumberOfOpenedFiles(entries.length);
 
       player.prepare(entries);
       player.playFirstVideo(player, fulfill);
     }.wrap());
   }.wrap());
 }.wrap());