Update sketch.js

added a play button, was not working without because of iOS autoplay policies

Author: kamdoescode

sketch.js

@@ -4,13 +4,6 @@ let fft;
 let volhistory = [];
 let w;
 
-function toggleSong() {
-  if (song.isPlaying()) {
-    song.pause();
-  } else {
-    song.play();
-  }
-}
 
 function preload() {
   song = loadSound("AlesisLive.mp3");
@@ -19,13 +12,15 @@ function preload() {
 function setup() {
   createCanvas(windowWidth, windowHeight);
   colorMode(HSB);
-  song.play();
-  button = createButton("pause");
-  button.mousePressed(toggleSong);
   fft = new p5.FFT(0.9, 128);
   w = width/64
 }
 
+function loaded() {
+  button = createButton('play');
+  button.mousePressed(togglePlaying);
+}
+
 function draw() {
   background(0);
   let spectrum = fft.analyze();
@@ -39,3 +34,14 @@ function draw() {
   console.log(spectrum);
 
 }
+
+function togglePlaying() {
+  if (!song.isPlaying()) {
+    song.play();
+    song.setVolume(0.3);
+    button.html('pause');
+  } else {
+    song.stop();
+    button.html('play');
+  }
+}