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

<audio id="the-audio" preload="metadata" crossorigin="anonymous" controls="controls">
  <source src="https://assets.rpy.xyz/testmedia/semper_fidelis.mp3" type="audio/mpeg" />
</audio>
<div>
  <button id="meter-toggle">Create meter</button>
</div>
<div id="peak-meter" style="height: 80px"></div>