feat: notification

Author: zeevenn

example/android/app/src/main/AndroidManifest.xml

@@ -6,6 +6,9 @@
     <!-- Android 12 and below traditional storage permission -->
     <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
 
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
+    <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
+
     <application
       android:name=".MainApplication"
       android:label="@string/app_name"

example/src/App.tsx

@@ -3,9 +3,11 @@ import { SafeAreaProvider } from 'react-native-safe-area-context';
 import Navigation from './navigation';
 import { PlayerProvider } from './contexts/PlayerContext';
 import { useSetupAudioPro } from './hooks/useSetupAudio';
+import { useNotificationPermission } from './hooks/useNotificationPermission';
 
 function AppContent() {
   useSetupAudioPro();
+  useNotificationPermission();
 
   return (
     <>

example/src/hooks/useNotificationPermission.ts

@@ -0,0 +1,31 @@
+import { useEffect } from 'react';
+import { Platform, PermissionsAndroid } from 'react-native';
+
+export function useNotificationPermission() {
+  useEffect(() => {
+    const requestNotificationPermission = async () => {
+      if (Platform.OS === 'android') {
+        try {
+          if (Platform.Version >= 33) {
+            const granted = await PermissionsAndroid.request(
+              PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS,
+              {
+                title: 'Notification Permission',
+                message:
+                  'Need notification permission to show music playback control',
+                buttonNeutral: 'Ask later',
+                buttonNegative: 'Cancel',
+                buttonPositive: 'OK',
+              }
+            );
+            console.log('Notification permission status:', granted);
+          }
+        } catch (err) {
+          console.warn('Request notification permission failed:', err);
+        }
+      }
+    };
+
+    requestNotificationPermission();
+  }, []);
+}

example/src/hooks/useSetupAudio.ts

@@ -24,33 +24,17 @@ export function setupAudioPro(): void {
     switch (event.type) {
       case AudioProEventType.TRACK_ENDED:
         // Auto-play next track when current track ends
-        const currentTrack = AudioPro.getPlayingTrack();
-        if (currentTrack) {
-          const currentIndex = playList.findIndex(
-            (track) => track.id === currentTrack.id
-          );
-          const nextIndex = (currentIndex + 1) % playList.length;
-          const nextTrack = playList[nextIndex];
-          if (nextTrack) {
-            AudioPro.play(nextTrack);
-          }
-        }
+        playNextOrPrev(true);
         break;
 
       case AudioProEventType.REMOTE_NEXT:
         // Handle next button press from lock screen/notification
-        const nextTrack = AudioPro.getPlayingTrack();
-        if (nextTrack) {
-          AudioPro.play(nextTrack);
-        }
+        playNextOrPrev(true);
         break;
 
       case AudioProEventType.REMOTE_PREV:
         // Handle previous button press from lock screen/notification
-        const prevTrack = AudioPro.getPlayingTrack();
-        if (prevTrack) {
-          AudioPro.play(prevTrack);
-        }
+        playNextOrPrev(false);
         break;
 
       case AudioProEventType.PLAYBACK_ERROR:
@@ -60,6 +44,22 @@ export function setupAudioPro(): void {
   });
 }
 
+function playNextOrPrev(isNext: boolean): void {
+  const currentTrack = AudioPro.getPlayingTrack();
+  if (currentTrack) {
+    const currentIndex = playList.findIndex(
+      (track) => track.id === currentTrack.id
+    );
+    const nextIndex = isNext
+      ? (currentIndex + 1) % playList.length
+      : (currentIndex - 1 + playList.length) % playList.length;
+    const nextTrack = playList[nextIndex];
+    if (nextTrack) {
+      AudioPro.play(nextTrack);
+    }
+  }
+}
+
 // setup audio pro inside react native lifecycle
 export function useSetupAudioPro(): void {
   const { playlist } = usePlayer();