@dialtribe/react-sdk 0.1.0-alpha.15 → 0.1.0-alpha.17

package/dist/index.mjs

@@ -2263,6 +2263,8 @@ var WebSocketStreamer = class {
     this.chunksSent = 0;
     this.userStopped = false;
     // Track if user initiated the stop
+    this.isHotSwapping = false;
+    // Track if we're swapping media streams
     this.startTime = 0;
     this.streamKey = options.streamKey;
     this.mediaStream = options.mediaStream;
@@ -2426,6 +2428,7 @@ Please check encoder server logs and DATABASE_URL configuration.`
    */
   async updateMediaStream(newMediaStream) {
     console.log("\u{1F504} Updating media stream (hot-swap)");
+    this.isHotSwapping = true;
     if (this.mediaRecorder && this.mediaRecorder.state !== "inactive") {
       this.mediaRecorder.stop();
       console.log("\u23F9\uFE0F Old MediaRecorder stopped");
@@ -2436,6 +2439,7 @@ Please check encoder server logs and DATABASE_URL configuration.`
     console.log("\u{1F399}\uFE0F New MediaRecorder created");
     this.setupMediaRecorderHandlers();
     this.mediaRecorder.start(300);
+    this.isHotSwapping = false;
     console.log("\u2705 Media stream updated - streaming continues");
   }
   /**
@@ -2496,7 +2500,7 @@ Please check encoder server logs and DATABASE_URL configuration.`
     });
     this.mediaRecorder.addEventListener("stop", () => {
       console.log("\u23F9\uFE0F MediaRecorder stopped");
-      if (this.websocket?.readyState === WebSocket.OPEN) {
+      if (!this.isHotSwapping && this.websocket?.readyState === WebSocket.OPEN) {
         this.websocket.close();
       }
     });
@@ -3162,7 +3166,12 @@ function DialtribeStreamer({
       const audioInputs = devices.filter((device) => device.kind === "audioinput");
       console.log(`\u{1F4F7} Found ${videoInputs.length} video input device(s)`);
       console.log(`\u{1F3A4} Found ${audioInputs.length} audio input device(s)`);
-      setHasMultipleCameras(videoInputs.length > 1);
+      const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+      const hasMultiple = videoInputs.length > 1 || isIOS && isVideoKey;
+      setHasMultipleCameras(hasMultiple);
+      if (isIOS && videoInputs.length <= 1) {
+        console.log("\u{1F4F1} iOS device detected - assuming multiple cameras available");
+      }
       setVideoDevices(videoInputs.map((d) => ({
         deviceId: d.deviceId,
         label: d.label || `Camera ${d.deviceId.slice(0, 8)}`
@@ -3179,7 +3188,8 @@ function DialtribeStreamer({
       }
     } catch (err) {
       console.error("\u274C Failed to enumerate devices:", err);
-      setHasMultipleCameras(false);
+      const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+      setHasMultipleCameras(isIOS && isVideoKey);
     }
   };
   useEffect(() => {
@@ -3213,7 +3223,7 @@ function DialtribeStreamer({
     if (videoRef.current && mediaStream) {
       videoRef.current.srcObject = mediaStream;
     }
-  }, [mediaStream]);
+  }, [mediaStream, isVideoEnabled]);
   const requestMediaPermissions = async () => {
     if (!streamKey) return;
     try {