content/browser/resources/media/media_internals.html

   1 <!--
   2 Copyright 2013 The Chromium Authors. All rights reserved.
   3 Use of this source code is governed by a BSD-style license that can be
   4 found in the LICENSE file.
   5 -->
   6 <!DOCTYPE html>
   7 <html i18n-values="dir:textdirection;lang:language">
   8 <head>
   9   <meta charset="utf-8">
  10   <title i18n-content="Media Internals"></title>
  11   <link rel="stylesheet" href="media_internals.css">
  12   <script src="chrome://resources/js/cr.js"></script>
  13   <script src="chrome://resources/js/cr/ui.js"></script>
  14   <script src="chrome://resources/js/cr/ui/focus_outline_manager.js"></script>
  15   <script src="chrome://resources/js/util.js"></script>
  16   <script src="chrome://resources/js/cr/ui/tabs.js"></script>
  17   <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
  18   <link rel="stylesheet" href="chrome://resources/css/tabs.css">
  19 </head>
  20
  21 <body>
  22   <tabbox>
  23     <tabs>
  24       <tab>Players</tab>
  25       <tab>Audio</tab>
  26       <tab>Video Capture</tab>
  27     </tabs>
  28     <tabpanels>
  29       <tabpanel id="players">
  30         <div id="list-wrapper">
  31           <div id="player-list-wrapper">
  32             <h2>Players</h2>
  33             <ul id="player-list" class="show-none-if-empty"></ul>
  34           </div>
  35         </div>
  36         <div class="property-wrapper">
  37           <h2>
  38             Player Properties
  39             <button class="copy-button">Copy to clipboard</button>
  40           </h2>
  41           <table id="player-property-table">
  42             <thead>
  43               <tr>
  44                 <th>Property</th>
  45                 <th>Value</th>
  46               </tr>
  47             </thead>
  48             <tbody></tbody>
  49           </table>
  50         </div>
  51         <div id="log-wrapper">
  52           <h2>
  53             Log <input id="filter-text" type="text" placeholder="property filter">
  54           </h2>
  55           <table id="log">
  56             <thead>
  57               <tr>
  58                 <th class="timestamp">Timestamp</th>
  59                 <th>Property</th>
  60                 <th>Value</th>
  61               </tr>
  62             </thead>
  63             <tbody></tbody>
  64           </table>
  65         </div>
  66         <ul id="graphs"></ul>
  67       </tabpanel>
  68       <tabpanel id="audio">
  69         <div id="audio-component-list-wrapper">
  70           <h2>Input Controllers</h2>
  71           <ul id="audio-input-controller-list" class="show-none-if-empty"></ul>
  72         </div>
  73         <div id="audio-component-list-wrapper">
  74           <h2>Output Controllers</h2>
  75           <ul id="audio-output-controller-list" class="show-none-if-empty"></ul>
  76         </div>
  77         <div id="audio-component-list-wrapper">
  78           <h2>Output Streams</h2>
  79           <ul id="audio-output-stream-list" class="show-none-if-empty"></ul>
  80         </div>
  81         <div class="property-wrapper">
  82           <h2>
  83             <span id="audio-property-name"></span> Properties
  84             <button class="copy-button">Copy to clipboard</button>
  85           </h2>
  86           <table id="audio-property-table">
  87             <thead>
  88               <tr>
  89                 <th>Property</th>
  90                 <th>Value</th>
  91               </tr>
  92             </thead>
  93             <tbody></tbody>
  94           </table>
  95         </div>
  96       </tabpanel>
  97       <tabpanel id="video-capture">
  98         <div id="video-capture-capabilities-wrapper">
  99           <h2>
 100             <span>Video Capture Device Capabilities</span>
 101             <button id="video-capture-capabilities-copy-button">
 102               Copy to clipboard
 103             </button>
 104           </h2>
 105           <table id="video-capture-capabilities-table">
 106             <thead>
 107               <tr>
 108                 <th>Device Name</th>
 109                 <th>Formats</th>
 110                 <th>Capture API</th>
 111                 <th>Device ID</th>
 112               </tr>
 113             </thead>
 114             <tbody id="video-capture-capabilities-tbody" class="show-none-if-empty"></tbody>
 115           </table>
 116         </div>
 117       </tabpanel>
 118     </tabpanels>
 119   </tabbox>
 120   <textarea id="clipboard-textarea" class="hiddenClipboard"></textarea>
 121   <script src="media_internals.js"></script>
 122 </body>
 123 </html>