@stream-io/video-client 0.3.21 → 0.3.23

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.3.23](https://github.com/GetStream/stream-video-js/compare/client0.3.22...client0.3.23) (2023-09-26)
+
+
+### Bug Fixes
+
+* add type check of deviceId before setting sinkId ([#1108](https://github.com/GetStream/stream-video-js/issues/1108)) ([705515e](https://github.com/GetStream/stream-video-js/commit/705515e5f63a35286fdb45725b9e299afe09c9bb))
+
+### [0.3.22](https://github.com/GetStream/stream-video-js/compare/client0.3.21...client0.3.22) (2023-09-25)
+
+
+### Bug Fixes
+
+* Add extra delay before attempting to play video in Safari and Firefox ([#1106](https://github.com/GetStream/stream-video-js/issues/1106)) ([5b4a589](https://github.com/GetStream/stream-video-js/commit/5b4a58918240a7b63807726609d6d54b92cfe1d2))
+
 ### [0.3.21](https://github.com/GetStream/stream-video-js/compare/client0.3.20...client0.3.21) (2023-09-20)
 
 

package/dist/index.browser.es.js

@@ -9366,6 +9366,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: VisibilityState.UNKNOWN,
     screenShareTrack: VisibilityState.UNKNOWN,
@@ -9536,27 +9570,31 @@ class DynascaleManager {
                         requestTrackWithDimensions(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(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(DebounceType.FAST, undefined);
                 viewportVisibilityStateSubscription === null || viewportVisibilityStateSubscription === void 0 ? void 0 : viewportVisibilityStateSubscription.unsubscribe();
@@ -9603,7 +9641,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);
                 }
@@ -13124,7 +13162,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/`;
@@ -14104,39 +14142,5 @@ 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
-});
-
 export { AudioSettingsDefaultDeviceEnum, AudioSettingsRequestDefaultDeviceEnum, browsers as Browsers, Call, CallState, CallType, CallTypes, CallingState, CameraManager, CameraManagerState, CreateDeviceRequestPushProviderEnum, DebounceType, DynascaleManager, ErrorFromResponse, InputMediaDeviceManager, InputMediaDeviceManagerState, MicrophoneManager, MicrophoneManagerState, OwnCapability, RecordSettingsModeEnum, RecordSettingsQualityEnum, RecordSettingsRequestModeEnum, RecordSettingsRequestQualityEnum, rxUtils as RxUtils, events as SfuEvents, models as SfuModels, SpeakerManager, SpeakerState, StreamSfuClient, StreamVideoClient, StreamVideoReadOnlyStateStore, StreamVideoServerClient, StreamVideoWriteableStateStore, TranscriptionSettingsModeEnum, TranscriptionSettingsRequestModeEnum, VideoSettingsCameraFacingEnum, VideoSettingsRequestCameraFacingEnum, ViewportTracker, VisibilityState, checkIfAudioOutputChangeSupported, combineComparators, conditional, createSoundDetector, defaultSortPreset, descending, disposeOfMediaStream, dominantSpeaker, getAudioDevices, getAudioOutputDevices, getAudioStream, getClientDetails, getDeviceInfo, getLogger, getOSInfo, getScreenShareStream, getSdkInfo, getVideoDevices, getVideoStream, isStreamVideoLocalParticipant, livestreamOrAudioRoomSortPreset, logLevels, logToConsole, name, noopComparator, pinned, publishingAudio, publishingVideo, reactionType, role, screenSharing, setDeviceInfo, setLogLevel, setLogger, setOSInfo, setSdkInfo, speakerLayoutSortPreset, speaking, watchForAddedDefaultAudioDevice, watchForAddedDefaultAudioOutputDevice, watchForAddedDefaultVideoDevice, watchForDisconnectedAudioDevice, watchForDisconnectedAudioOutputDevice, watchForDisconnectedVideoDevice };
 //# sourceMappingURL=index.browser.es.js.map