[mirotalksfu] - add recording options

app/src/Server.js

@@ -40,7 +40,7 @@ dependencies: {
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.1.0
+ * @version 1.1.1
  *
  */
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.1.0",
+    "version": "1.1.1",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {

public/js/Room.js

@@ -11,7 +11,7 @@ if (location.href.substr(0, 5) !== 'https') location.href = 'https' + location.h
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.1.0
+ * @version 1.1.1
  *
  */
 

public/js/RoomClient.js

@@ -9,7 +9,7 @@
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.1.0
+ * @version 1.1.1
  *
  */
 
@@ -62,6 +62,7 @@ const image = {
     avatar: '../images/mirotalksfu-logo.png',
     audio: '../images/audio.gif',
     poster: '../images/loader.gif',
+    recording: '../images/recording.png',
     delete: '../images/delete.png',
     locked: '../images/locked.png',
     mute: '../images/mute.png',
@@ -3452,12 +3453,36 @@ class RoomClient {
 
             this.isMobileDevice
                 ? this.startMobileRecording(options, audioMixerTracks)
-                : this.startDesktopRecording(options, audioMixerTracks);
+                : this.recordingOptions(options, audioMixerTracks);
         } catch (err) {
             this.handleRecordingError('Exception while creating MediaRecorder: ' + err);
         }
     }
 
+    recordingOptions(options, audioMixerTracks) {
+        Swal.fire({
+            background: swalBackground,
+            position: 'center',
+            //imageUrl: image.recording,
+            title: 'Recording options',
+            showDenyButton: true,
+            showCancelButton: true,
+            cancelButtonColor: 'red',
+            denyButtonColor: 'green',
+            confirmButtonText: `Camera`,
+            denyButtonText: `Screen/Window`,
+            cancelButtonText: `Cancel`,
+            showClass: { popup: 'animate__animated animate__fadeInDown' },
+            hideClass: { popup: 'animate__animated animate__fadeOutUp' },
+        }).then((result) => {
+            if (result.isConfirmed) {
+                this.startMobileRecording(options, audioMixerTracks);
+            } else if (result.isDenied) {
+                this.startDesktopRecording(options, audioMixerTracks);
+            }
+        });
+    }
+
     startMobileRecording(options, audioMixerTracks) {
         try {
             // Combine audioMixerTracks and videoTracks into a single array
@@ -3491,7 +3516,7 @@ class RoomClient {
     }
 
     startDesktopRecording(options, audioMixerTracks) {
-        // On desktop devices, record screen/window... + all audio tracks
+        // On desktop devices, record camera or screen/window... + all audio tracks
         const constraints = { video: true };
         navigator.mediaDevices
             .getDisplayMedia(constraints)
@@ -3500,6 +3525,7 @@ class RoomClient {
                 console.log('Screen video tracks --->', screenTracks);
 
                 const combinedTracks = [];
+
                 if (Array.isArray(screenTracks)) {
                     combinedTracks.push(...screenTracks);
                 }