Remove MediaStream renderer from the webapp.

remoting/webapp/crd/js/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 33 matching lines @@
  * properly handle mouse lock and delegated large cursors at the same time.
  * This should be re-enabled (by removing this flag) once a version of
  * the plugin that supports both has reached Chrome Stable channel.
  * (crbug.com/429322).
  *
  * @type {boolean}
  */
 remoting.enableMouseLock = false;
 
 /**
- * True to enable MediaSource rendering, if available.
- * The plugin also needs to support MediaSource rendering.
- *
- * TODO(sergeyu): Remove mediaSource renderer from the plugin and
- * everywhere else.
- *
- * @type {boolean}
- */
-remoting.enableMediaSourceRendering = false;
-
-/**
  * @param {remoting.SignalStrategy} signalStrategy Signal strategy.
  * @param {HTMLElement} container Container element for the client view.
  * @param {string} hostDisplayName A human-readable name for the host.
  * @param {string} accessCode The IT2Me access code. Blank for Me2Me.
  * @param {function(boolean, function(string): void): void} fetchPin
  *     Called by Me2Me connections when a PIN needs to be obtained
  *     interactively.
  * @param {function(string, string, string,
  *                  function(string, string): void): void}
  *     fetchThirdPartyToken Called by Me2Me connections when a third party
@@ skipping 101 matching lines @@
    */
   this.logHostOfflineErrors_ = true;
 
   /** @private */
   this.callPluginLostFocus_ = this.pluginLostFocus_.bind(this);
   /** @private */
   this.callPluginGotFocus_ = this.pluginGotFocus_.bind(this);
   /** @private */
   this.callOnFullScreenChanged_ = this.onFullScreenChanged_.bind(this)
 
-  /** @type {HTMLMediaElement} @private */
-  this.video_ = null;
-
   /** @type {Element} @private */
   this.mouseCursorOverlay_ =
       this.container_.querySelector('.mouse-cursor-overlay');
 
   /** @type {Element} */
   var img = this.mouseCursorOverlay_;
   /** @param {Event} event @private */
   this.updateMouseCursorPosition_ = function(event) {
     img.style.top = event.y + 'px';
     img.style.left = event.x + 'px';
@@ skipping 377 matching lines @@
     this.applyRemapKeys_(true);
   }
 
   // TODO(wez): Only allow mouse lock if the app has the pointerLock permission.
   // Enable automatic mouse-lock.
   if (remoting.enableMouseLock &&
       this.plugin_.hasFeature(remoting.ClientPlugin.Feature.ALLOW_MOUSE_LOCK)) {
     this.plugin_.allowMouseLock();
   }
 
-  // MediaSource-based rendering is only supported on Chrome 37 and above.
-  var chromeVersionMajor =
-      parseInt((remoting.getChromeVersion() || '0').split('.')[0], 10);
-  if (chromeVersionMajor >= 37 &&
-      remoting.enableMediaSourceRendering &&
-      this.plugin_.hasFeature(
-          remoting.ClientPlugin.Feature.MEDIA_SOURCE_RENDERING)) {
-    this.video_ = /** @type {HTMLMediaElement} */(
-        this.container_.querySelector('video'));
-    // Make sure that the <video> element is hidden until we get the first
-    // frame.
-    this.video_.style.width = '0px';
-    this.video_.style.height = '0px';
-
-    var renderer = new remoting.MediaSourceRenderer(this.video_);
-    this.plugin_.enableMediaSourceRendering(renderer);
-    this.container_.classList.add('mediasource-rendering');
-  } else {
-    this.container_.classList.remove('mediasource-rendering');
-  }
-
   this.plugin_.setOnOutgoingIqHandler(this.sendIq_.bind(this));
   this.plugin_.setOnDebugMessageHandler(this.onDebugMessage_.bind(this));
 
   this.plugin_.setConnectionStatusUpdateHandler(
       this.onConnectionStatusUpdate_.bind(this));
   this.plugin_.setRouteChangedHandler(this.onRouteChanged_.bind(this));
   this.plugin_.setConnectionReadyHandler(this.onConnectionReady_.bind(this));
   this.plugin_.setDesktopShapeUpdateHandler(
       this.onDesktopShapeChanged_.bind(this));
   this.plugin_.setDesktopSizeUpdateHandler(
@@ skipping 26 matching lines @@
 
   // Leave full-screen mode, and stop listening for related events.
   var listener = this.callOnFullScreenChanged_;
   remoting.fullscreen.activate(
       false,
       function() {
         remoting.fullscreen.removeListener(listener);
       });
   this.updateClientSessionUi_(null);
 
-  // Remove mediasource-rendering class from the container - this will also
-  // hide the <video> element.
-  this.container_.classList.remove('mediasource-rendering');
-
   this.container_.removeEventListener('mousemove',
                                       this.updateMouseCursorPosition_,
                                       true);
 };
 
 /**
  * @param {remoting.ClientSession} clientSession The active session, or null if
  *     there is no connection.
  */
 remoting.ClientSession.prototype.updateClientSessionUi_ = function(
@@ skipping 671 matching lines @@
       }
       if (scale <= scaleFitWidth * 0.65) {
         scale = scaleFitWidth;
       }
     }
   }
 
   var pluginWidth = Math.round(desktopWidth * scale);
   var pluginHeight = Math.round(desktopHeight * scale);
 
-  if (this.video_) {
-    this.video_.style.width = pluginWidth + 'px';
-    this.video_.style.height = pluginHeight + 'px';
-  }
-
   // Resize the plugin if necessary.
   // TODO(wez): Handle high-DPI to high-DPI properly (crbug.com/135089).
   this.plugin_.element().style.width = pluginWidth + 'px';
   this.plugin_.element().style.height = pluginHeight + 'px';
 
   // Position the container.
   // Note that clientWidth/Height take into account scrollbars.
   var clientWidth = document.documentElement.clientWidth;
   var clientHeight = document.documentElement.clientHeight;
   var parentNode = this.plugin_.element().parentNode;
@@ skipping 405 matching lines @@
  * @param {string} data Contents of the extension message.
  * @return {boolean} True if the message was recognized, false otherwise.
  */
 remoting.ClientSession.prototype.handleExtensionMessage =
     function(type, data) {
   if (this.videoFrameRecorder_) {
     return this.videoFrameRecorder_.handleMessage(type, data);
   }
   return false;
 }