webrtc-internals: show ice candidate type

content/browser/resources/media/peer_connection_update_table.js

 // Copyright (c) 2013 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.
 
 
 /**
  * The data of a peer connection update.
  * @param {number} pid The id of the renderer.
  * @param {number} lid The id of the peer conneciton inside a renderer.
  * @param {string} type The type of the update.
@@ skipping 81 matching lines @@
         iceConnectionStateChange: 'iceconnectionstatechange',
         onIceCandidate: 'icecandidate',
         stop: 'close'
       }[update.type] || update.type;
 
       if (update.value.length == 0) {
         row.innerHTML += '<td>' + type + '</td>';
         return;
       }
 
+      if (update.type === 'onIceCandidate' ||
+          update.type === 'addIceCandidate') {
+        // extract ICE candidate type from the field following typ.
+        var candidateType = update.value.match(
+          /(?: typ )(host|srflx|relay)/)[1];
+        if (candidateType) {
+          type += ' (' + candidateType + ')';
+        }
+      }
       row.innerHTML += '<td><details><summary>' + type +
           '</summary></details></td>';
 
       var valueContainer = document.createElement('pre');
       var details = row.cells[1].childNodes[0];
       details.appendChild(valueContainer);
 
       var value = update.value;
       // map internal names and values to names and events from the
       // specification. This is a display change which shall not
@@ skipping 50 matching lines @@
         tableContainer.appendChild(tableElement);
         tableElement.innerHTML = '<tr><th>Time</th>' +
             '<th class="update-log-header-event">Event</th></tr>';
       }
       return tableElement;
     }
   };
 
   return PeerConnectionUpdateTable;
 })();