Removed old media-internals page and rewrote it.

content/browser/resources/media/main/main.js

+/**
+ * A global object that gets used by the C++ interface.
+ */
+var media = (function () {
+    'use strict';
+
+    var manager = new PlayerManager();
+
+    /**
+     * Call to modify or add a system property
+     */
+    function onSystemProperty(timestamp, key, value) {
+        console.log("System properties not yet implemented");
+    }
+
+    /**
+     * Call to modify or add a property on a player
+     */
+    function onPlayerProperty(id, timestamp, key, value) {
+        manager.updatePlayerInfo(id, timestamp, key, value);
+    }
+
+    function onPlayerPropertyNoRecord(id, timestamp, key, value) {
+        manager.updatePlayerInfoNoRecord(id, timestamp, key, value);
+    }
+
+    /**
+     * Call to add a player.
+     */
+    function onPlayerOpen(id, timestamp) {
+        manager.addPlayer(id, timestamp);
+    }
+
+    /**
+     * Call to remove a player.
+     */
+    function onPlayerClose(id) {
+        manager.removePlayer(id);
+    }
+
+    // TODO(toverby): If you get a media event that doesn't have any properties,
+    //                do something with the |type| of the event.
+
+    var media = {};
+    media.onSystemProperty = onSystemProperty;
+    media.onPlayerProperty = onPlayerProperty;
+    media.onPlayerPropertyNoRecord = onPlayerPropertyNoRecord;
+    media.onPlayerOpen = onPlayerOpen;
+    media.onPlayerClose = onPlayerClose;
+
+    // ----------------------------------------------
+    // Everything beyond this point is for backwards
+    // compatibility reasons.  It will go away when
+    // the backend is updated.
+    // ----------------------------------------------
+
+    media.onNetUpdate = function (update) {
+        // TODO(tyoverby): Implement
+    };
+
+    media.onRendererTerminated = function (renderId) {
+        goog.object.forEach(manager.players, function (playerInfo, id) {
+            if (playerInfo.properties['render_id'] == renderId) {
+                media.onPlayerClose(id);
+            }
+        });
+    };
+
+    // For whatever reason, addAudioStream is also called on
+    // the removal of audio streams.
+    media.addAudioStream = function (event) {
+        switch (event.status) {
+            case 'created':
+                media.onPlayerOpen(event.id);
+                // We have to simulate the timestamp since
+                // it isn't provided to us.
+                media.onPlayerProperty(event.id, (new Date()).getTime(),
+                    'playing', event.playing);
+                break;
+            case 'closed':
+                media.onPlayerClose(event.id);
+                break;
+        }
+    };
+    media.onItemDeleted = function () {
+        // This only gets called when an audio stream is removed, which
+        // for whatever reason is also handled by addAudioStream...
+        // Because it is already handled, we can safely ignore it.
+    };
+
+    media.onMediaEvent = function (event) {
+        var source = event.renderer + ':' + event.player;
+
+        // Although this gets called on every event, there
+        // is nothing we can do about this because there is no onOpen event.
+        media.onPlayerOpen(source);
+        media.onPlayerPropertyNoRecord(source, event.ticksMillis, 'render_id',
+            event.renderer);
+        media.onPlayerPropertyNoRecord(source, event.ticksMillis, 'player_id',
+            event.player);
+
+        var propertyCount = 0;
+        goog.object.forEach(event.params, function (value, key) {
+            key = key.trim();
+            if (key === 'buffer_start' || key === 'buffer_end' ||
+                key === 'buffer_current' || key === 'is_downloading_data') {
+                media.onPlayerPropertyNoRecord(source, event.ticksMillis, key,
+                    value);
+            } else {
+                media.onPlayerProperty(source, event.ticksMillis, key, value);
+            }
+            propertyCount += 1;
+        });
+
+        if (propertyCount === 0) {
+            media.onPlayerProperty(source, event.ticksMillis, 'EVENT',
+                event.type);
+        }
+    };
+
+    return media;
+}());