Support volume prop (49) (#953)

Author: sieu-db

example/src/AudioPlayerExample.tsx

@@ -25,6 +25,14 @@ export default function AudioPlayerExample() {
           isLooping
         />
       </Section>
+      <Section style={{}} title="Adjust volume">
+        <AudioPlayer
+          source={require("./assets/loop.wav")}
+          playsInBackground
+          interruptionMode="stop"
+          volume={0.3}
+        />
+      </Section>
       <Section style={{}} title="Custom styling">
         <AudioPlayer
           style={{

packages/core/src/components/MediaPlayer/AudioPlayer/AudioPlayerCommon.ts

@@ -9,6 +9,7 @@ export interface HeadlessAudioPlayerProps extends MediaPlayerProps {
   playsInSilentModeIOS?: boolean;
   playThroughEarpieceAndroid?: boolean;
   isLooping?: boolean;
+  volume?: number;
 }
 
 export interface AudioPlayerInterfaceProps {

packages/core/src/components/MediaPlayer/AudioPlayer/HeadlessAudioPlayer.tsx

@@ -32,6 +32,7 @@ const HeadlessAudioPlayer = React.forwardRef<
       onPlaybackStatusUpdate: onPlaybackStatusUpdateProp,
       onPlaybackFinish,
       isLooping = false,
+      volume = 1.0,
     },
     ref
   ) => {
@@ -47,6 +48,12 @@ const HeadlessAudioPlayer = React.forwardRef<
       }
     }, [currentSound, isLooping]);
 
+    React.useEffect(() => {
+      if (currentSound && typeof currentSound?.setVolumeAsync === "function") {
+        currentSound.setVolumeAsync(volume);
+      }
+    }, [currentSound, volume]);
+
     const updateAudioMode = React.useCallback(async () => {
       try {
         await Audio.setAudioModeAsync({