@stream-io/video-client 0.6.0 → 0.6.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.6.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-0.6.0...@stream-io/video-client-0.6.1) (2024-03-13)
+
+
+### Features
+
+* **speakers:** Participant audio output levels ([#1284](https://github.com/GetStream/stream-video-js/issues/1284)) ([63b6077](https://github.com/GetStream/stream-video-js/commit/63b607709fd65019fe320e5970aab8132053995c))
+
 ## [0.6.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-0.5.11...@stream-io/video-client-0.6.0) (2024-02-26)
 
 

package/dist/index.browser.es.js

@@ -9664,8 +9664,11 @@ class DynascaleManager {
                         audioElement.setSinkId(deviceId);
                     }
                 });
-            const volumeSubscription = this.call.speaker.state.volume$.subscribe((volume) => {
-                audioElement.volume = volume;
+            const volumeSubscription = combineLatest([
+                this.call.speaker.state.volume$,
+                participant$.pipe(distinctUntilKeyChanged('audioVolume')),
+            ]).subscribe(([volume, p]) => {
+                audioElement.volume = p.audioVolume ?? volume;
             });
             audioElement.autoplay = true;
             return () => {
@@ -11029,12 +11032,13 @@ class SpeakerState {
 }
 
 class SpeakerManager {
-    constructor() {
+    constructor(call) {
         this.state = new SpeakerState();
         this.subscriptions = [];
         this.removeSubscriptions = () => {
             this.subscriptions.forEach((s) => s.unsubscribe());
         };
+        this.call = call;
         if (deviceIds$ && !isReactNative()) {
             this.subscriptions.push(combineLatest([deviceIds$, this.state.selectedDevice$]).subscribe(([devices, deviceId]) => {
                 if (!deviceId) {
@@ -11058,7 +11062,7 @@ class SpeakerManager {
         return getAudioOutputDevices();
     }
     /**
-     * Select device
+     * Select a device.
      *
      * Note: this method is not supported in React Native
      *
@@ -11072,7 +11076,7 @@ class SpeakerManager {
     }
     /**
      * Set the volume of the audio elements
-     * @param volume a number between 0 and 1
+     * @param volume a number between 0 and 1.
      *
      * Note: this method is not supported in React Native
      */
@@ -11085,6 +11089,23 @@ class SpeakerManager {
         }
         this.state.setVolume(volume);
     }
+    /**
+     * Set the volume of a participant.
+     *
+     * Note: this method is not supported in React Native.
+     *
+     * @param sessionId the participant's session id.
+     * @param volume a number between 0 and 1. Set it to `undefined` to use the default volume.
+     */
+    setParticipantVolume(sessionId, volume) {
+        if (isReactNative()) {
+            throw new Error('This feature is not supported in React Native');
+        }
+        if (volume && (volume < 0 || volume > 1)) {
+            throw new Error('Volume must be between 0 and 1, or undefined');
+        }
+        this.call.state.updateParticipant(sessionId, { audioVolume: volume });
+    }
 }
 
 /**
@@ -12329,7 +12350,7 @@ class Call {
         this.leaveCallHooks.add(createSubscription(this.trackSubscriptionsSubject.pipe(debounce((v) => timer(v.type)), map$1((v) => v.data)), (subscriptions) => this.sfuClient?.updateSubscriptions(subscriptions)));
         this.camera = new CameraManager(this);
         this.microphone = new MicrophoneManager(this);
-        this.speaker = new SpeakerManager();
+        this.speaker = new SpeakerManager(this);
         this.screenShare = new ScreenShareManager(this);
     }
     registerEffects() {
@@ -14069,7 +14090,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "0.6.0" ;
+            const version = "0.6.1" ;
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };