From 04c255d9dbd91d9959715c579917334cdfdfc735 Mon Sep 17 00:00:00 2001
From: Will Greenberg <willg@eff.org>
Date: Tue, 23 Aug 2022 14:48:35 -0700
Subject: [PATCH] Add play/pause button and compressor

---
 index.html  |  1 +
 musicbox.js | 23 ++++++++++++++++++++---
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 502bf92..2944b34 100644
--- a/index.html
+++ b/index.html
@@ -43,4 +43,5 @@ p {
         letters are louder, non-letters are silent.</p>
     </div>
 </div>
+<button id="play">Play/Stop</button>
 </html>
diff --git a/musicbox.js b/musicbox.js
index 216c8eb..501e4e6 100644
--- a/musicbox.js
+++ b/musicbox.js
@@ -8,7 +8,7 @@ async function loadBuffer(ctx, path) {
 function createBufferSource(ctx, buffer) {
     let source = ctx.createBufferSource();
     source.buffer = buffer;
-    source.connect(ctx.destination);
+    source.connect(ctx.compressor);
     return source;
 }
 
@@ -158,6 +158,15 @@ function crossProduct(a, b) {
 window.addEventListener('load', async () => {
     loadHash();
     const ctx = new AudioContext();
+    const compressor = new DynamicsCompressorNode(ctx, {
+        threshold: -50,
+        knee: 40,
+        ratio: 12,
+        attack: 0,
+        release: 0.25,
+    });
+    compressor.connect(ctx.destination);
+    ctx.compressor = compressor;
     const piano = new Piano('CDEFGAB');
     const beats = new Beats();
     await piano.init(ctx);
@@ -166,10 +175,18 @@ window.addEventListener('load', async () => {
     const pianoSequencer = setupSequencer(piano, 'piano');
     const beatsSequencer = setupSequencer(beats, 'beats');
 
+    let stopped = true;
+
+    document.getElementById('play').addEventListener('click', () => {
+        stopped = !stopped;
+    });
+
     const bpm = 240;
     const msPerBeat = (1 / bpm) * 60 * 1000;
     setInterval(() => {
-        pianoSequencer.step();
-        beatsSequencer.step();
+        if (!stopped) {
+            pianoSequencer.step();
+            beatsSequencer.step();
+        }
     }, msPerBeat);
 });