@stream-io/video-client 1.46.0 → 1.47.0

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.47.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.46.1...@stream-io/video-client-1.47.0) (2026-04-15)
+
+### Features
+
+- **client:** JoinCall with hints for high scale livestream ([#2199](https://github.com/GetStream/stream-video-js/issues/2199)) ([704681a](https://github.com/GetStream/stream-video-js/commit/704681ad9ce7a0013325b6db91644e1907d0db0b))
+
+### Bug Fixes
+
+- **client:** align device preference persistence with permission and track end events ([#2196](https://github.com/GetStream/stream-video-js/issues/2196)) ([b4ed7c2](https://github.com/GetStream/stream-video-js/commit/b4ed7c2c6bc6fb6777a411b69747ccc36aa82f44))
+
+## [1.46.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.46.0...@stream-io/video-client-1.46.1) (2026-04-09)
+
+- remove listeners and stop even on permission error - rn speech detector ([f4fdd9e](https://github.com/GetStream/stream-video-js/commit/f4fdd9e1a008b52011ef18562152aad60a1f7936))
+
+### Bug Fixes
+
+- ignore late ICE candidates after cleanup for RN speech detector ([#2193](https://github.com/GetStream/stream-video-js/issues/2193)) ([f8735d6](https://github.com/GetStream/stream-video-js/commit/f8735d604d86fc476b9b7e01eed0af03176625be))
+
 ## [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

package/dist/index.browser.es.js

@@ -6284,7 +6284,7 @@ const getSdkVersion = (sdk) => {
     return sdk ? `${sdk.major}.${sdk.minor}.${sdk.patch}` : '0.0.0-development';
 };
 
-const version = "1.46.0";
+const version = "1.47.0";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -10865,8 +10865,14 @@ class DeviceManager {
             this.handleDisconnectedOrReplacedDevices();
         }
         if (this.devicePersistence.enabled) {
-            this.subscriptions.push(createSubscription(combineLatest([this.state.selectedDevice$, this.state.status$]), ([selectedDevice, status]) => {
-                if (!status)
+            this.subscriptions.push(createSubscription(combineLatest([
+                this.state.selectedDevice$,
+                this.state.status$,
+                this.state.browserPermissionState$,
+            ]), ([selectedDevice, status, browserPermissionState]) => {
+                if (!status ||
+                    (this.isTrackStoppedDueToTrackEnd && status === 'disabled') ||
+                    browserPermissionState !== 'granted')
                     return;
                 this.persistPreference(selectedDevice, status);
             }));
@@ -11631,7 +11637,10 @@ class CameraManager extends DeviceManager {
         const shouldApplyDefaults = this.state.status === undefined &&
             this.state.optimisticStatus === undefined;
         let persistedPreferencesApplied = false;
-        if (shouldApplyDefaults && this.devicePersistence.enabled) {
+        const permissionState = await firstValueFrom(this.state.browserPermissionState$);
+        if (shouldApplyDefaults &&
+            this.devicePersistence.enabled &&
+            permissionState === 'granted') {
             persistedPreferencesApplied =
                 await this.applyPersistedPreferences(enabledInCallType);
         }
@@ -11927,35 +11936,43 @@ class RNSpeechDetector {
     constructor(externalAudioStream) {
         this.pc1 = new RTCPeerConnection({});
         this.pc2 = new RTCPeerConnection({});
+        this.isStopped = false;
         this.externalAudioStream = externalAudioStream;
     }
     /**
      * Starts the speech detection.
      */
     async start(onSoundDetectedStateChanged) {
+        let detachListeners;
+        let unsubscribe;
         try {
+            this.isStopped = false;
             const audioStream = this.externalAudioStream != null
                 ? this.externalAudioStream
                 : await navigator.mediaDevices.getUserMedia({ audio: true });
             this.audioStream = audioStream;
-            this.pc1.addEventListener('icecandidate', (e) => {
-                this.pc2.addIceCandidate(e.candidate).catch(() => {
-                    // do nothing
-                });
-            });
-            this.pc2.addEventListener('icecandidate', async (e) => {
-                this.pc1.addIceCandidate(e.candidate).catch(() => {
-                    // do nothing
-                });
-            });
-            this.pc2.addEventListener('track', (e) => {
+            const onPc1IceCandidate = (e) => {
+                this.forwardIceCandidate(this.pc2, e.candidate);
+            };
+            const onPc2IceCandidate = (e) => {
+                this.forwardIceCandidate(this.pc1, e.candidate);
+            };
+            const onTrackPc2 = (e) => {
                 e.streams[0].getTracks().forEach((track) => {
                     // In RN, the remote track is automatically added to the audio output device
                     // so we need to mute it to avoid hearing the audio back
                     // @ts-expect-error _setVolume is a private method in react-native-webrtc
                     track._setVolume(0);
                 });
-            });
+            };
+            this.pc1.addEventListener('icecandidate', onPc1IceCandidate);
+            this.pc2.addEventListener('icecandidate', onPc2IceCandidate);
+            this.pc2.addEventListener('track', onTrackPc2);
+            detachListeners = () => {
+                this.pc1.removeEventListener('icecandidate', onPc1IceCandidate);
+                this.pc2.removeEventListener('icecandidate', onPc2IceCandidate);
+                this.pc2.removeEventListener('track', onTrackPc2);
+            };
             audioStream
                 .getTracks()
                 .forEach((track) => this.pc1.addTrack(track, audioStream));
@@ -11965,13 +11982,17 @@ class RNSpeechDetector {
             const answer = await this.pc2.createAnswer();
             await this.pc1.setRemoteDescription(answer);
             await this.pc2.setLocalDescription(answer);
-            const unsubscribe = this.onSpeakingDetectedStateChange(onSoundDetectedStateChanged);
+            unsubscribe = this.onSpeakingDetectedStateChange(onSoundDetectedStateChanged);
             return () => {
-                unsubscribe();
+                detachListeners?.();
+                unsubscribe?.();
                 this.stop();
             };
         }
         catch (error) {
+            detachListeners?.();
+            unsubscribe?.();
+            this.stop();
             const logger = videoLoggerSystem.getLogger('RNSpeechDetector');
             logger.error('error handling permissions: ', error);
             return () => { };
@@ -11981,6 +12002,9 @@ class RNSpeechDetector {
      * Stops the speech detection and releases all allocated resources.
      */
     stop() {
+        if (this.isStopped)
+            return;
+        this.isStopped = true;
         this.pc1.close();
         this.pc2.close();
         if (this.externalAudioStream != null) {
@@ -12080,6 +12104,18 @@ class RNSpeechDetector {
             this.audioStream.release();
         }
     }
+    forwardIceCandidate(destination, candidate) {
+        if (this.isStopped ||
+            !candidate ||
+            destination.signalingState === 'closed') {
+            return;
+        }
+        destination.addIceCandidate(candidate).catch(() => {
+            // silently ignore the error
+            const logger = videoLoggerSystem.getLogger('RNSpeechDetector');
+            logger.info('cannot add ice candidate - ignoring');
+        });
+    }
 }
 
 class MicrophoneManager extends AudioDeviceManager {
@@ -12346,7 +12382,10 @@ class MicrophoneManager extends AudioDeviceManager {
         const shouldApplyDefaults = this.state.status === undefined &&
             this.state.optimisticStatus === undefined;
         let persistedPreferencesApplied = false;
-        if (shouldApplyDefaults && this.devicePersistence.enabled) {
+        const permissionState = await firstValueFrom(this.state.browserPermissionState$);
+        if (shouldApplyDefaults &&
+            this.devicePersistence.enabled &&
+            permissionState === 'granted') {
             persistedPreferencesApplied = await this.applyPersistedPreferences(true);
         }
         const canPublish = this.call.permissionsContext.canPublish(this.trackType);
@@ -12730,7 +12769,12 @@ class SpeakerManager {
             }));
         }
         if (!isReactNative() && this.devicePersistence.enabled) {
-            this.subscriptions.push(createSubscription(this.state.selectedDevice$, (selectedDevice) => {
+            this.subscriptions.push(createSubscription(combineLatest([
+                this.state.selectedDevice$,
+                getAudioBrowserPermission(this.call.tracer).asStateObservable(),
+            ]), ([selectedDevice, browserPermissionState]) => {
+                if (!selectedDevice || browserPermissionState !== 'granted')
+                    return;
                 this.persistSpeakerDevicePreference(selectedDevice);
             }));
         }
@@ -16107,7 +16151,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.46.0", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.47.0", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),