fix: add unmute for iOS

remvze · Jan 28, 2024 · e422b52 · e422b52
1 parent 1f63534
commit e422b52
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -34,6 +34,7 @@
     "react-dom": "^18.2.0",
     "react-icons": "4.11.0",
     "react-wrap-balancer": "1.1.0",
+    "unmute-ios-audio": "3.3.0",
     "zustand": "4.4.3"
   },
   "devDependencies": {

diff --git a/src/components/app/app.tsx b/src/components/app/app.tsx
@@ -2,6 +2,7 @@ import { useMemo, useEffect } from 'react';
 import { useShallow } from 'zustand/react/shallow';
 import { BiSolidHeart } from 'react-icons/bi/index';
 import { Howler } from 'howler';
+import unmuteAudio from 'unmute-ios-audio';
 
 import { useSoundStore } from '@/store';
 
@@ -53,6 +54,10 @@ export function App() {
     return () => document.removeEventListener('visibilitychange', onChange);
   }, []);
 
+  useEffect(() => {
+    unmuteAudio();
+  }, []);
+
   const allCategories = useMemo(() => {
     const favorites = [];