web-audio-peak-meter/examples/osc.html

A customizable peak meter using the web audio API

<p>The web audio API context is <span id="ctx-status">loading</span>. <button id="ctx-button">Loading</button></p>
<div>
  <input type="range" id="gain" name="gain" min="0" max="1" value="0" step="0.05">
  <label for="gain">Gain</label>
</div>
<div id="peak-meter-1" style="height: 60px; margin-bottom: 20px;"></div>
<div>
  <input type="range" id="panning" name="panning" min="-1" max="1" value="0" step="0.1">
  <label for="panning">Pan</label>
</div>
<div id="peak-meter-2" style="height: 60px;"></div>