<html>
<head>
<script src=webaudio-bench.js></script>
<script src=benchmarks.js></script>
<meta charset="utf-8">
<style>
  html {
    font-family: helvetica, arial;
  }
  table {
    margin: 1em;
    border-collapse: collapse;
  }
  thead {
    background-color: #aaaaaa;
  }
  tr:nth-child(even) {
    background-color: #eeeeee;
  }
  td {
    border: 1px solid black;
    text-align: center;
  }
  #controls {
    display: none;
  }
  #in-progress {
    display: none;
  }
</style>
</head>
<body>
<div id=loading>
Loading assets
<progress></progress>
</div>
<div id=controls>
  <button id=run-all>Run all</button>
  <div id=in-progress>
    <progress id=progress-bar> </progress>
    Benchmark in progress...
  </div>
</div>
<div id=results>
</div>
</body>
</html>
