web-audio-peak-meter/examples/variations.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>

<p>Player One</p>
<audio id="audio-one" preload="metadata" crossorigin="anonymous" controls="controls">
  <source src="https://assets.rpy.xyz/testmedia/semper_fidelis.mp3" type="audio/mpeg" />
</audio>
<p>Default options</p>
<div id="meter-one-a" style="height: 80px"></div>
<p>Peak Clear duration</p>
<div id="meter-one-b" style="height: 80px"></div>

<p>Player Two</p>
<audio id="audio-two" preload="metadata" crossorigin="anonymous" controls="controls">
  <source src="https://assets.rpy.xyz/testmedia/marines_hymn.mp3" type="audio/mpeg" />
</audio>
<p>Vertical set to true</p>
<div id="meter-two-a" style="height: 300px; width: 80px;"></div>