(Gsoc'21)💚 minor improvements in soundRecorder example

Author: satyasaibhushan

examples/record/sketch.js

@@ -2,9 +2,10 @@
 // We need p5.AudioIn (mic / sound source), p5.SoundRecorder
 // (records the sound), and a p5.SoundFile (play back).
 
-var mic, recorder, soundFile;
+let mic, recorder, soundFile;
+
+let state = 0; // mousePress will increment from state = 0 (Record), to 1(Stop), to 2(Play)
 
-var state = 0; // mousePress will increment from Record, to Stop, to Play
 
 function setup() {
   createCanvas(400, 400);
@@ -26,10 +27,11 @@ function setup() {
 }
 
 function mousePressed() {
+  userStartAudio();
   // use the '.enabled' boolean to make sure user enabled the mic (otherwise we'd record silence)
   if (state === 0) {
     // users must manually enable their browser microphone for recording to work properly!
-    mic.start(function() {
+    mic.start(function () {
       // Tell recorder to record to a p5.SoundFile which we will use for playback
       recorder.record(soundFile);
 
@@ -46,4 +48,4 @@ function mousePressed() {
   } else if (state === 2) {
     soundFile.play(); // play the result!
   }
-}
+}

src/soundRecorder.js

@@ -20,6 +20,7 @@ const ac = p5sound.audiocontext;
  *  @example
  *  <div><code>
  *  let mic, recorder, soundFile;
+ *  // mousePress will increment from state = 0 (Record), to 1(Stop), to 2(Play)
  *  let state = 0;
  *
  *  function setup() {
@@ -76,7 +77,6 @@ const ac = p5sound.audiocontext;
  *    else if (state === 2) {
  *      soundFile.play(); // play the result!
  *      save(soundFile, 'mySound.wav');
- *      state++;
  *    }
  *  }
  *  </div></code>