Added button to start audio

Needed due to audio context requiring interaction before browser will let audio pass
quaternionmedia · Dec 30, 2024 · 6633d53 · 6633d53
1 parent d8ff7f7
commit 6633d53
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/sketch.js b/src/sketch.js
@@ -15,8 +15,11 @@ function setup() {
     createCanvas(windowWidth, windowHeight);
     fft = new p5.FFT();
     mic = new p5.AudioIn();
-    mic.start()
-    mic.connect(fft);
+
+    // Create a button and attach an event listener
+    let startButton = createButton('Start Audio');
+    startButton.position(10, 10);
+    startButton.mousePressed(startAudio);
 
     textAlign(CENTER);
 
@@ -107,6 +110,11 @@ function setup() {
 
 }
 
+function startAudio() {
+    mic.start();
+    mic.connect(fft);
+}
+
 function draw() {
     background(0);