feat: add muted property to onVolumeChange event (#4633)

example/ios/Podfile.lock

@@ -1565,7 +1565,7 @@ PODS:
     - React-logger (= 0.77.2)
     - React-perflogger (= 0.77.2)
     - React-utils (= 0.77.2)
-  - ReactNativeVideo (7.0.0-alpha.1):
+  - ReactNativeVideo (7.0.0-alpha.2):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1876,7 +1876,7 @@ SPEC CHECKSUMS:
   ReactAppDependencyProvider: f334cebc0beed0a72490492e978007082c03d533
   ReactCodegen: 474fbb3e4bb0f1ee6c255d1955db76e13d509269
   ReactCommon: 7763e59534d58e15f8f22121cdfe319040e08888
-  ReactNativeVideo: ccaea22f81a6b60376e8bdb024368a2b5df400f6
+  ReactNativeVideo: db800650d21aab71c457ea1408c4f46e853b5886
   SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
   Yoga: 31a098f74c16780569aebd614a0f37a907de0189
 

example/src/App.tsx

@@ -19,6 +19,7 @@ import {
   type MixAudioMode,
   type onLoadData,
   type onProgressData,
+  type onVolumeChangeData,
   type ResizeMode,
   type TextTrack,
   type VideoConfig,
@@ -153,6 +154,13 @@ const VideoDemo = () => {
     [addEvent]
   );
 
+  const handleVolumeChange = React.useCallback(
+    ({ muted, volume }: onVolumeChangeData) => {
+      addEvent(`Player: onVolumeChange ${volume.toFixed(2)} isMuted=${muted}`);
+    },
+    [addEvent]
+  );
+
   // Setup player
   const player = useVideoPlayer(
     {
@@ -176,6 +184,7 @@ const VideoDemo = () => {
   useEvent(player, 'onStatusChange', handlePlayerStatusChange);
   useEvent(player, 'onSeek', handlePlayerSeek);
   useEvent(player, 'onPlaybackStateChange', handlePlayerStateChange);
+  useEvent(player, 'onVolumeChange', handleVolumeChange);
 
   // Sync settings with player
   React.useEffect(() => {