St/expose media recorder (#42)

* Expose mediaRecorder from useAudioRecorder

* Update readme.md

* Update src/hooks/useAudioRecorder.ts

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: samhirtarif

README.md

@@ -59,6 +59,7 @@ The hook returns the following:
 | **`isRecording`** | A boolean value that represents whether a recording is currently in progress |
 | **`isPaused`** | A boolean value that represents whether a recording in progress is paused |
 | **`recordingTime`** | Number of seconds that the recording has gone on. This is updated every second |
+| **`mediaRecorder`** | The current mediaRecorder in use. Can be undefined in case recording is not in progress |
 
 ### Sample usage of hook
 
@@ -74,6 +75,7 @@ The hook returns the following:
     isRecording,
     isPaused,
     recordingTime,
+    mediaRecorder
   } = useAudioRecorder();
 
   useEffect(() => {

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "react-audio-voice-recorder",
   "private": false,
-  "version": "1.1.1",
+  "version": "1.1.3",
   "license": "MIT",
   "author": "",
   "repository": {

package.json

@@ -8,6 +8,7 @@ export interface recorderControls {
   isRecording: boolean;
   isPaused: boolean;
   recordingTime: number;
+  mediaRecorder?: MediaRecorder;
 }
 
 /**
@@ -20,12 +21,13 @@ export interface recorderControls {
  * @details `isRecording`: A boolean value that represents whether a recording is currently in progress
  * @details `isPaused`: A boolean value that represents whether a recording in progress is paused
  * @details `recordingTime`: Number of seconds that the recording has gone on. This is updated every second
+ * @details `mediaRecorder`: The current mediaRecorder in use
  */
 const useAudioRecorder: () => recorderControls = () => {
   const [isRecording, setIsRecording] = useState(false);
   const [isPaused, setIsPaused] = useState(false);
   const [recordingTime, setRecordingTime] = useState(0);
-  const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder | null>();
+  const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder>();
   const [timerInterval, setTimerInterval] = useState<NodeJS.Timer>();
   const [recordingBlob, setRecordingBlob] = useState<Blob>();
 
@@ -59,7 +61,7 @@ const useAudioRecorder: () => recorderControls = () => {
         recorder.addEventListener("dataavailable", (event) => {
           setRecordingBlob(event.data);
           recorder.stream.getTracks().forEach((t) => t.stop());
-          setMediaRecorder(null);
+          setMediaRecorder(undefined);
         });
       })
       .catch((err) => console.log(err));
@@ -99,6 +101,7 @@ const useAudioRecorder: () => recorderControls = () => {
     isRecording,
     isPaused,
     recordingTime,
+    mediaRecorder,
   };
 };