feat: continue music when app is closed

android/app/src/main/AndroidManifest.xml

@@ -2,6 +2,7 @@
   <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
   <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
   <uses-permission android:name="android.permission.CAMERA"/>
+  <uses-permission android:name="android.permission.FOREGROUND_SERVICE"/>
   <uses-permission android:name="android.permission.INTERNET"/>
   <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"/>
   <uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>
@@ -9,6 +10,7 @@
   <uses-permission android:name="android.permission.RECORD_AUDIO"/>
   <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
   <uses-permission android:name="android.permission.VIBRATE"/>
+  <uses-permission android:name="android.permission.WAKE_LOCK"/>
   <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
   <queries>
     <intent>

app.json

@@ -37,6 +37,9 @@
       ],
       "bundleIdentifier": "com.omedis.musicland.ai",
       "infoPlist": {
+        "UIBackgroundModes": [
+          "audio"
+        ],
         "NSMicrophoneUsageDescription": "MusicLand uses the microphone to record your voice and audio so you can create and collaborate on music projects.",
         "UISupportedInterfaceOrientations": [
           "UIInterfaceOrientationPortrait",
@@ -73,7 +76,9 @@
       "permissions": [
         "android.permission.CAMERA",
         "android.permission.MODIFY_AUDIO_SETTINGS",
-        "android.permission.POST_NOTIFICATIONS"
+        "android.permission.POST_NOTIFICATIONS",
+        "android.permission.WAKE_LOCK",
+        "android.permission.FOREGROUND_SERVICE"
       ]
     },
     "web": {

package.json

@@ -55,7 +55,6 @@
     "expo-linear-gradient": "~14.0.2",
     "expo-linking": "~7.0.5",
     "expo-location": "~18.0.10",
-    "expo-minuit-shake-report": "^0.1.1",
     "expo-notifications": "~0.29.14",
     "expo-sharing": "~13.0.1",
     "expo-speech": "~13.0.1",

src/providers/PlayerProvider.js

@@ -1,4 +1,8 @@
-import { useAudioPlayer, useAudioPlayerStatus } from "expo-audio";
+import {
+  setAudioModeAsync,
+  useAudioPlayer,
+  useAudioPlayerStatus,
+} from "expo-audio";
 import React, {
   createContext,
   useCallback,
@@ -63,8 +67,8 @@ const HIDDEN_ROUTE_NAMES = new Set([
   Routes.Register,
 ]);
 
-const noopAsync = async () => {};
+const noopAsync = async () => { };
-const noop = () => {};
+const noop = () => { };
 
 const DEFAULT_CONTEXT = {
   currentTrack: null,
@@ -374,6 +378,18 @@ const PlayerProvider = ({ children }) => {
     return Platform.OS === "web" ? ms : ms / 1000;
   }, []);
 
+  useEffect(() => {
+    setAudioModeAsync({
+      playsInSilentMode: true,
+      shouldPlayInBackground: true,
+      interruptionMode: "doNotMix",
+      allowsRecording: false,
+      shouldRouteThroughEarpiece: false,
+    }).catch((err) =>
+      console.warn("PlayerProvider: impossible de configurer le mode audio", err)
+    );
+  }, []);
+
   useEffect(() => {
     if (!status) return;
 
@@ -450,7 +466,7 @@ const PlayerProvider = ({ children }) => {
     if (!player) return;
     try {
       player.loop = !!isLooping;
-    } catch (_err) {}
+    } catch (_err) { }
   }, [player, isLooping]);
 
   const seekDebounceRef = useRef(null);

src/providers/index.js

@@ -1,11 +1,10 @@
 import React from "react";
-import { ShakeReportProvider } from "expo-minuit-shake-report";
 import SharedProviders from "./SharedProviders";
 
 export default ({ children }) => {
   return (
-    <ShakeReportProvider projectID="musicland" defaultEmail="user@email.com">
+    // <ShakeReportProvider projectID="musicland" defaultEmail="user@email.com">
     <SharedProviders>{children}</SharedProviders>
-    </ShakeReportProvider>
+    // </ShakeReportProvider>
   );
 };