@stream-io/video-client 0.3.21 → 0.3.23

package/dist/index.cjs.js

@@ -9389,6 +9389,40 @@ class ViewportTracker {
     }
 }
 
+/**
+ * Checks whether the current browser is Safari.
+ */
+const isSafari = () => {
+    if (typeof navigator === 'undefined')
+        return false;
+    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent || '');
+};
+/**
+ * Checks whether the current browser is Firefox.
+ */
+const isFirefox = () => {
+    var _a;
+    if (typeof navigator === 'undefined')
+        return false;
+    return (_a = navigator.userAgent) === null || _a === void 0 ? void 0 : _a.includes('Firefox');
+};
+/**
+ * Checks whether the current browser is Google Chrome.
+ */
+const isChrome = () => {
+    var _a;
+    if (typeof navigator === 'undefined')
+        return false;
+    return (_a = navigator.userAgent) === null || _a === void 0 ? void 0 : _a.includes('Chrome');
+};
+
+var browsers = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    isChrome: isChrome,
+    isFirefox: isFirefox,
+    isSafari: isSafari
+});
+
 const DEFAULT_VIEWPORT_VISIBILITY_STATE = {
     videoTrack: exports.VisibilityState.UNKNOWN,
     screenShareTrack: exports.VisibilityState.UNKNOWN,
@@ -9559,27 +9593,31 @@ class DynascaleManager {
                         requestTrackWithDimensions(exports.DebounceType.FAST, undefined);
                     }
                 });
+            videoElement.autoplay = true;
+            videoElement.playsInline = true;
+            // explicitly marking the element as muted will allow autoplay to work
+            // without prior user interaction:
+            // https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide
+            videoElement.muted = true;
             const streamSubscription = participant$
                 .pipe(rxjs.distinctUntilKeyChanged(trackType === 'videoTrack' ? 'videoStream' : 'screenShareStream'))
                 .subscribe((p) => {
                 const source = trackType === 'videoTrack' ? p.videoStream : p.screenShareStream;
                 if (videoElement.srcObject === source)
                     return;
-                setTimeout(() => {
-                    videoElement.srcObject = source !== null && source !== void 0 ? source : null;
-                    if (videoElement.srcObject) {
+                videoElement.srcObject = source !== null && source !== void 0 ? source : null;
+                if (isSafari() || isFirefox()) {
+                    setTimeout(() => {
+                        videoElement.srcObject = source !== null && source !== void 0 ? source : null;
                         videoElement.play().catch((e) => {
                             this.logger('warn', `Failed to play stream`, e);
                         });
-                    }
-                }, 0);
+                        // we add extra delay until we attempt to force-play
+                        // the participant's media stream in Firefox and Safari,
+                        // as they seem to have some timing issues
+                    }, 25);
+                }
             });
-            videoElement.playsInline = true;
-            videoElement.autoplay = true;
-            // explicitly marking the element as muted will allow autoplay to work
-            // without prior user interaction:
-            // https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide
-            videoElement.muted = true;
             return () => {
                 requestTrackWithDimensions(exports.DebounceType.FAST, undefined);
                 viewportVisibilityStateSubscription === null || viewportVisibilityStateSubscription === void 0 ? void 0 : viewportVisibilityStateSubscription.unsubscribe();
@@ -9626,7 +9664,7 @@ class DynascaleManager {
                 const deviceId = ((_a = getSdkInfo()) === null || _a === void 0 ? void 0 : _a.type) === SdkType.REACT
                     ? p === null || p === void 0 ? void 0 : p.audioOutputDeviceId
                     : selectedDevice;
-                if ('setSinkId' in audioElement) {
+                if ('setSinkId' in audioElement && typeof deviceId === 'string') {
                     // @ts-expect-error setSinkId is not yet in the lib
                     audioElement.setSinkId(deviceId);
                 }
@@ -13148,7 +13186,7 @@ class WSConnectionFallback {
     }
 }
 
-const version = '0.3.21';
+const version = '0.3.23';
 
 const logger = getLogger(['location']);
 const HINT_URL = `https://hint.stream-io-video.com/`;
@@ -14128,40 +14166,6 @@ class StreamVideoServerClient extends StreamVideoClient {
     }
 }
 
-/**
- * Checks whether the current browser is Safari.
- */
-const isSafari = () => {
-    if (typeof navigator === 'undefined')
-        return false;
-    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent || '');
-};
-/**
- * Checks whether the current browser is Firefox.
- */
-const isFirefox = () => {
-    var _a;
-    if (typeof navigator === 'undefined')
-        return false;
-    return (_a = navigator.userAgent) === null || _a === void 0 ? void 0 : _a.includes('Firefox');
-};
-/**
- * Checks whether the current browser is Google Chrome.
- */
-const isChrome = () => {
-    var _a;
-    if (typeof navigator === 'undefined')
-        return false;
-    return (_a = navigator.userAgent) === null || _a === void 0 ? void 0 : _a.includes('Chrome');
-};
-
-var browsers = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    isChrome: isChrome,
-    isFirefox: isFirefox,
-    isSafari: isSafari
-});
-
 Object.defineProperty(exports, 'AxiosError', {
     enumerable: true,
     get: function () { return axios.AxiosError; }