@stream-io/video-client 1.8.2 → 1.8.4

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.8.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.8.3...@stream-io/video-client-1.8.4) (2024-10-16)
+
+
+### Bug Fixes
+
+* ignore camera direction for desktop devices ([#1521](https://github.com/GetStream/stream-video-js/issues/1521)) ([562b5cc](https://github.com/GetStream/stream-video-js/commit/562b5cca77264330d08dff5305eccc489970076a))
+
+## [1.8.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.8.2...@stream-io/video-client-1.8.3) (2024-10-10)
+
+
+### Bug Fixes
+
+* do not release track if track was not removed from stream ([#1517](https://github.com/GetStream/stream-video-js/issues/1517)) ([5bfc528](https://github.com/GetStream/stream-video-js/commit/5bfc52850c36ffe0de37e47066538a8a14dc9e01))
+
 ## [1.8.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.8.1...@stream-io/video-client-1.8.2) (2024-10-10)
 
 

package/dist/index.browser.es.js

@@ -3020,7 +3020,7 @@ const retryable = async (rpc, signal) => {
     return result;
 };
 
-const version = "1.8.2";
+const version = "1.8.4";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -5237,11 +5237,6 @@ class Publisher {
                 if (previousTrack && previousTrack !== track) {
                     previousTrack.stop();
                     previousTrack.removeEventListener('ended', handleTrackEnded);
-                    // @ts-expect-error release() is present in react-native-webrtc and must be called to dispose the track
-                    if (typeof previousTrack.release === 'function') {
-                        // @ts-expect-error
-                        track.release();
-                    }
                     track.addEventListener('ended', handleTrackEnded);
                 }
                 if (!track.enabled) {
@@ -5261,19 +5256,14 @@ class Publisher {
             const transceiver = this.pc
                 .getTransceivers()
                 .find((t) => t === this.transceiverRegistry[trackType] && t.sender.track);
-            const track = transceiver?.sender.track;
-            if (track && (stopTrack ? track.readyState === 'live' : track.enabled)) {
-                if (stopTrack) {
-                    track.stop();
-                    // @ts-expect-error release() is present in react-native-webrtc and must be called to dispose the track
-                    if (typeof track.release === 'function') {
-                        // @ts-expect-error
-                        track.release();
-                    }
-                }
-                else {
-                    track.enabled = false;
-                }
+            if (transceiver &&
+                transceiver.sender.track &&
+                (stopTrack
+                    ? transceiver.sender.track.readyState === 'live'
+                    : transceiver.sender.track.enabled)) {
+                stopTrack
+                    ? transceiver.sender.track.stop()
+                    : (transceiver.sender.track.enabled = false);
                 // We don't need to notify SFU if unpublishing in response to remote soft mute
                 if (this.state.localParticipant?.publishedTracks.includes(trackType)) {
                     await this.notifyTrackMuteStateChanged(undefined, trackType, true);
@@ -5320,13 +5310,7 @@ class Publisher {
         this.stopPublishing = () => {
             this.logger('debug', 'Stopping publishing all tracks');
             this.pc.getSenders().forEach((s) => {
-                const track = s.track;
-                track?.stop();
-                // @ts-expect-error release() is present in react-native-webrtc and must be called to dispose the track
-                if (typeof track?.release === 'function') {
-                    // @ts-expect-error
-                    track.release();
-                }
+                s.track?.stop();
                 if (this.pc.signalingState !== 'closed') {
                     this.pc.removeTrack(s);
                 }
@@ -7954,12 +7938,6 @@ const disposeOfMediaStream = (stream) => {
         return;
     stream.getTracks().forEach((track) => {
         track.stop();
-        stream.removeTrack(track);
-        // @ts-expect-error release() is present in react-native-webrtc and must be called to dispose the track
-        if (typeof track.release === 'function') {
-            // @ts-expect-error
-            track.release();
-        }
     });
     // @ts-expect-error release() is present in react-native-webrtc and must be called to dispose the stream
     if (typeof stream.release === 'function') {
@@ -8179,14 +8157,8 @@ class InputMediaDeviceManager {
     }
     stopTracks() {
         this.getTracks().forEach((track) => {
-            if (track.readyState === 'live') {
+            if (track.readyState === 'live')
                 track.stop();
-                // @ts-expect-error release() is present in react-native-webrtc and must be called to dispose the track
-                if (typeof track.release === 'function') {
-                    // @ts-expect-error
-                    track.release();
-                }
-            }
         });
     }
     muteLocalStream(stopTracks) {
@@ -8543,6 +8515,14 @@ class CameraManagerState extends InputMediaDeviceManagerState {
     }
 }
 
+/**
+ * Checks if the current platform is a mobile device.
+ *
+ * See:
+ * https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent
+ */
+const isMobile = () => /Mobi/i.test(navigator.userAgent);
+
 class CameraManager extends InputMediaDeviceManager {
     /**
      * Constructs a new CameraManager.
@@ -8562,10 +8542,15 @@ class CameraManager extends InputMediaDeviceManager {
      * @param direction the direction of the camera to select.
      */
     async selectDirection(direction) {
-        this.state.setDirection(direction);
-        // Providing both device id and direction doesn't work, so we deselect the device
-        this.state.setDevice(undefined);
-        await this.applySettingsToStream();
+        if (isMobile()) {
+            this.state.setDirection(direction);
+            // Providing both device id and direction doesn't work, so we deselect the device
+            this.state.setDevice(undefined);
+            await this.applySettingsToStream();
+        }
+        else {
+            this.logger('warn', 'Camera direction ignored for desktop devices');
+        }
     }
     /**
      * Flips the camera direction: if it's front it will change to back, if it's back, it will change to front.
@@ -8646,7 +8631,7 @@ class CameraManager extends InputMediaDeviceManager {
         constraints.height = this.targetResolution.height;
         // We can't set both device id and facing mode
         // Device id has higher priority
-        if (!constraints.deviceId && this.state.direction) {
+        if (!constraints.deviceId && this.state.direction && isMobile()) {
             constraints.facingMode =
                 this.state.direction === 'front' ? 'user' : 'environment';
         }
@@ -8827,14 +8812,7 @@ class RNSpeechDetector {
         if (!this.audioStream) {
             return;
         }
-        this.audioStream.getTracks().forEach((track) => {
-            track.stop();
-            // @ts-expect-error release() is present in react-native-webrtc and must be called to dispose the track
-            if (typeof track.release === 'function') {
-                // @ts-expect-error
-                track.release();
-            }
-        });
+        this.audioStream.getTracks().forEach((track) => track.stop());
         if (
         // @ts-expect-error release() is present in react-native-webrtc
         typeof this.audioStream.release === 'function') {
@@ -12504,7 +12482,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "1.8.2";
+            const version = "1.8.4";
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };