fix: issue with playing audio multiple times after recording (#3251)

Author: khushal87

package/expo-package/src/optionalDependencies/Audio.ts

@@ -235,7 +235,6 @@ class ExpoAudioRecordingAdapter {
     clearInterval(this.recordingStateInterval);
     await this.recording.stop();
     this.uri = this.recording.uri;
-    this.recording.release();
   };
 
   getURI = () => this.uri;

package/expo-package/src/optionalDependencies/Sound.ts

@@ -69,7 +69,9 @@ class ExpoAudioSoundAdapter {
     initialStatus,
     onPlaybackStatusUpdate: (playbackStatus: PlaybackStatus) => void,
   ) {
-    this.player = expoCreateSoundPlayer?.(source, initialStatus.progressUpdateIntervalMillis);
+    this.player = expoCreateSoundPlayer?.(source, {
+      updateInterval: initialStatus.progressUpdateIntervalMillis,
+    });
     this.onPlaybackStatusUpdate = (playbackStatus: ExpoAudioPlaybackStatus) => {
       onPlaybackStatusUpdate(expoAudioToExpoAvStatusAdapter(playbackStatus));
       if (playbackStatus.didJustFinish) {

package/src/components/MessageInput/hooks/useAudioController.tsx

@@ -158,8 +158,9 @@ export const useAudioController = () => {
     }
     // For Expo CLI
     if (soundRef.current?.stopAsync && soundRef.current?.unloadAsync) {
-      await soundRef.current.stopAsync();
+      await soundRef.current?.stopAsync();
       await soundRef.current?.unloadAsync();
+      soundRef.current = null;
     }
   };
 
@@ -247,9 +248,7 @@ export const useAudioController = () => {
     if (recordingStatus === 'recording') {
       await stopVoiceRecording();
     }
-    if (!paused) {
-      await stopVoicePlayer();
-    }
+    await stopVoicePlayer();
     resetState();
     NativeHandlers.triggerHaptic('impactMedium');
   };
@@ -320,7 +319,9 @@ export const useAudioController = () => {
     recordingDuration,
     recordingStatus,
     setMicLocked,
+    startVoicePlayer,
     startVoiceRecording,
+    stopVoicePlayer,
     stopVoiceRecording,
     uploadVoiceRecording,
     waveformData,