src/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 id="video-capture-capabilities-wrapper">
  68       <h2>Video Capture Device Capabilities</h2>
  69       <button id="video-capture-capabilities-copy-button">
  70         Copy to clipboard</button>
  71       <table id="video-capture-capabilities-table">
  72         <thead>
  73           <tr>
  74             <th>Device Name</th>
  75             <th>Formats</th>
  76             <th>Capture API</th>
  77             <th>Device ID</th>
  78           </tr>
  79         </thead>
  80         <tbody id="video-capture-capabilities-tbody">
  81
  82         <tbody>
  83       </table>
  84     </div>
  85   </div>
  86   <script src="media_internals.js"></script>
  87 </body>
  88 </html>