Show connection type in web-app.

remoting/webapp/connection_stats.js

Index: remoting/webapp/connection_stats.js
diff --git a/remoting/webapp/connection_stats.js b/remoting/webapp/connection_stats.js
index b9c77bf416d351de3168a020eb64ac4f06945e43..7f8cd033814a63d90148b309c9d478e3957acec8 100644
--- a/remoting/webapp/connection_stats.js
+++ b/remoting/webapp/connection_stats.js
@@ -63,7 +63,7 @@ remoting.ConnectionStats.prototype.update = function(stats) {
   }
 
   var statistics = document.getElementById('statistics');
-  this.statsElement.innerText = (
+  var statsString = (
       'Bandwidth: ' + formatStatNumber(videoBandwidth, units) +
       ', Frame Rate: ' + formatStatNumber(stats.videoFrameRate, 'fps') +
       ', Capture: ' + formatStatNumber(stats.captureLatency, 'ms') +
@@ -71,6 +71,23 @@ remoting.ConnectionStats.prototype.update = function(stats) {
       ', Decode: ' + formatStatNumber(stats.decodeLatency, 'ms') +
       ', Render: ' + formatStatNumber(stats.renderLatency, 'ms') +
       ', Latency: ' + formatStatNumber(stats.roundtripLatency, 'ms'));
+  var channelType = '';
+  var allChannelTypesMatch = true;
+  var channelTypesString = '';
+  for (var channel in stats.channelTypes) {
+    if (channelType == '') {
+      channelType = stats.channelTypes[channel];
+    } else if (stats.channelTypes[channel] != channelType) {
+      allChannelTypesMatch = false;
+    }
+    channelTypesString += ', ' + channel + ': ' + stats.channelTypes[channel];
+  }
+  if (allChannelTypesMatch) {
+    statsString += ', connection: ' + channelType;
+  } else {
+    statsString += channelTypesString;
+  }
+  this.statsElement.innerText = statsString;
 };
 
 /**