[Chromoting] Convert VideoFrameRecorder into a proper protocol extension.

remoting/webapp/crd/js/desktop_remoting.js

Index: remoting/webapp/crd/js/desktop_remoting.js
diff --git a/remoting/webapp/crd/js/desktop_remoting.js b/remoting/webapp/crd/js/desktop_remoting.js
index e9b54c9f3d9181027b3430c49d0a7dfee13f6699..fff445201cc8746e4db6e29bbbef8f7686df7d85 100644
--- a/remoting/webapp/crd/js/desktop_remoting.js
+++ b/remoting/webapp/crd/js/desktop_remoting.js
@@ -194,8 +194,8 @@ remoting.DesktopRemoting.prototype.handleConnected = function(connectionInfo) {
     connectionInfo.plugin().setRemapKeys('0x0700e4>0x0700e7');
   }
 
+  var sessionConnector = remoting.app.getSessionConnector();
   if (connectionInfo.mode() === remoting.DesktopConnectedView.Mode.ME2ME) {
-    var sessionConnector = remoting.app.getSessionConnector();
     if (remoting.app.hasCapability(remoting.ClientSession.Capability.CAST)) {
       sessionConnector.registerProtocolExtension(
           new remoting.CastExtensionHandler());
@@ -203,6 +203,12 @@ remoting.DesktopRemoting.prototype.handleConnected = function(connectionInfo) {
     sessionConnector.registerProtocolExtension(
         new remoting.GnubbyAuthHandler());
   }
+  if (connectionInfo.session().hasCapability(
+          remoting.ClientSession.Capability.VIDEO_RECORDER)) {
+    var recorder = new remoting.VideoFrameRecorder();
+    sessionConnector.registerProtocolExtension(recorder);
+    this.connectedView_.setVideoFrameRecorder(recorder);
+  }
 
   if (remoting.pairingRequested) {
     /**