Fix pause_soundfile example in Safari by calling getAudioContext().re…

…sume() on user interaction before any other audio code
processing · Aug 16, 2019 · 9c5f0ef · 9c5f0ef
1 parent ce48b1b
commit 9c5f0ef
Showing 1 changed file with 24 additions and 4 deletions.
diff --git a/examples/pause_soundfile/sketch.js b/examples/pause_soundfile/sketch.js
@@ -1,6 +1,7 @@
 // ====================
 // DEMO: pause sound when the user presses a key, resume on release
 // ====================
+'use strict';
 
 var soundFile;
 
@@ -14,16 +15,35 @@ function setup() {
   createCanvas(400, 400);
   background(0, 255, 0);
 
-  soundFile.loop();
+  if (getAudioContext().state === 'running') {
+    soundFile.loop();
+  }
+
   createP('Press any key to pause. Resume when the key is released')
 }
 
+function touchStarted() {
+  if (getAudioContext().state !== 'running') {
+    getAudioContext().resume();
+    soundFile.loop();
+  }
+}
+
 function keyTyped() {
-    soundFile.pause();
-    background(255, 0, 0);
+  if (getAudioContext().state !== 'running') {
+    getAudioContext().resume();
+    soundFile.loop();
+  }
+  soundFile.pause();
+  background(255, 0, 0);
 }
 
 function keyReleased() {
+  if (getAudioContext().state !== 'running') {
+    getAudioContext().resume();
+    soundFile.loop();
+  } else {
     soundFile.play();
-    background(0, 255, 0);
+  }
+  background(0, 255, 0);
 }