Fix MediaSource renderer to limit memory consumption.

remoting/webapp/media_source_renderer.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.
 
 'use strict';
 
 /** @suppress {duplicate} */
 var remoting = remoting || {};
 
 /**
  * @param {HTMLMediaElement} videoTag <video> tag to render to.
  * @constructor
  */
 remoting.MediaSourceRenderer = function(videoTag) {
   /** @type {HTMLMediaElement} */
   this.video_ = videoTag;
 
   /** @type {MediaSource} */
   this.mediaSource_ = null;
 
   /** @type {SourceBuffer} */
   this.sourceBuffer_ = null;
 
   /** @type {!Array.<ArrayBuffer>} Queue of pending buffers that haven't been
-   * processed . */
+   * processed. A null element indicates that the SourceBuffer can be reset
+   * because the following buffer contains a keyframe. */
   this.buffers_ = [];
 }
 
 /**
  * @param {string} format Format of the stream.
  */
 remoting.MediaSourceRenderer.prototype.reset = function(format) {
   // Create a new MediaSource instance.
   this.sourceBuffer_ = null;
   this.mediaSource_ = new MediaSource();
@@ skipping 25 matching lines @@
       'updateend', this.processPendingData_.bind(this));
   this.processPendingData_();
 }
 
 /**
  * @private
  */
 remoting.MediaSourceRenderer.prototype.processPendingData_ = function() {
   if (this.sourceBuffer_) {
     while (this.buffers_.length > 0 && !this.sourceBuffer_.updating) {
-      // TODO(sergeyu): Figure out the way to determine when a frame is rendered
-      // and use it to report performance statistics.
-      this.sourceBuffer_.appendBuffer(
-          /** @type {ArrayBuffer} */(this.buffers_.shift()));
+      var buffer = /** @type {ArrayBuffer} */ this.buffers_.shift();
+      if (buffer == null) {
+        // Remove all data from the SourceBuffer. By default Chrome buffers up
+        // 150MB of data in SourceBuffer. We never need to seek the stream, so
+        // it doesn't make sense to keep any of that data.
+        if (this.sourceBuffer_.buffered.length > 0) {
+          this.sourceBuffer_.remove(
+              this.sourceBuffer_.buffered.start(0),
+              this.sourceBuffer_.buffered.end(
+                  this.sourceBuffer_.buffered.length - 1));
+        }
+      } else {
+        // TODO(sergeyu): Figure out the way to determine when a frame is
+        // rendered and use it to report performance statistics.
+        this.sourceBuffer_.appendBuffer(buffer);
+      }
     }
   }
 }
 
 /**
  * @param {ArrayBuffer} data
+ * @param {boolean} keyframe
  */
-remoting.MediaSourceRenderer.prototype.onIncomingData = function(data) {
+remoting.MediaSourceRenderer.prototype.onIncomingData =
+    function(data, keyframe) {
+  if (keyframe) {
+    // Queue SourceBuffer reset request.
+    this.buffers_.push(null);
+  }
   this.buffers_.push(data);
   this.processPendingData_();
 }