@stream-io/video-client 1.44.6-beta.0 → 1.46.0

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.46.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.45.0...@stream-io/video-client-1.46.0) (2026-04-09)
+
+### Features
+
+- callkit/telecom integration ([#2028](https://github.com/GetStream/stream-video-js/issues/2028)) ([d579acd](https://github.com/GetStream/stream-video-js/commit/d579acd1975fb4945e40452b27e372694c737628))
+- **client:** expose blocked autoplay audio state and explicit resume API ([#2187](https://github.com/GetStream/stream-video-js/issues/2187)) ([adbec63](https://github.com/GetStream/stream-video-js/commit/adbec63a23d47cf7c1002897e242c3f2a6a7007c))
+
+### Bug Fixes
+
+- **client:** deduplicate mic.capture_report trace emissions ([#2189](https://github.com/GetStream/stream-video-js/issues/2189)) ([152ae90](https://github.com/GetStream/stream-video-js/commit/152ae907910616e79bc20321bc56df4cfe0dcc4a))
+- **client:** support server-side pinning on participant join ([#2190](https://github.com/GetStream/stream-video-js/issues/2190)) ([2c354a4](https://github.com/GetStream/stream-video-js/commit/2c354a4b05f688766663bd13e0da7da601c8971d))
+
+## [1.45.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.44.5...@stream-io/video-client-1.45.0) (2026-04-02)
+
+### Features
+
+- **client:** Disconnected device event ([#2178](https://github.com/GetStream/stream-video-js/issues/2178)) ([5017ca0](https://github.com/GetStream/stream-video-js/commit/5017ca0fd53f5d203167d55227cb7fddc055705a))
+
+### Bug Fixes
+
+- **client:** warn about dangling audio bindings only for published audio tracks ([#2183](https://github.com/GetStream/stream-video-js/issues/2183)) ([ff47662](https://github.com/GetStream/stream-video-js/commit/ff47662484cd666cf321b61d9b49dd4eb161192f))
+
 ## [1.44.5](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.44.4...@stream-io/video-client-1.44.5) (2026-03-27)
 
 ### Bug Fixes

package/dist/index.browser.es.js

@@ -3265,6 +3265,7 @@ class ParticipantJoined$Type extends MessageType {
         super('stream.video.sfu.event.ParticipantJoined', [
             { no: 1, name: 'call_cid', kind: 'scalar', T: 9 /*ScalarType.STRING*/ },
             { no: 2, name: 'participant', kind: 'message', T: () => Participant },
+            { no: 3, name: 'is_pinned', kind: 'scalar', T: 8 /*ScalarType.BOOL*/ },
         ]);
     }
 }
@@ -6283,7 +6284,7 @@ const getSdkVersion = (sdk) => {
     return sdk ? `${sdk.major}.${sdk.minor}.${sdk.patch}` : '0.0.0-development';
 };
 
-const version = "1.44.6-beta.0";
+const version = "1.46.0";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -9221,6 +9222,7 @@ const watchParticipantJoined = (state) => {
         // already announced participants.
         const orphanedTracks = reconcileOrphanedTracks(state, participant);
         state.updateOrAddParticipant(participant.sessionId, Object.assign(participant, orphanedTracks, {
+            ...(e.isPinned && { pin: { isLocalPin: false, pinnedAt: Date.now() } }),
             viewportVisibilityState: {
                 videoTrack: VisibilityState.UNKNOWN,
                 screenShareTrack: VisibilityState.UNKNOWN,
@@ -9552,11 +9554,14 @@ class AudioBindingsWatchdog {
                 for (const p of this.state.participants) {
                     if (p.isLocalParticipant)
                         continue;
-                    const { audioStream, screenShareAudioStream, sessionId, userId } = p;
-                    if (audioStream && !this.bindings.has(toBindingKey(sessionId))) {
+                    const { audioStream, screenShareAudioStream, sessionId, userId, publishedTracks, } = p;
+                    if (audioStream &&
+                        publishedTracks.includes(TrackType.AUDIO) &&
+                        !this.bindings.has(toBindingKey(sessionId))) {
                         danglingUserIds.push(userId);
                     }
                     if (screenShareAudioStream &&
+                        publishedTracks.includes(TrackType.SCREEN_SHARE_AUDIO) &&
                         !this.bindings.has(toBindingKey(sessionId, 'screenShareAudioTrack'))) {
                         danglingUserIds.push(userId);
                     }
@@ -9611,6 +9616,31 @@ class DynascaleManager {
         this.logger = videoLoggerSystem.getLogger('DynascaleManager');
         this.useWebAudio = false;
         this.pendingSubscriptionsUpdate = null;
+        /**
+         * Audio elements that were blocked by the browser's autoplay policy.
+         * These can be retried by calling `resumeAudio()` from a user gesture.
+         */
+        this.blockedAudioElementsSubject = new BehaviorSubject(new Set());
+        /**
+         * Whether the browser's autoplay policy is blocking audio playback.
+         * Will be `true` when the browser blocks autoplay (e.g., no prior user interaction).
+         * Use `resumeAudio()` within a user gesture to unblock.
+         */
+        this.autoplayBlocked$ = this.blockedAudioElementsSubject.pipe(map((elements) => elements.size > 0), distinctUntilChanged());
+        this.addBlockedAudioElement = (audioElement) => {
+            setCurrentValue(this.blockedAudioElementsSubject, (elements) => {
+                const next = new Set(elements);
+                next.add(audioElement);
+                return next;
+            });
+        };
+        this.removeBlockedAudioElement = (audioElement) => {
+            setCurrentValue(this.blockedAudioElementsSubject, (elements) => {
+                const nextElements = new Set(elements);
+                nextElements.delete(audioElement);
+                return nextElements;
+            });
+        };
         this.videoTrackSubscriptionOverridesSubject = new BehaviorSubject({});
         this.videoTrackSubscriptionOverrides$ = this.videoTrackSubscriptionOverridesSubject.asObservable();
         this.incomingVideoSettings$ = this.videoTrackSubscriptionOverrides$.pipe(map((overrides) => {
@@ -9642,6 +9672,7 @@ class DynascaleManager {
                 clearTimeout(this.pendingSubscriptionsUpdate);
             }
             this.audioBindingsWatchdog?.dispose();
+            setCurrentValue(this.blockedAudioElementsSubject, new Set());
             const context = this.audioContext;
             if (context && context.state !== 'closed') {
                 document.removeEventListener('click', this.resumeAudioContext);
@@ -9939,8 +9970,10 @@ class DynascaleManager {
                     return;
                 setTimeout(() => {
                     audioElement.srcObject = source ?? null;
-                    if (!source)
+                    if (!source) {
+                        this.removeBlockedAudioElement(audioElement);
                         return;
+                    }
                     // Safari has a special quirk that prevents playing audio until the user
                     // interacts with the page or focuses on the tab where the call happens.
                     // This is a workaround for the issue where:
@@ -9964,6 +9997,10 @@ class DynascaleManager {
                         audioElement.muted = false;
                         audioElement.play().catch((e) => {
                             this.tracer.trace('audioPlaybackError', e.message);
+                            if (e.name === 'NotAllowedError') {
+                                this.tracer.trace('audioPlaybackBlocked', null);
+                                this.addBlockedAudioElement(audioElement);
+                            }
                             this.logger.warn(`Failed to play audio stream`, e);
                         });
                     }
@@ -9990,6 +10027,7 @@ class DynascaleManager {
             audioElement.autoplay = true;
             return () => {
                 this.audioBindingsWatchdog?.unregister(sessionId, trackType);
+                this.removeBlockedAudioElement(audioElement);
                 sinkIdSubscription?.unsubscribe();
                 volumeSubscription.unsubscribe();
                 updateMediaStreamSubscription.unsubscribe();
@@ -9998,6 +10036,28 @@ class DynascaleManager {
                 gainNode?.disconnect();
             };
         };
+        /**
+         * Plays all audio elements blocked by the browser's autoplay policy.
+         * Must be called from within a user gesture (e.g., click handler).
+         *
+         * @returns a promise that resolves when all blocked elements have been retried.
+         */
+        this.resumeAudio = async () => {
+            this.tracer.trace('resumeAudio', null);
+            const blocked = new Set();
+            await Promise.all(Array.from(getCurrentValue(this.blockedAudioElementsSubject), async (el) => {
+                try {
+                    if (el.srcObject) {
+                        await el.play();
+                    }
+                }
+                catch {
+                    this.logger.warn(`Can't resume audio for element: `, el);
+                    blocked.add(el);
+                }
+            }));
+            setCurrentValue(this.blockedAudioElementsSubject, blocked);
+        };
         this.getOrCreateAudioContext = () => {
             if (!this.useWebAudio)
                 return;
@@ -11190,6 +11250,7 @@ class DeviceManager {
                     isDeviceReplaced = true;
                 }
                 if (isDeviceDisconnected) {
+                    this.dispatchDeviceDisconnectedEvent(prevDevice);
                     await this.disable();
                     await this.select(undefined);
                 }
@@ -11199,7 +11260,7 @@ class DeviceManager {
                         await this.enable();
                         this.isTrackStoppedDueToTrackEnd = false;
                     }
-                    else {
+                    else if (!hasPending(this.statusChangeConcurrencyTag)) {
                         await this.applySettingsToStream();
                     }
                 }
@@ -11213,6 +11274,20 @@ class DeviceManager {
         const kind = this.mediaDeviceKind;
         return devices.find((d) => d.deviceId === deviceId && d.kind === kind);
     }
+    dispatchDeviceDisconnectedEvent(device) {
+        const event = {
+            type: 'device.disconnected',
+            call_cid: this.call.cid,
+            status: this.isTrackStoppedDueToTrackEnd
+                ? this.state.prevStatus
+                : this.state.status,
+            deviceId: device.deviceId,
+            label: device.label,
+            kind: device.kind,
+        };
+        this.call.tracer.trace('device.disconnected', event);
+        this.call.streamClient.dispatchEvent(event);
+    }
     persistPreference(selectedDevice, status) {
         const deviceKind = this.mediaDeviceKind;
         const deviceKey = deviceKind === 'audioinput' ? 'microphone' : 'camera';
@@ -11863,11 +11938,15 @@ class RNSpeechDetector {
                 ? this.externalAudioStream
                 : await navigator.mediaDevices.getUserMedia({ audio: true });
             this.audioStream = audioStream;
-            this.pc1.addEventListener('icecandidate', async (e) => {
-                await this.pc2.addIceCandidate(e.candidate);
+            this.pc1.addEventListener('icecandidate', (e) => {
+                this.pc2.addIceCandidate(e.candidate).catch(() => {
+                    // do nothing
+                });
             });
             this.pc2.addEventListener('icecandidate', async (e) => {
-                await this.pc1.addIceCandidate(e.candidate);
+                this.pc1.addIceCandidate(e.candidate).catch(() => {
+                    // do nothing
+                });
             });
             this.pc2.addEventListener('track', (e) => {
                 e.streams[0].getTracks().forEach((track) => {
@@ -12096,6 +12175,7 @@ class MicrophoneManager extends AudioDeviceManager {
                 const deviceId = this.state.selectedDevice;
                 const devices = await firstValueFrom(this.listDevices());
                 const label = devices.find((d) => d.deviceId === deviceId)?.label;
+                let lastCapturesAudio;
                 this.noAudioDetectorCleanup = createNoAudioDetector(mediaStream, {
                     noAudioThresholdMs: this.silenceThresholdMs,
                     emitIntervalMs: this.silenceThresholdMs,
@@ -12107,7 +12187,10 @@ class MicrophoneManager extends AudioDeviceManager {
                             deviceId,
                             label,
                         };
-                        this.call.tracer.trace('mic.capture_report', event);
+                        if (capturesAudio !== lastCapturesAudio) {
+                            lastCapturesAudio = capturesAudio;
+                            this.call.tracer.trace('mic.capture_report', event);
+                        }
                         this.call.streamClient.dispatchEvent(event);
                     },
                 });
@@ -13027,16 +13110,16 @@ class Call {
                         };
                         const rejectReason = reason ?? 'decline';
                         const endCallReason = reasonToEndCallReason[rejectReason] ?? 'rejected';
-                        globalThis.streamRNVideoSDK?.callingX?.endCall(this, endCallReason);
                         await this.reject(rejectReason);
+                        globalThis.streamRNVideoSDK?.callingX?.endCall(this, endCallReason);
                     }
                     else {
                         // if reject was undefined, we still have to cancel the call automatically
                         // when I am the creator and everyone else left the call
                         const hasOtherParticipants = this.state.remoteParticipants.length > 0;
                         if (this.isCreatedByMe && !hasOtherParticipants) {
-                            globalThis.streamRNVideoSDK?.callingX?.endCall(this, 'canceled');
                             await this.reject('cancel');
+                            globalThis.streamRNVideoSDK?.callingX?.endCall(this, 'canceled');
                         }
                     }
                 }
@@ -14775,6 +14858,12 @@ class Call {
                 unbind();
             };
         };
+        /**
+         * Plays all audio elements blocked by the browser's autoplay policy.
+         */
+        this.resumeAudio = () => {
+            return this.dynascaleManager.resumeAudio();
+        };
         /**
          * Binds a DOM <img> element to this call's thumbnail (if enabled in settings).
          *
@@ -16018,7 +16107,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.44.6-beta.0", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.46.0", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),