Feat/recording notification

apps/common-app/src/demos/Record/Record.tsx

@@ -1,5 +1,5 @@
 import React, { FC, useCallback, useEffect, useState } from 'react';
-import { AudioManager } from 'react-native-audio-api';
+import { AudioManager, RecordingNotificationManager } from 'react-native-audio-api';
 
 import { Alert, StyleSheet, View } from 'react-native';
 import { Container } from '../../components';
@@ -10,6 +10,7 @@ import RecordingTime from './RecordingTime';
 import RecordingVisualization from './RecordingVisualization';
 import Status from './Status';
 import { RecordingState } from './types';
+import { AudioEventSubscription } from 'react-native-audio-api/lib/typescript/events';
 
 AudioManager.setAudioSessionOptions({
   iosCategory: 'playAndRecord',
@@ -21,6 +22,42 @@ const Record: FC = () => {
   const [state, setState] = useState<RecordingState>(RecordingState.Idle);
   const [hasPermissions, setHasPermissions] = useState<boolean>(false);
 
+  useEffect(() => {
+    const pauseListener = RecordingNotificationManager.addEventListener(
+      'recordingNotificationPause',
+      () => {
+        console.log('Notification pause action received');
+        onPauseRecording();
+      }
+    );
+
+    const resumeListener = RecordingNotificationManager.addEventListener(
+      'recordingNotificationResume',
+      () => {
+        console.log('Notification resume action received');
+        onResumeRecording();
+      }
+    );
+
+    return () => {
+      RecordingNotificationManager.removeEventListener(pauseListener);
+      RecordingNotificationManager.removeEventListener(resumeListener);
+      RecordingNotificationManager.hide();
+    };
+  }, []);
+
+  const setNotification = (paused: boolean) => {
+    RecordingNotificationManager.show({
+      title: 'Recording Demo',
+      contentText: paused ? 'Paused recording' : 'Recording...',
+      paused,
+      smallIconResourceName: 'logo',
+      pauseIconResourceName: 'pause',
+      resumeIconResourceName: 'resume',
+      color: 0xff6200,
+    });
+  };
+
   const onStartRecording = useCallback(async () => {
     if (state !== RecordingState.Idle) {
       return;
@@ -47,6 +84,7 @@ const Record: FC = () => {
     }
 
     const result = Recorder.start();
+    setNotification(false);
 
     if (result.status === 'success') {
       console.log('Recording started, file path:', result.path);
@@ -61,16 +99,19 @@ const Record: FC = () => {
 
   const onPauseRecording = useCallback(() => {
     Recorder.pause();
+    setNotification(true);
     setState(RecordingState.Paused);
   }, []);
 
   const onResumeRecording = useCallback(() => {
     Recorder.resume();
+    setNotification(false);
     setState(RecordingState.Recording);
   }, []);
 
   const onStopRecording = useCallback(() => {
     Recorder.stop();
+    RecordingNotificationManager.hide();
     setState(RecordingState.ReadyToPlay);
   }, []);
 

apps/common-app/src/examples/AudioFile/AudioFile.tsx

@@ -63,7 +63,6 @@ const AudioFile: FC = () => {
 
   const setupNotification = async () => {
     try {
-      await PlaybackNotificationManager.register();
       const duration = AudioPlayer.getDuration();
       await PlaybackNotificationManager.show({
         title: 'Audio file',
@@ -87,7 +86,7 @@ const AudioFile: FC = () => {
     setup();
     return () => {
       AudioPlayer.reset();
-      PlaybackNotificationManager.unregister();
+      PlaybackNotificationManager.hide();
     };
   }, [fetchAudioBuffer]);