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

package/dist/dialtribe-streamer.mjs

@@ -1576,7 +1576,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)}`
@@ -1593,7 +1598,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(() => {
@@ -1627,7 +1633,7 @@ function DialtribeStreamer({
     if (videoRef.current && mediaStream) {
       videoRef.current.srcObject = mediaStream;
     }
-  }, [mediaStream]);
+  }, [mediaStream, isVideoEnabled]);
   const requestMediaPermissions = async () => {
     if (!streamKey) return;
     try {