[mirotalksfu] - make video/audio IDs configurable via parameters

app/src/Server.js

@@ -44,7 +44,7 @@ dependencies: {
  * @license For commercial or closed source, contact us at [email protected] or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - [email protected]
- * @version 1.4.78
+ * @version 1.4.79
  *
  */
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.4.78",
+    "version": "1.4.79",
     "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 [email protected] or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - [email protected]
- * @version 1.4.78
+ * @version 1.4.79
  *
  */
 
@@ -1728,7 +1728,7 @@ function handleButtons() {
         rc.stopRTMP();
     };
     streamerRtmpButton.onclick = () => {
-        openURL('/rtmp', true);
+        openURL(`/rtmp?v=${videoSelect.value}&a=${microphoneSelect.value}`, true);
     };
     startRtmpURLButton.onclick = () => {
         rc.startRTMPfromURL(rtmpStreamURL.value);
@@ -4071,7 +4071,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.4.78',
+        title: 'WebRTC SFU v1.4.79',
         html: `
         <br />
         <div id="about">

public/js/RoomClient.js

@@ -9,7 +9,7 @@
  * @license For commercial or closed source, contact us at [email protected] or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - [email protected]
- * @version 1.4.78
+ * @version 1.4.79
  *
  */
 

public/js/RtmpStreamer.js

@@ -11,6 +11,15 @@ const popup = document.getElementById('popup');
 const popupMessage = document.getElementById('popupMessage');
 const closePopup = document.getElementById('closePopup');
 
+const qs = new URLSearchParams(window.location.search);
+const videoId = qs.get('v');
+const audioId = qs.get('a');
+
+console.log('Video/Audio id', {
+    video: videoId,
+    audio: audioId,
+});
+
 /* 
 Low Latency: 1-2 seconds
 Standard Use Case: 5 seconds
@@ -243,7 +252,9 @@ function stopTracks(stream) {
 }
 
 async function startCameraStreaming() {
-    const stream = await startCapture({ video: true, audio: true });
+    const videoConstraints = videoId ? { deviceId: videoId } : true;
+    const audioConstraints = audioId ? { deviceId: audioId } : true;
+    const stream = await startCapture({ video: videoConstraints, audio: audioConstraints });
     await startStreaming(stream);
 }