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);
+      if (this.currentSession_.status === chrome.cast.SessionStatus.CONNECTED)

[fukino, 2016/05/18 05:02:21]

bug fix: We should not request stop() if the current session is not connected to
receiver.

[yoshiki, 2016/05/19 07:23:37]

nit: Please add a comment for that.

[fukino, 2016/05/19 08:11:06]

Done.

+        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..

[yoshiki, 2016/05/19 07:23:37]

nit: JSdoc for the argument.

[fukino, 2016/05/19 08:11:06]

Done.

+ */
+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.

[fukino, 2016/05/18 05:02:21]

bug fix: we need to switch to local player even when the cast session is
terminated without any user operation in video player. (e.g. terminated by other
apps which tries to use the receiver).

     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());