fix: add onRecordingProgressChange callback to be able to be used by all consumers

Author: DanielFRico

README.md

@@ -145,6 +145,7 @@ You can check out the full example at [Example](./example/src/App.tsx).
 | onRecorderStateChange          | -           | ❌              | ✅            | ( recorderState : RecorderState ) => void                  | callback function which returns the recorder state whenever the recorder state changes. Check RecorderState for more details                                                                                                                    |
 | onCurrentProgressChange        | -           | ✅              | ❌            | ( currentProgress : number, songDuration: number ) => void | callback function, which returns current progress of audio and total song duration.                                                                                                                                                             |
 | onChangeWaveformLoadState      | -           | ✅              | ❌            | ( state : boolean ) => void                                | callback function which returns the loading state of waveform candlestick.                                                                                                                                                                      |
+| onRecordingProgressChange                   | -           | ❌              | ✅            | ( currentProgress : number ) => void                                  | callback function which returns current progress of recording audio.                                                                                                                                                                       |
 | onError                        | -           | ✅              | ❌            | ( error : Error ) => void                                  | callback function which returns the error for static audio waveform                                                                                                                                                                             |
 | showsHorizontalScrollIndicator | false       | ❌              | ✅            | boolean                                                    | whether to show scroll indicator when live waveform is being recorded and total width is more than parent view width                                                                                                                            |
 

example/src/App.tsx

@@ -251,6 +251,9 @@ const LivePlayerComponent = ({
         candleWidth={4}
         waveColor={Colors.pink}
         onRecorderStateChange={setRecorderState}
+        onRecordingProgressChange={currentProgress => {
+          console.log(`currentProgress ${currentProgress}`);
+        }}
       />
       <Pressable
         onPress={handleRecorderAction}

src/components/Waveform/Waveform.tsx

@@ -61,6 +61,7 @@ export const Waveform = forwardRef<IWaveformRef, IWaveform>((props, ref) => {
     onPanStateChange = () => {},
     onError = (_error: Error) => {},
     onCurrentProgressChange = () => {},
+    onRecordingProgressChange = () => {},
     candleHeightScale = 3,
     onChangeWaveformLoadState = (_state: boolean) => {},
     showsHorizontalScrollIndicator = false,
@@ -504,6 +505,9 @@ export const Waveform = forwardRef<IWaveformRef, IWaveform>((props, ref) => {
     const traceRecorderWaveformValue = onCurrentRecordingWaveformData(
       result => {
         if (mode === 'live') {
+          if (!isNil(onRecordingProgressChange)) {
+            (onRecordingProgressChange as Function)(result.progress);
+          }
           if (!isNil(result.currentDecibel)) {
             setWaveform((previousWaveform: number[]) => {
               // Add the new decibel to the waveform

src/components/Waveform/WaveformTypes.ts

@@ -28,6 +28,9 @@ export interface StaticWaveform extends BaseWaveform {
     songDuration: number
   ) => void;
   onChangeWaveformLoadState?: (state: boolean) => void;
+  onRecordingProgressChange?: (
+    currentProgress: number,
+  ) => void;
   playbackSpeed?: PlaybackSpeedType;
 }