<!--
Copyright 2013 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.
-->
<!DOCTYPE html>
<html i18n-values="dir:textdirection">
<head>
<meta charset="utf-8">
<title i18n-content="Media Internals"></title>
<link rel="stylesheet" href="media_internals.css">
<script src="chrome://resources/js/cr.js"></script>
</head>
<body>
<textarea id="clipboard-textarea" class="hiddenClipboard"></textarea>
<div id="container">
<div id="list-wrapper">
<div id="player-list-wrapper">
<h2>Players</h2>
<ul id="player-list"></ul>
</div>
<div id="audio-component-list-wrapper">
<h2>Input Controllers</h2>
<ul id="audio-input-controller-list"></ul>
</div>
<div id="audio-component-list-wrapper">
<h2>Output Controllers</h2>
<ul id="audio-output-controller-list"></ul>
</div>
<div id="audio-component-list-wrapper">
<h2>Output Streams</h2>
<ul id="audio-output-stream-list"></ul>
</div>
</div>
<div id="property-wrapper">
<h2>
<span id="property-name"></span> Properties
<button id="copy-button">copy to clipboard</button>
</h2>
<table id="property-table">
<thead>
<tr>
<th>Property</th>
<th>Value</th>
</tr>
</thead>
<tbody></tbody>
</table>
<ul id="graphs"></ul>
</div>
<div id="log-wrapper">
<h2>
Log <input id="filter-text" type="text">
</h2>
<table id="log">
<thead>
<tr>
<th class="timestamp">Timestamp</th>
<th>Property</th>
<th>Value</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
<script src="media_internals.js"></script>
</body>
</html>