Index: content/browser/resources/media/new/media_internals.html |
diff --git a/content/browser/resources/media/new/media_internals.html b/content/browser/resources/media/new/media_internals.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8c7a2a810f4c8f5c706f1c006d293f841a3c8a5f |
--- /dev/null |
+++ b/content/browser/resources/media/new/media_internals.html |
@@ -0,0 +1,133 @@ |
+<!-- |
+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. |
+--> |
+ |
+<html> |
+<head> |
+ <title> Media Internals </title> |
+ <link rel="stylesheet" type="text/css" href="media_internals.css"> |
+ <style media="print"> |
+ @media print { |
+ #player-list { |
+ display: none; |
+ } |
+ |
+ #player-details { |
+ margin-left: 0px; |
+ border: none; |
+ } |
+ |
+ div.collapse.closed>.collapse-content { |
+ display: block; |
+ } |
+ |
+ h1, h2, div, .collapse-content { |
+ border: none; |
+ } |
+ |
+ label, input { |
+ display: none; |
+ } |
+ |
+ h1 { |
+ display: none; |
+ } |
+ |
+ div#log-wrapper .collapse-content { |
+ max-height: none; |
+ } |
+ |
+ div.collapse>.collapse-content { |
+ border: none; |
+ padding: 0px; |
+ } |
+ } |
+ </style> |
+</head> |
+ |
+<body> |
+ |
+<h1> Media-Internals </h1> |
+ |
+<div class="collapse closed" style="display: none;"> |
+ <h2> System Properties </h2> |
+ |
+ <div class="system-properties collapse-content"> |
+ <table> |
+ <thead> |
+ <tr> |
+ <td> Property Name</td> |
+ <td> Property Value</td> |
+ </tr> |
+ </thead> |
+ <tbody> |
+ <tr> |
+ <td> Key</td> |
+ <td> Value</td> |
+ </tr> |
+ <tr> |
+ <td>Bandwidth</td> |
+ <td> 1.2 G/s</td> |
+ </tr> |
+ <tr> |
+ <td> OOG Support</td> |
+ <td> Enabled</td> |
+ </tr> |
+ <tr> |
+ <td> Number of Streams</td> |
+ <td> 3</td> |
+ </tr> |
+ </tbody> |
+ </table> |
+ </div> |
+</div> |
+<div class="collapse open"> |
+ <h2> Player Information </h2> |
+ |
+ <div class="player-properties collapse-content"> |
+ <div id="player-list"> |
+ <h3> Streams </h3> |
+ <label><input id="removal-checkbox" type="checkbox" />Remove dead players</label> |
+ |
+ <div id="stream"></div> |
+ </div> |
+ <div id="player-details"> |
+ <h3> Player Name </h3> |
+ |
+ <div id="player-info-wrapper"> |
+ <div id="properties"> |
+ </div> |
+ <div id="graph-wrapper"> |
+ <div class="collapse closed"> |
+ <h2> Grahps </h2> |
+ |
+ <div class="collapse-content"> |
+ <div id="graph"> |
+ |
+ </div> |
+ </div> |
+ </div> |
+ </div> |
+ <div id="log-wrapper"> |
+ <div class="collapse closed"> |
+ <h2> Log </h2> |
+ |
+ <div class="collapse-content"> |
+ <label for="filter-input"> Filter </label> |
+ <input id="filter-input" type="text"/> |
+ |
+ <div id="log"> |
+ </div> |
+ </div> |
+ </div> |
+ </div> |
+ </div> |
+ </div> |
+ <div style="clear: both;"></div> |
+ </div> |
+</div> |
+<script src="media_internals.js" language="javascript" type="text/javascript"></script> |
+</body> |
+</html> |