Add a Record button to the web-app if the host supports video recording.

remoting/webapp/client_session.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.
 
 /**
  * @fileoverview
  * Class handling creation and teardown of a remoting client session.
  *
  * The ClientSession class controls lifetime of the client plugin
  * object and provides the plugin with the functionality it needs to
@@ skipping 144 matching lines @@
     img.style.left = event.x + 'px';
   };
 
   /** @type {HTMLElement} @private */
   this.resizeToClientButton_ =
       document.getElementById('screen-resize-to-client');
   /** @type {HTMLElement} @private */
   this.shrinkToFitButton_ = document.getElementById('screen-shrink-to-fit');
   /** @type {HTMLElement} @private */
   this.fullScreenButton_ = document.getElementById('toggle-full-screen');
+  /** @type {HTMLElement} @private */
+  this.recordingButton_ = document.getElementById('start-stop-recording');
 
   /** @type {remoting.GnubbyAuthHandler} @private */
   this.gnubbyAuthHandler_ = null;
 
+  /** @type {remoting.VideoFrameRecorder} @private */
+  this.videoFrameRecorder_ = null;
+
   if (this.mode_ == remoting.ClientSession.Mode.IT2ME) {
     // Resize-to-client is not supported for IT2Me hosts.
     this.resizeToClientButton_.hidden = true;
   } else {
     this.resizeToClientButton_.hidden = false;
   }
 
   this.fullScreenButton_.addEventListener(
       'click', this.callToggleFullScreen_, false);
+
   this.defineEvents(Object.keys(remoting.ClientSession.Events));
 };
 
 base.extend(remoting.ClientSession, base.EventSource);
 
 /** @enum {string} */
 remoting.ClientSession.Events = {
   stateChanged: 'stateChanged',
   videoChannelStateChanged: 'videoChannelStateChanged',
   bumpScrollStarted: 'bumpScrollStarted',
@@ skipping 885 matching lines @@
   }
 
   this.capabilities_ = capabilities;
   if (this.hasCapability_(
       remoting.ClientSession.Capability.SEND_INITIAL_RESOLUTION)) {
     var clientArea = this.getClientArea_();
     this.plugin_.notifyClientResolution(clientArea.width,
                                         clientArea.height,
                                         window.devicePixelRatio);
   }
+  if (this.hasCapability_(
+      remoting.ClientSession.Capability.VIDEO_RECORDER)) {
+    this.videoFrameRecorder_ = new remoting.VideoFrameRecorder();

[kelvinp, 2014/08/15 23:37:31]

This change looks pretty cool. Are we shipping this as a feature or are we just
adding debugging functionality.  If it is the later, we should probably hide it
under a flag or only trigger the feature on shortcuts, etc.

[Sergey Ulanov, 2014/08/16 00:16:58]

This feature is disabled in the host by default and with this change the client
only shows it when it's enabled on the host.

+    this.recordingButton_.hidden = false;
+    this.recordingButton_.addEventListener(
+        'click', this.videoFrameRecorder_.startStopRecording.bind(this), false);
+  }
 };
 
 /**
  * @private
  * @param {remoting.ClientSession.State} newState The new state for the session.
  * @return {void} Nothing.
  */
 remoting.ClientSession.prototype.setState_ = function(newState) {
   var oldState = this.state_;
   this.state_ = newState;
@@ skipping 478 matching lines @@
  * @return {{top: number, left:number}} The top-left corner of the plugin.
  */
 remoting.ClientSession.prototype.getPluginPositionForTesting = function() {
   var plugin = this.plugin_.element();
   var style = plugin.style;
   return {
     top: parseFloat(style.marginTop),
     left: parseFloat(style.marginLeft)
   };
 };
+
+/**
+ *
+ */
+remoting.ClientSession.prototype.handleExtensionMessage =
+    function(type, data) {
+  if (this.videoFrameRecorder_) {
+    return this.videoFrameRecorder_.handleMessage(type, data);
+  }
+  return false;
+}