Generate shape when the sound is ready

voicegardens/static/voicegardens.js

@@ -554,10 +554,12 @@ function draw() {
   if (newSoundJustRecorded === true) {
     // build a new copy of the recording to store on the shape object
     let soundBlob = recording.getBlob();
-    let recordedSound = new p5.SoundFile(new p5.File(soundBlob));
+    let data = new p5.File(soundBlob);
+    let recordedSound = new p5.SoundFile(data, function() {
       let newShape = new GeneratedShape(recordedSound, amplitude, duration);
       shapes.push(newShape);
       newSoundJustRecorded = false;
+    });
   }
 
   for (let i = 0; i < shapes.length; i++) {