stage.html

<div class="stage-head"><h2 data-stage="title">The stage</h2><span data-stage="voice"></span></div>
<div class="stage-message" data-stage="message" role="status" aria-live="polite" hidden></div>
<canvas class="stage-viz" data-stage="viz" aria-label="Live audio waveform"></canvas>
<div class="stage-metrics" data-stage="metrics">Your performance will appear here.</div>
<div class="stage-tools">
  <audio data-stage="audio" controls preload="auto" hidden aria-label="Replay the take"></audio>
  <button type="button" class="stage-btn ghost" data-stage="download" disabled>Download</button>
  <button type="button" class="stage-btn ghost" data-stage="keep" disabled title="Use this take as a clone reference">Keep this voice</button>
</div>
@children
<div class="stage-slate" data-stage="slate" aria-label="Take history"></div>