Unmute iOS devices on play

stufreen · Aug 2, 2023 · 285d010 · 285d010
1 parent d8a682a
commit 285d010
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "description": "A drum machine and sequencer built with the Web Audio API and React.",
   "main": "dist/index.html",
   "scripts": {
-    "start": "vite",
+    "start": "vite --host",
     "build": "rm -rf dist && vite build",
     "lint": "eslint src",
     "test": "jest",

diff --git a/src/assets/silence.mp3 b/src/assets/silence.mp3
diff --git a/src/common/playbackSession/playbackSession.actions.js b/src/common/playbackSession/playbackSession.actions.js
@@ -1,5 +1,6 @@
 import { PLAYBACK_SESSION_CONSTANTS } from './playbackSession.constants';
 import { getAudioContext } from '../../services/audioContext';
+import { unmute } from '../../services/unmute';
 
 export const startPlayback = () => ({
   type: PLAYBACK_SESSION_CONSTANTS.START_PLAYBACK,
@@ -15,6 +16,7 @@ export const setStartTime = (val) => ({
 });
 
 export const startPlaybackAndResume = () => (dispatch) => {
+  unmute();
   getAudioContext().resume();
   dispatch(startPlayback());
 };
diff --git a/src/services/unmute.js b/src/services/unmute.js
@@ -0,0 +1,7 @@
+import silence from '../assets/silence.mp3';
+
+export const unmute = () => {
+  var el = document.createElement('audio');
+  el.src = silence;
+  el.play();
+};