fix: audio for the video muted when the silent mode is on for iOS (#2564)

* fix: audio for the video muted when the silent mode is on for iOS

* fix: audio for the video muted when the silent mode is on for iOS

Author: khushal87

package/expo-package/src/handlers/Video.tsx

@@ -1,16 +1,30 @@
-import { VideoComponent } from '../optionalDependencies';
+import React, { useEffect } from 'react';
+
+import { AudioComponent, VideoComponent } from '../optionalDependencies';
 
 export const Video = VideoComponent
-  ? ({ onPlaybackStatusUpdate, paused, resizeMode, style, uri, videoRef }) => (
-      <VideoComponent
-        onPlaybackStatusUpdate={onPlaybackStatusUpdate}
-        ref={videoRef}
-        resizeMode={resizeMode}
-        shouldPlay={!paused}
-        source={{
-          uri,
-        }}
-        style={[style]}
-      />
-    )
+  ? ({ onPlaybackStatusUpdate, paused, resizeMode, style, uri, videoRef }) => {
+      // This is done so that the audio of the video is not muted when the phone is in silent mode for iOS.
+      useEffect(() => {
+        const initializeSound = async () => {
+          await AudioComponent.setAudioModeAsync({
+            playsInSilentModeIOS: true,
+          });
+        };
+        initializeSound();
+      }, []);
+
+      return (
+        <VideoComponent
+          onPlaybackStatusUpdate={onPlaybackStatusUpdate}
+          ref={videoRef}
+          resizeMode={resizeMode}
+          shouldPlay={!paused}
+          source={{
+            uri,
+          }}
+          style={[style]}
+        />
+      );
+    }
   : null;