1. Consume the RecordRTCJS block. 

Note: you can put this anywhere, but I suggest putting at the button of your screen so that it will not delay the rendering of screen.

2a. Setup the event callbacks (if needed. base on your requirements)

1. Audio_OnDecibelReceived - triggers every time the microphone receives sound. You can use this for your microphone icon (for example)
2. Audio_OnDetectSilence - triggers when there is a silence for 3s
3. Camera_OnStart - triggers when camera starts
4. Camera_OnStop - triggers when camera stops
5. ScreenShare_OnStart - triggers when screen sharing starts
6. ScreenShare_OnStop - triggers when screen sharing stops
7. VideoRecord_OnStart - triggers when video record starts
8. VideoRecord_OnStop - triggers when video record stops

2b. Use available reusable client actions :) 

1. GetAudioRecord - Get the recent audio recorded binary, base64, ObjectURL
   1. {Output} Binary - Audio recorded Binary
   2. {Output} Base64 - Audio recorded base64
   3. {Output} ObjectURL - ObjectURL of the recent audio recording
   4. {Output} IsSuccess - indicates if stop recording is successful
   5. {Output} ErrorMessage - error message
2. StartAudioRecord - Start audio recording using microphone. make sure micropone is available and allowed to be used in the browser
   1. {Output} DetectSilence - indicates if it will automatically stop recording when the user stops talking. Use the RecordRTCJS block's Audio_OnDetectSilence event to handle the app when it detected silence for 3s
   2. {Output} IsSuccess - indicates if stop recording is successful
   3. {Output} ErrorMessage - error message
3. StopAudioRecord - Stop audio recording
   1. {Output} Recording - recorded binary data
   2. {Output} RecordingBase64 - recorded base 64 
   3. {Output} RecordURL- blob URL that could be used as audio source
   4. {Output} IsSuccess - indicates if stop recording is successful
   5. {Output} ErrorMessage - error message
4. StartCamera - Captures the image being seen in device camera
   1. {Input} VideoWidgetId - Video element where the camera feed will be displayed
   2. {Output} IsSuccess - indicates if stop recording is successful
   3. {Output} ErrorMessage - error message
5. StopCamera - Stops Capturing the image being seen in device camera
   1. {Output} IsSuccess - indicates if stop recording is successful
   2. {Output} ErrorMessage - error message
6. StartScreenShare - Starts screen sharing
   1. {Input} VideoWidgetId - Video element where the sharescreen will be displayed
   2. {Output} IsSuccess - indicates if stop recording is successful
   3. {Output} ErrorMessage - error message
7. StopScreenShare - Stops screen sharing
   1. {Output} IsSuccess - indicates if stop recording is successful
   2. {Output} ErrorMessage - error message
8. GetVideoRecord - Get the recent video recorded binary, base64, ObjectURL
   1. {Output} Binary - Video recorded Binary
   2. {Output} Base64 - Video recorded base64
   3. {Output} ObjectURL - ObjectURL of the recent video recording
   4. {Output} IsSuccess - indicates if stop recording is successful
   5. {Output} ErrorMessage - error message
9. StartVideoRecord - Starts the video recording. This will only record if camera started
   1. {Output} IsSuccess - indicates if stop recording is successful
   2. {Output} ErrorMessage - error message
10. StopVideoRecord - Stops the video recording.
    1. {Output} Binary - Video recorded Binary
    2. {Output} Base64 - Video recorded base64
    3. {Output} ObjectURL - ObjectURL of the recent video recording
    4. {Output} IsSuccess - indicates if stop recording is successful
    5. {Output} ErrorMessage - error message

Drop me a message if you need any help implementing the component. I will try to answer it ASAP  :) 

1. Consume the RecordRTCJS block. 

Note: you can put this anywhere, but I suggest putting at the button of your screen so that it will not delay the rendering of screen.

2a. Setup the event callbacks (if needed. base on your requirements)

1. Audio_OnDecibelReceived - triggers every time the microphone receives sound. You can use this for your microphone icon (for example)
2. Audio_OnDetectSilence - triggers when there is a silence for 3s
3. Camera_OnStart - triggers when camera starts
4. Camera_OnStop - triggers when camera stops
5. ScreenShare_OnStart - triggers when screen sharing starts
6. ScreenShare_OnStop - triggers when screen sharing stops
7. VideoRecord_OnStart - triggers when video record starts
8. VideoRecord_OnStop - triggers when video record stops

2b. Use available reusable client actions :) 

1. GetAudioRecord - Get the recent audio recorded binary, base64, ObjectURL
   1. {Output} Binary - Audio recorded Binary
   2. {Output} Base64 - Audio recorded base64
   3. {Output} ObjectURL - ObjectURL of the recent audio recording
   4. {Output} IsSuccess - indicates if stop recording is successful
   5. {Output} ErrorMessage - error message
2. StartAudioRecord - Start audio recording using microphone. make sure micropone is available and allowed to be used in the browser
   1. {Output} DetectSilence - indicates if it will automatically stop recording when the user stops talking. Use the RecordRTCJS block's Audio_OnDetectSilence event to handle the app when it detected silence for 3s
   2. {Output} IsSuccess - indicates if stop recording is successful
   3. {Output} ErrorMessage - error message
3. StopAudioRecord - Stop audio recording
   1. {Output} Recording - recorded binary data
   2. {Output} RecordingBase64 - recorded base 64 
   3. {Output} RecordURL- blob URL that could be used as audio source
   4. {Output} IsSuccess - indicates if stop recording is successful
   5. {Output} ErrorMessage - error message
4. StartCamera - Captures the image being seen in device camera
   1. {Input} VideoWidgetId - Video element where the camera feed will be displayed
   2. {Output} IsSuccess - indicates if stop recording is successful
   3. {Output} ErrorMessage - error message
5. StopCamera - Stops Capturing the image being seen in device camera
   1. {Output} IsSuccess - indicates if stop recording is successful
   2. {Output} ErrorMessage - error message
6. StartScreenShare - Starts screen sharing
   1. {Input} VideoWidgetId - Video element where the sharescreen will be displayed
   2. {Output} IsSuccess - indicates if stop recording is successful
   3. {Output} ErrorMessage - error message
7. StopScreenShare - Stops screen sharing
   1. {Output} IsSuccess - indicates if stop recording is successful
   2. {Output} ErrorMessage - error message
8. GetVideoRecord - Get the recent video recorded binary, base64, ObjectURL
   1. {Output} Binary - Video recorded Binary
   2. {Output} Base64 - Video recorded base64
   3. {Output} ObjectURL - ObjectURL of the recent video recording
   4. {Output} IsSuccess - indicates if stop recording is successful
   5. {Output} ErrorMessage - error message
9. StartVideoRecord - Starts the video recording. This will only record if camera started
   1. {Output} IsSuccess - indicates if stop recording is successful
   2. {Output} ErrorMessage - error message
10. StopVideoRecord - Stops the video recording.
    1. {Output} Binary - Video recorded Binary
    2. {Output} Base64 - Video recorded base64
    3. {Output} ObjectURL - ObjectURL of the recent video recording
    4. {Output} IsSuccess - indicates if stop recording is successful
    5. {Output} ErrorMessage - error message

Drop me a message if you need any help implementing the component. I will try to answer it ASAP  :) 

1. Consume the RecordRTCJS block. 

Note: you can put this anywhere, but I suggest putting at the button of your screen so that it will not delay the rendering of screen.

2a. Setup the event callbacks (if needed. base on your requirements)

1. Audio_OnDecibelReceived - triggers every time the microphone receives sound. You can use this for your microphone icon (for example)
2. Audio_OnDetectSilence - triggers when there is a silence for 3s
3. Camera_OnStart - triggers when camera starts
4. Camera_OnStop - triggers when camera stops
5. ScreenShare_OnStart - triggers when screen sharing starts
6. ScreenShare_OnStop - triggers when screen sharing stops
7. VideoRecord_OnStart - triggers when video record starts
8. VideoRecord_OnStop - triggers when video record stops

2b. Use available reusable client actions :) 

1. GetAudioRecord - Get the recent audio recorded binary, base64, ObjectURL
   1. {Output} Binary - Audio recorded Binary
   2. {Output} Base64 - Audio recorded base64
   3. {Output} ObjectURL - ObjectURL of the recent audio recording
   4. {Output} IsSuccess - indicates if stop recording is successful
   5. {Output} ErrorMessage - error message
2. StartAudioRecord - Start audio recording using microphone. make sure micropone is available and allowed to be used in the browser
   1. {Output} DetectSilence - indicates if it will automatically stop recording when the user stops talking. Use the RecordRTCJS block's Audio_OnDetectSilence event to handle the app when it detected silence for 3s
   2. {Output} IsSuccess - indicates if stop recording is successful
   3. {Output} ErrorMessage - error message
3. StopAudioRecord - Stop audio recording
   1. {Output} Recording - recorded binary data
   2. {Output} RecordingBase64 - recorded base 64 
   3. {Output} RecordURL- blob URL that could be used as audio source
   4. {Output} IsSuccess - indicates if stop recording is successful
   5. {Output} ErrorMessage - error message
4. StartCamera - Captures the image being seen in device camera
   1. {Input} VideoWidgetId - Video element where the camera feed will be displayed
   2. {Output} IsSuccess - indicates if stop recording is successful
   3. {Output} ErrorMessage - error message
5. StopCamera - Stops Capturing the image being seen in device camera
   1. {Output} IsSuccess - indicates if stop recording is successful
   2. {Output} ErrorMessage - error message
6. StartScreenShare - Starts screen sharing
   1. {Input} VideoWidgetId - Video element where the sharescreen will be displayed
   2. {Output} IsSuccess - indicates if stop recording is successful
   3. {Output} ErrorMessage - error message
7. StopScreenShare - Stops screen sharing
   1. {Output} IsSuccess - indicates if stop recording is successful
   2. {Output} ErrorMessage - error message
8. GetVideoRecord - Get the recent video recorded binary, base64, ObjectURL
   1. {Output} Binary - Video recorded Binary
   2. {Output} Base64 - Video recorded base64
   3. {Output} ObjectURL - ObjectURL of the recent video recording
   4. {Output} IsSuccess - indicates if stop recording is successful
   5. {Output} ErrorMessage - error message
9. StartVideoRecord - Starts the video recording. This will only record if camera started
   1. {Output} IsSuccess - indicates if stop recording is successful
   2. {Output} ErrorMessage - error message
10. StopVideoRecord - Stops the video recording.
    1. {Output} Binary - Video recorded Binary
    2. {Output} Base64 - Video recorded base64
    3. {Output} ObjectURL - ObjectURL of the recent video recording
    4. {Output} IsSuccess - indicates if stop recording is successful
    5. {Output} ErrorMessage - error message

Drop me a message if you need any help implementing the component. I will try to answer it ASAP  :) 

1. Consume the RecordRTCJS block. 

Note: you can put this anywhere, but I suggest putting at the button of your screen so that it will not delay the rendering of screen.

2a. Setup the event callbacks (if needed. base on your requirements)

1. Audio_OnDecibelReceived - triggers every time the microphone receives sound. You can use this for your microphone icon (for example)
2. Audio_OnDetectSilence - triggers when there is a silence for 3s
3. Camera_OnStart - triggers when camera starts
4. Camera_OnStop - triggers when camera stops
5. ScreenShare_OnStart - triggers when screen sharing starts
6. ScreenShare_OnStop - triggers when screen sharing stops
7. VideoRecord_OnStart - triggers when video record starts
8. VideoRecord_OnStop - triggers when video record stops

2b. Use available reusable client actions :) 

1. GetAudioRecord - Get the recent audio recorded binary, base64, ObjectURL
   1. {Output} Binary - Audio recorded Binary
   2. {Output} Base64 - Audio recorded base64
   3. {Output} ObjectURL - ObjectURL of the recent audio recording
   4. {Output} IsSuccess - indicates if stop recording is successful
   5. {Output} ErrorMessage - error message
2. StartAudioRecord - Start audio recording using microphone. make sure micropone is available and allowed to be used in the browser
   1. {Output} DetectSilence - indicates if it will automatically stop recording when the user stops talking. Use the RecordRTCJS block's Audio_OnDetectSilence event to handle the app when it detected silence for 3s
   2. {Output} IsSuccess - indicates if stop recording is successful
   3. {Output} ErrorMessage - error message
3. StopAudioRecord - Stop audio recording
   1. {Output} Recording - recorded binary data
   2. {Output} RecordingBase64 - recorded base 64 
   3. {Output} RecordURL- blob URL that could be used as audio source
   4. {Output} IsSuccess - indicates if stop recording is successful
   5. {Output} ErrorMessage - error message
4. StartCamera - Captures the image being seen in device camera
   1. {Input} VideoWidgetId - Video element where the camera feed will be displayed
   2. {Output} IsSuccess - indicates if stop recording is successful
   3. {Output} ErrorMessage - error message
5. StopCamera - Stops Capturing the image being seen in device camera
   1. {Output} IsSuccess - indicates if stop recording is successful
   2. {Output} ErrorMessage - error message
6. StartScreenShare - Starts screen sharing
   1. {Input} VideoWidgetId - Video element where the sharescreen will be displayed
   2. {Output} IsSuccess - indicates if stop recording is successful
   3. {Output} ErrorMessage - error message
7. StopScreenShare - Stops screen sharing
   1. {Output} IsSuccess - indicates if stop recording is successful
   2. {Output} ErrorMessage - error message
8. GetVideoRecord - Get the recent video recorded binary, base64, ObjectURL
   1. {Output} Binary - Video recorded Binary
   2. {Output} Base64 - Video recorded base64
   3. {Output} ObjectURL - ObjectURL of the recent video recording
   4. {Output} IsSuccess - indicates if stop recording is successful
   5. {Output} ErrorMessage - error message
9. StartVideoRecord - Starts the video recording. This will only record if camera started
   1. {Output} IsSuccess - indicates if stop recording is successful
   2. {Output} ErrorMessage - error message
10. StopVideoRecord - Stops the video recording.
    1. {Output} Binary - Video recorded Binary
    2. {Output} Base64 - Video recorded base64
    3. {Output} ObjectURL - ObjectURL of the recent video recording
    4. {Output} IsSuccess - indicates if stop recording is successful
    5. {Output} ErrorMessage - error message

Drop me a message if you need any help implementing the component. I will try to answer it ASAP  :) 

Consume the RecordRTC_JS block. This contains all the javascripts needed to run the reusable actions of RecordRTC

Then you can already use the reusable client actions for audio recording.

Please download the demo ! :)