diff --git a/packages/core/examples/repl.html b/packages/core/examples/repl.html
index ae39cf0d..cc8dd2f5 100644
--- a/packages/core/examples/repl.html
+++ b/packages/core/examples/repl.html
@@ -69,8 +69,8 @@ Loading...</textarea
   };
   evaluate();
   input.addEventListener('input', () => evaluate());
-  document.getElementById('start').addEventListener('click', () => {
-    ctx.resume();
+  document.getElementById('start').addEventListener('click', async () => {
+    await ctx.resume();
     scheduler.start();
   });
   document.getElementById('stop').addEventListener('click', () => scheduler.stop());
diff --git a/repl/src/App.jsx b/repl/src/App.jsx
index fd464d2b..e04e8b18 100644
--- a/repl/src/App.jsx
+++ b/repl/src/App.jsx
@@ -183,8 +183,8 @@ function App() {
           </div>
           <div className="flex">
             <button
-              onClick={() => {
-                getAudioContext().resume(); // fixes no sound in ios webkit
+              onClick={async () => {
+                await getAudioContext().resume(); // fixes no sound in ios webkit
                 togglePlay();
               }}
               className={cx('hover:bg-gray-300', !isEmbedded ? 'p-2' : 'px-2')}