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">
   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 </head>
  14
  15 <body>
  16   <textarea id="clipboard-textarea" class="hiddenClipboard"></textarea>
  17   <div id="container">
  18     <div id="list-wrapper">
  19       <div id="player-list-wrapper">
  20         <h2>Players</h2>
  21         <ul id="player-list"></ul>
  22       </div>
  23       <div id="audio-component-list-wrapper">
  24         <h2>Input Controllers</h2>
  25         <ul id="audio-input-controller-list"></ul>
  26       </div>
  27       <div id="audio-component-list-wrapper">
  28         <h2>Output Controllers</h2>
  29         <ul id="audio-output-controller-list"></ul>
  30       </div>
  31       <div id="audio-component-list-wrapper">
  32         <h2>Output Streams</h2>
  33         <ul id="audio-output-stream-list"></ul>
  34       </div>
  35     </div>
  36     <div id="property-wrapper">
  37       <h2>
  38         <span id="property-name"></span> Properties
  39         <button id="copy-button">copy to clipboard</button>
  40       </h2>
  41       <table id="property-table">
  42         <thead>
  43           <tr>
  44             <th>Property</th>
  45             <th>Value</th>
  46           </tr>
  47         </thead>
  48         <tbody></tbody>
  49       </table>
  50       <ul id="graphs"></ul>
  51     </div>
  52     <div id="log-wrapper">
  53       <h2>
  54         Log <input id="filter-text" type="text">
  55       </h2>
  56       <table id="log">
  57         <thead>
  58           <tr>
  59             <th class="timestamp">Timestamp</th>
  60             <th>Property</th>
  61             <th>Value</th>
  62           </tr>
  63         </thead>
  64         <tbody></tbody>
  65       </table>
  66     </div>
  67   </div>
  68   <script src="media_internals.js"></script>
  69 </body>
  70 </html>