@stormstreaming/stormstreamer 0.9.0-beta.3 → 0.9.0-beta.4

package/dist/amd/index.js

@@ -4,8 +4,8 @@
  * contact@stormstreaming.com
  * https://stormstreaming.com
  *
- * Version: 0.9.0-beta.3
- * Version: 12/5/2024, 2:36:50 PM
+ * Version: 0.9.0-beta.4
+ * Version: 12/7/2024, 6:37:55 PM
  *
  * LEGAL NOTICE:
  * This software is subject to the terms and conditions defined in
@@ -1180,6 +1180,12 @@
           localStorage.setItem(this.prefix + name, value);
         }
       }
+      removeField(name) {
+        if (this.isEnabled) {
+          if (this.LOG_ACTIVITY) this.logger.info(this, "Removing data: " + name);
+          localStorage.removeItem(this.prefix + name);
+        }
+      }
       getField(name) {
         if (this.isEnabled == true) {
           const value = localStorage.getItem(this.prefix + name);
@@ -1777,7 +1783,6 @@
         if (typeof container === "string") {
           this._logger.info(this, "Attaching container to ID: " + container);
           tempParentElement = document.getElementById(container);
-          console.log(">>", document.getElementById(container));
         } else if (container instanceof HTMLElement) {
           this._logger.info(this, "Attaching container to HTMLElement: " + container);
           tempParentElement = container;
@@ -2514,21 +2519,21 @@
           let sum = 0.0;
           let clipcount = 0;
           for (let i = 0; i < dataArray.length; ++i) {
-            const amplitude = dataArray[i];
+            const amplitude = dataArray[i] * 3.16;
             sum += amplitude * amplitude;
             if (Math.abs(amplitude) > 0.99) {
               clipcount += 1;
             }
           }
-          this._instant = Math.sqrt(sum / dataArray.length);
-          this._slow = 0.05 * this._instant + 0.95 * this._slow;
+          this._instant = Math.min(1, Math.sqrt(sum / dataArray.length));
+          this._slow = Math.min(1, 0.05 * this._instant + 0.95 * this._slow);
           this._clip = clipcount / dataArray.length;
           if (now - this._lastEventTime >= this.THROTTLE_INTERVAL) {
             this._lastEventTime = now;
             this._main.dispatchEvent("soundMeter", {
               ref: this._main,
-              high: this._instant,
-              low: this._slow
+              high: Number(this._instant.toFixed(4)),
+              low: Number(this._slow.toFixed(4))
             });
           }
           requestAnimationFrame(analyze);
@@ -2545,6 +2550,7 @@
         };
         this._isMicrophoneMuted = false;
         this._pendingMicrophoneState = null;
+        this._permissionChecked = false;
         this._constraints = {
           video: {
             width: {
@@ -2641,10 +2647,9 @@
         };
         this._main = main;
         this._logger = main.getLogger();
-        this._logger.info(this, "Creating new PlaybackController");
         this._mungeSDP = new MungeSDP();
         this._soundMeter = new SoundMeter(this._main);
-        this.initialize();
+        this.initializeDevices();
       }
       initialize() {
         var _a, _b;
@@ -2653,16 +2658,64 @@
         document.addEventListener("visibilitychange", this.visibilityChange);
         window.addEventListener("blur", this.onWindowBlur);
         window.addEventListener("focus", this.onWindowFocus);
+        if (this._selectedCamera || this._selectedMicrophone) {
+          this.startCamera().then(() => {
+            var _a;
+            if (((_a = this._main.getConfigManager()) === null || _a === void 0 ? void 0 : _a.getStreamData().streamKey) != null) {
+              this.initializeWebRTC();
+            }
+          });
+        }
         if ((_a = this._main.getConfigManager()) === null || _a === void 0 ? void 0 : _a.getSettingsData().autoConnect) {
           this._logger.info(this, "Initializing NetworkController (autoConnect is true)");
           (_b = this._main.getNetworkController()) === null || _b === void 0 ? void 0 : _b.initialize();
         } else {
           this._logger.warning(this, "Warning - autoConnect is set to false, switching to standby mode!");
         }
-        this.startCamera().then(() => {
-          var _a;
-          if (((_a = this._main.getConfigManager()) === null || _a === void 0 ? void 0 : _a.getStreamData().streamKey) != null) {
-            this.initializeWebRTC();
+        this.setupPermissionListeners();
+      }
+      initializeDevices() {
+        return __awaiter(this, void 0, void 0, function* () {
+          try {
+            yield this.grabDevices();
+            this.setupPermissionListeners();
+            this.initialize();
+          } catch (error) {
+            this._logger.error(this, "Error initializing devices: " + JSON.stringify(error));
+            this.initialize();
+          }
+        });
+      }
+      setupPermissionListeners() {
+        const cameraQuery = {
+          name: 'camera'
+        };
+        const microphoneQuery = {
+          name: 'microphone'
+        };
+        navigator.permissions.query(cameraQuery).then(permissionStatus => {
+          permissionStatus.onchange = () => {
+            this._permissionChecked = false;
+            this.handlePermissionChange('camera', permissionStatus.state);
+          };
+        });
+        navigator.permissions.query(microphoneQuery).then(permissionStatus => {
+          permissionStatus.onchange = () => {
+            this._permissionChecked = false;
+            this.handlePermissionChange('microphone', permissionStatus.state);
+          };
+        });
+      }
+      handlePermissionChange(device, state) {
+        return __awaiter(this, void 0, void 0, function* () {
+          if (state === 'denied') {
+            if (this._publishState == exports.PublishState.PUBLISHED) {
+              this.closeStream();
+            }
+          }
+          yield this.grabDevices();
+          if (state === 'granted') {
+            yield this.startCamera();
           }
         });
       }
@@ -2726,105 +2779,94 @@
         this.closeStream();
       }
       onUserMediaError(error) {
-        console.log('%c⏵ 🎥 onUserMediaError: ' + JSON.stringify(error), 'background: green; color: white;');
-        const errorName = error.name || '';
-        const errorMessage = error.message || '';
-        if (error.deviceType) {
-          if (error.deviceType === 'video') {
-            this._main.dispatchEvent("cameraAccessDenied", {
-              ref: this._main
-            });
-          } else if (error.deviceType === 'audio') {
-            this._main.dispatchEvent("microphoneAccessDenied", {
-              ref: this._main
-            });
+        return __awaiter(this, void 0, void 0, function* () {
+          yield this.grabDevices();
+          if (error.name === "OverconstrainedError") {
+            this._logger.warning(this, "Device constraints not satisfied");
           }
-          this.grabDevices();
-          return;
-        }
-        if (errorName === 'NotAllowedError' || errorMessage.includes('Permission denied') || errorMessage.includes('not allowed')) {
-          this.checkIndividualDeviceAccess().then(results => {
-            if (!results.camera && !results.microphone) {
-              this._main.dispatchEvent("cameraAccessDenied", {
-                ref: this._main
-              });
-              this._main.dispatchEvent("microphoneAccessDenied", {
-                ref: this._main
-              });
-            } else {
-              if (!results.camera) {
-                this._main.dispatchEvent("cameraAccessDenied", {
-                  ref: this._main
-                });
-              }
-              if (!results.microphone) {
-                this._main.dispatchEvent("microphoneAccessDenied", {
-                  ref: this._main
-                });
-              }
-            }
-            this.grabDevices();
-          });
-          return;
-        }
-        if (errorName === 'NotFoundError' || errorMessage.includes('Requested device not found')) {
-          this.checkDeviceAvailability().then(results => {
-            if (!results.camera) {
-              this._main.dispatchEvent("noCameraFound", {
-                ref: this._main
-              });
-            }
-            if (!results.microphone) {
-              this._main.dispatchEvent("noMicrophoneFound", {
-                ref: this._main
-              });
-            }
-            this.grabDevices();
-          });
-          return;
-        }
-        this._logger.warning(this, "WebRTCStreamer :: Unsupported onUserMediaError: " + errorMessage);
-        this._main.dispatchEvent("inputDeviceError", {
-          ref: this._main
         });
-        this.grabDevices();
       }
       checkIndividualDeviceAccess() {
         return __awaiter(this, void 0, void 0, function* () {
           const results = {
-            camera: false,
-            microphone: false
+            camera: {
+              allowed: false,
+              available: false
+            },
+            microphone: {
+              allowed: false,
+              available: false
+            }
           };
+          const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+          const isEdge = /edg/i.test(navigator.userAgent);
+          const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
           try {
-            const videoStream = yield navigator.mediaDevices.getUserMedia({
-              video: true
-            });
-            results.camera = true;
-            videoStream.getTracks().forEach(track => track.stop());
-          } catch (e) {
-            results.camera = false;
+            const devices = yield navigator.mediaDevices.enumerateDevices();
+            results.camera.available = devices.some(device => device.kind === 'videoinput');
+            results.microphone.available = devices.some(device => device.kind === 'audioinput');
+          } catch (error) {
+            console.error("Error checking device availability:", error);
           }
-          try {
-            const audioStream = yield navigator.mediaDevices.getUserMedia({
-              audio: true
-            });
-            results.microphone = true;
-            audioStream.getTracks().forEach(track => track.stop());
-          } catch (e) {
-            results.microphone = false;
+          if (isFirefox) {
+            console.log("Firefox detected, using direct getUserMedia check...");
+            if (results.camera.available) {
+              try {
+                const stream = yield navigator.mediaDevices.getUserMedia({
+                  video: true
+                });
+                results.camera.allowed = true;
+                stream.getTracks().forEach(track => track.stop());
+              } catch (e) {
+                console.log("Camera permission check failed:", e);
+                results.camera.allowed = false;
+              }
+            }
+            if (results.microphone.available) {
+              try {
+                const stream = yield navigator.mediaDevices.getUserMedia({
+                  audio: true
+                });
+                results.microphone.allowed = true;
+                stream.getTracks().forEach(track => track.stop());
+              } catch (e) {
+                console.log("Microphone permission check failed:", e);
+                results.microphone.allowed = false;
+              }
+            }
+          } else {
+            try {
+              const [cameraPermission, microphonePermission] = yield Promise.all([navigator.permissions.query({
+                name: 'camera'
+              }), navigator.permissions.query({
+                name: 'microphone'
+              })]);
+              results.camera.allowed = cameraPermission.state === "granted";
+              results.microphone.allowed = microphonePermission.state === "granted";
+              if ((isSafari || isEdge) && (!results.camera.allowed || !results.microphone.allowed)) {
+                try {
+                  const stream = yield navigator.mediaDevices.getUserMedia({
+                    video: results.camera.available && !results.camera.allowed,
+                    audio: results.microphone.available && !results.microphone.allowed
+                  });
+                  if (stream.getVideoTracks().length > 0) {
+                    results.camera.allowed = true;
+                  }
+                  if (stream.getAudioTracks().length > 0) {
+                    results.microphone.allowed = true;
+                  }
+                  stream.getTracks().forEach(track => track.stop());
+                } catch (error) {
+                  console.log("Additional permission check failed:", error);
+                }
+              }
+            } catch (error) {
+              console.error("Error checking permissions:", error);
+            }
           }
           return results;
         });
       }
-      checkDeviceAvailability() {
-        return __awaiter(this, void 0, void 0, function* () {
-          const devices = yield navigator.mediaDevices.enumerateDevices();
-          return {
-            camera: devices.some(device => device.kind === 'videoinput'),
-            microphone: devices.some(device => device.kind === 'audioinput')
-          };
-        });
-      }
       onSocketMessage(data) {
         let msgJSON = JSON.parse(data);
         let msgStatus = Number(msgJSON["status"]);
@@ -2882,60 +2924,61 @@
       grabDevices() {
         return __awaiter(this, void 0, void 0, function* () {
           try {
-            try {
-              yield navigator.mediaDevices.getUserMedia({
-                audio: true,
-                video: true
-              });
-            } catch (e) {}
-            const devices = yield navigator.mediaDevices.enumerateDevices();
+            const deviceAccess = yield this.checkIndividualDeviceAccess();
             this._cameraList = new InputDeviceList();
             this._microphoneList = new InputDeviceList();
-            for (let device of devices) {
-              try {
-                if (device.deviceId && device.label) {
-                  if (device.kind === 'videoinput') {
-                    let inputDevice = new InputDevice(device, this._cameraList.getSize());
-                    this._cameraList.push(inputDevice);
-                  } else if (device.kind === 'audioinput') {
-                    let inputDevice = new InputDevice(device, this._microphoneList.getSize());
-                    this._microphoneList.push(inputDevice);
-                  }
-                }
-              } catch (error) {
-                this._logger.error(this, "WebRTCStreamer :: Input Device Error: " + error);
+            if (!this._permissionChecked) {
+              if (!deviceAccess.camera.allowed) {
+                this._main.dispatchEvent("cameraAccessDenied", {
+                  ref: this._main
+                });
+              } else if (!deviceAccess.camera.available) {
+                this._main.dispatchEvent("noCameraFound", {
+                  ref: this._main
+                });
+              }
+              if (!deviceAccess.microphone.allowed) {
+                this._main.dispatchEvent("microphoneAccessDenied", {
+                  ref: this._main
+                });
+              } else if (!deviceAccess.microphone.available) {
+                this._main.dispatchEvent("noMicrophoneFound", {
+                  ref: this._main
+                });
               }
             }
-            this._logger.info(this, "Camera list:");
-            for (let i = 0; i < this._cameraList.getSize(); i++) {
-              this._logger.info(this, "=> [" + i + "] InputDevice: " + this._cameraList.get(i).getLabel());
-            }
-            this._logger.info(this, "Microphone list:");
-            for (let k = 0; k < this._microphoneList.getSize(); k++) {
-              this._logger.info(this, "=> [" + k + "] InputDevice: " + this._microphoneList.get(k).getLabel());
-            }
-            if (this._cameraList.getSize() == 0) {
-              this._main.dispatchEvent("noCameraFound", {
-                ref: this._main
-              });
-            } else {
-              this._selectedCamera = this.pickCamera();
+            const devices = yield navigator.mediaDevices.enumerateDevices();
+            for (const device of devices) {
+              if (device.deviceId && device.label) {
+                if (device.kind === 'videoinput' && deviceAccess.camera.allowed) {
+                  const inputDevice = new InputDevice(device, this._cameraList.getSize());
+                  this._cameraList.push(inputDevice);
+                } else if (device.kind === 'audioinput' && deviceAccess.microphone.allowed) {
+                  const inputDevice = new InputDevice(device, this._microphoneList.getSize());
+                  this._microphoneList.push(inputDevice);
+                }
+              }
             }
-            if (this._microphoneList.getSize() == 0) {
-              this._main.dispatchEvent("noMicrophoneFound", {
-                ref: this._main
-              });
-            } else {
-              this._selectedMicrophone = this.pickMicrophone();
+            try {
+              if (deviceAccess.camera.allowed) {
+                this._selectedCamera = this.pickCamera();
+              }
+              if (deviceAccess.microphone.allowed) {
+                this._selectedMicrophone = this.pickMicrophone();
+              }
+            } catch (error) {
+              this._logger.error(this, "Errror on grab devices: " + JSON.stringify(error));
             }
             this._main.dispatchEvent("deviceListUpdate", {
               ref: this._main,
               cameraList: this._cameraList.getArray(),
               microphoneList: this._microphoneList.getArray()
             });
+            this._permissionChecked = true;
           } catch (error) {
-            if (!this._cameraList) this._cameraList = new InputDeviceList();
-            if (!this._microphoneList) this._microphoneList = new InputDeviceList();
+            console.error("Error in grabDevices:", error);
+            this._cameraList = new InputDeviceList();
+            this._microphoneList = new InputDeviceList();
             this._main.dispatchEvent("deviceListUpdate", {
               ref: this._main,
               cameraList: this._cameraList.getArray(),
@@ -2948,109 +2991,117 @@
         });
       }
       selectCamera(cameraID) {
-        var _a;
+        var _a, _b;
+        const streamKey = (_a = this._main.getConfigManager()) === null || _a === void 0 ? void 0 : _a.getStreamData().streamKey;
+        const wasPublished = this._publishState === exports.PublishState.PUBLISHED;
         for (let i = 0; i < this._cameraList.getSize(); i++) {
           if (this._cameraList.get(i).getID() == cameraID) {
             this._selectedCamera = this._cameraList.get(i);
-            (_a = this._main.getStorageManager()) === null || _a === void 0 ? void 0 : _a.saveField("cameraID", this._selectedCamera.getID());
+            console.log("kamera znaleziona i zapisana " + this._cameraList.get(i).getLabel() + " " + this._cameraList.get(i).getID());
+            (_b = this._main.getStorageManager()) === null || _b === void 0 ? void 0 : _b.saveField("cameraID", this._selectedCamera.getID());
             break;
           }
         }
-        const wasPublishing = this._publishState === exports.PublishState.PUBLISHED;
         this.stopCameraStream();
         this._constraints.video.deviceId = this._selectedCamera.getID();
         this.startCamera().then(() => {
-          var _a;
-          if (wasPublishing && ((_a = this._main.getConfigManager()) === null || _a === void 0 ? void 0 : _a.getStreamData().streamKey)) {
-            this.updateWebRTCStream();
+          if (wasPublished && streamKey) {
+            this.publish(streamKey);
           }
         });
       }
       selectMicrophone(micID) {
-        var _a;
-        for (let i = 0; i < this._microphoneList.getSize(); i++) {
-          if (this._microphoneList.get(i).getID() == micID) {
-            this._selectedMicrophone = this._microphoneList.get(i);
-            (_a = this._main.getStorageManager()) === null || _a === void 0 ? void 0 : _a.saveField("microphoneID", this._selectedMicrophone.getID());
-            break;
+        var _a, _b, _c, _d, _e, _f;
+        return __awaiter(this, void 0, void 0, function* () {
+          console.log("🎤 Selecting microphone:", micID);
+          const streamKey = (_a = this._main.getConfigManager()) === null || _a === void 0 ? void 0 : _a.getStreamData().streamKey;
+          const wasPublished = this._publishState === exports.PublishState.PUBLISHED;
+          for (let i = 0; i < this._microphoneList.getSize(); i++) {
+            if (this._microphoneList.get(i).getID() == micID) {
+              this._selectedMicrophone = this._microphoneList.get(i);
+              (_b = this._main.getStorageManager()) === null || _b === void 0 ? void 0 : _b.saveField("microphoneID", this._selectedMicrophone.getID());
+              break;
+            }
           }
-        }
-        const wasPublishing = this._publishState === exports.PublishState.PUBLISHED;
-        this.stopCameraStream();
-        this._constraints.audio = {
-          deviceId: this._selectedMicrophone.getID()
-        };
-        this.startCamera().then(() => {
-          var _a;
-          if (wasPublishing && ((_a = this._main.getConfigManager()) === null || _a === void 0 ? void 0 : _a.getStreamData().streamKey)) {
-            this.updateWebRTCStream();
+          this._soundMeter.detach();
+          (_c = this._stream) === null || _c === void 0 ? void 0 : _c.getAudioTracks().forEach(track => track.stop());
+          try {
+            const audioStream = yield navigator.mediaDevices.getUserMedia({
+              audio: {
+                deviceId: {
+                  exact: (_d = this._selectedMicrophone) === null || _d === void 0 ? void 0 : _d.getID()
+                }
+              }
+            });
+            const oldAudioTracks = ((_e = this._stream) === null || _e === void 0 ? void 0 : _e.getAudioTracks()) || [];
+            oldAudioTracks.forEach(track => {
+              var _a;
+              (_a = this._stream) === null || _a === void 0 ? void 0 : _a.removeTrack(track);
+              track.stop();
+            });
+            const newAudioTrack = audioStream.getAudioTracks()[0];
+            (_f = this._stream) === null || _f === void 0 ? void 0 : _f.addTrack(newAudioTrack);
+            this._soundMeter.detach();
+            yield new Promise(resolve => setTimeout(resolve, 100));
+            if (this._stream) {
+              this._soundMeter.attach(this._stream);
+            }
+            if (wasPublished && streamKey) {
+              this.publish(streamKey);
+            }
+          } catch (error) {
+            console.error("Error changing microphone:", error);
           }
         });
       }
       startCamera() {
         return __awaiter(this, void 0, void 0, function* () {
+          if (this._stream) {
+            console.log("Stopping existing stream before starting new one");
+            this._stream.getTracks().forEach(track => {
+              track.stop();
+            });
+            this._stream = null;
+          }
           try {
-            const devices = yield navigator.mediaDevices.enumerateDevices();
-            const hasVideo = devices.some(device => device.kind === 'videoinput');
-            const hasAudio = devices.some(device => device.kind === 'audioinput');
-            let tracks = [];
-            let hadError = false;
-            if (hasVideo) {
-              try {
-                const videoStream = yield navigator.mediaDevices.getUserMedia({
-                  video: this._constraints.video
-                });
-                tracks.push(...videoStream.getTracks());
-              } catch (error) {
-                hadError = true;
+            const constraints = {
+              video: this._selectedCamera ? Object.assign(Object.assign({}, this._constraints.video), {
+                deviceId: {
+                  exact: this._selectedCamera.getID()
+                }
+              }) : false,
+              audio: this._selectedMicrophone ? {
+                deviceId: {
+                  exact: this._selectedMicrophone.getID()
+                }
+              } : false
+            };
+            try {
+              const stream = yield navigator.mediaDevices.getUserMedia(constraints);
+              this._stream = stream;
+              this.onCameraStreamSuccess(this._stream);
+            } catch (error) {
+              if (constraints.video) {
                 this.onUserMediaError({
-                  name: error instanceof Error ? error.name : 'UnknownError',
-                  message: error instanceof Error ? error.message : 'Unknown error',
+                  name: error.name || 'Error',
+                  message: error.message || 'Unknown error',
                   deviceType: 'video'
                 });
               }
-            }
-            if (hasAudio) {
-              try {
-                const audioStream = yield navigator.mediaDevices.getUserMedia({
-                  audio: this._constraints.audio
-                });
-                tracks.push(...audioStream.getTracks());
-              } catch (error) {
-                hadError = true;
+              if (constraints.audio) {
                 this.onUserMediaError({
-                  name: error instanceof Error ? error.name : 'UnknownError',
-                  message: error instanceof Error ? error.message : 'Unknown error',
+                  name: error.name || 'Error',
+                  message: error.message || 'Unknown error',
                   deviceType: 'audio'
                 });
               }
             }
-            if (tracks.length > 0) {
-              this._stream = new MediaStream(tracks);
-              this.onCameraStreamSuccess(this._stream);
-            } else if (hadError) {
-              yield this.grabDevices();
-            }
           } catch (error) {
-            if (error instanceof Error && !('deviceType' in error)) {
-              this.onUserMediaError({
-                name: error.name,
-                message: error.message
-              });
-            }
+            console.error("Error in startCamera:", error);
             yield this.grabDevices();
           }
         });
       }
-      stopCameraStream() {
-        if (this._stream) {
-          this._stream.getTracks().forEach(track => track.stop());
-          const videoElement = this._main.getStageController().getScreenElement().getVideoElement();
-          videoElement.srcObject = null;
-          this._soundMeter.detach();
-          this._stream = null;
-        }
-      }
       updateWebRTCStream() {
         if (!this._peerConnection || !this._stream) {
           return;
@@ -3077,22 +3128,32 @@
           this._cameraList.get(i).setSelected(false);
         }
         let savedCameraID = (_b = (_a = this._main.getStorageManager()) === null || _a === void 0 ? void 0 : _a.getField("cameraID")) !== null && _b !== void 0 ? _b : null;
-        if (this._selectedCamera == null || savedCameraID == null) {
-          if (this._cameraList.getSize() > 0) {
-            this._selectedCamera = this._cameraList.get(0);
-            this._selectedCamera.setSelected(true);
-          }
-        } else {
-          for (let i = 0; i < this._cameraList.getSize(); i++) {
-            if (this._cameraList.get(i).getID() == savedCameraID) {
-              this._selectedCamera = this._cameraList.get(i);
-              this._selectedCamera.setSelected(true);
-              break;
+        if (this._cameraList.getSize() > 0) {
+          if (savedCameraID) {
+            let found = false;
+            for (let i = 0; i < this._cameraList.getSize(); i++) {
+              if (this._cameraList.get(i).getID() === savedCameraID) {
+                this._selectedCamera = this._cameraList.get(i);
+                this._selectedCamera.setSelected(true);
+                found = true;
+                this._constraints.video.deviceId = this._selectedCamera.getID();
+                break;
+              }
+            }
+            if (!found) {
+              this._main.dispatchEvent("savedCameraNotFound", {
+                ref: this._main
+              });
+              throw new Error("Specific camera was not found!");
             }
           }
-          if (!this._selectedCamera && this._cameraList.getSize() > 0) {
+          if (!this._selectedCamera) {
+            this._main.dispatchEvent("savedCameraNotFound", {
+              ref: this._main
+            });
             this._selectedCamera = this._cameraList.get(0);
             this._selectedCamera.setSelected(true);
+            this._constraints.video.deviceId = this._selectedCamera.getID();
           }
         }
         this._main.dispatchEvent("deviceListUpdate", {
@@ -3108,31 +3169,43 @@
           this._microphoneList.get(i).setSelected(false);
         }
         let savedMicID = (_b = (_a = this._main.getStorageManager()) === null || _a === void 0 ? void 0 : _a.getField("microphoneID")) !== null && _b !== void 0 ? _b : null;
-        if (this._selectedMicrophone == null || savedMicID == null) {
-          if (this._microphoneList.getSize() > 0) {
-            this._selectedMicrophone = this._microphoneList.get(0);
-            this._selectedMicrophone.setSelected(true);
-          }
-        } else {
-          for (let i = 0; i < this._microphoneList.getSize(); i++) {
-            if (this._microphoneList.get(i).getID() == savedMicID) {
-              this._selectedMicrophone = this._microphoneList.get(i);
-              this._selectedMicrophone.setSelected(true);
-              break;
+        if (this._microphoneList.getSize() > 0) {
+          if (savedMicID) {
+            let found = false;
+            for (let i = 0; i < this._microphoneList.getSize(); i++) {
+              if (this._microphoneList.get(i).getID() === savedMicID) {
+                this._selectedMicrophone = this._microphoneList.get(i);
+                found = true;
+                break;
+              }
+            }
+            if (!found) {
+              this._main.dispatchEvent("savedMicrophoneNotFound", {
+                ref: this._main
+              });
+              throw new Error("Specific microphone was not found!");
             }
           }
-          if (!this._selectedMicrophone && this._microphoneList.getSize() > 0) {
+          if (!this._selectedMicrophone) {
             this._selectedMicrophone = this._microphoneList.get(0);
-            this._selectedMicrophone.setSelected(true);
           }
+          this._selectedMicrophone.setSelected(true);
+          this._constraints.audio = {
+            deviceId: this._selectedMicrophone.getID()
+          };
         }
-        this._main.dispatchEvent("deviceListUpdate", {
-          ref: this._main,
-          cameraList: this._cameraList.getArray(),
-          microphoneList: this._microphoneList.getArray()
-        });
         return this._selectedMicrophone;
       }
+      clearSavedDevices() {
+        var _a, _b;
+        (_a = this._main.getStorageManager()) === null || _a === void 0 ? void 0 : _a.removeField("cameraID");
+        (_b = this._main.getStorageManager()) === null || _b === void 0 ? void 0 : _b.removeField("microphoneID");
+      }
+      messSavedDevices() {
+        var _a, _b;
+        (_a = this._main.getStorageManager()) === null || _a === void 0 ? void 0 : _a.saveField("cameraID", "a");
+        (_b = this._main.getStorageManager()) === null || _b === void 0 ? void 0 : _b.saveField("microphoneID", "b");
+      }
       muteMicrophone(shouldMute) {
         if (this._isMicrophoneMuted === shouldMute) {
           return;
@@ -3212,16 +3285,105 @@
       getPlayer() {
         return this._selectedPlayer;
       }
+      stopCameraStream() {
+        var _a, _b;
+        if (this._stream) {
+          this._stream.getTracks().forEach(track => track.stop());
+          const videoElement = (_b = (_a = this._main.getStageController()) === null || _a === void 0 ? void 0 : _a.getScreenElement()) === null || _b === void 0 ? void 0 : _b.getVideoElement();
+          if (videoElement) {
+            videoElement.srcObject = null;
+          }
+          this._soundMeter.detach();
+          this._stream = null;
+        }
+      }
+      forceStopAllStreams() {
+        var _a, _b;
+        console.log("Force stopping all streams...");
+        if (this._peerConnection) {
+          try {
+            const senders = this._peerConnection.getSenders();
+            senders.forEach(sender => {
+              var _a;
+              try {
+                if (sender.track) {
+                  sender.track.enabled = false;
+                  sender.track.stop();
+                  (_a = this._peerConnection) === null || _a === void 0 ? void 0 : _a.removeTrack(sender);
+                }
+              } catch (e) {
+                console.error('Error stopping sender track:', e);
+              }
+            });
+            this._peerConnection.close();
+            this._peerConnection = null;
+          } catch (e) {
+            console.error('Error closing peer connection:', e);
+          }
+        }
+        try {
+          const videoElement = (_b = (_a = this._main.getStageController()) === null || _a === void 0 ? void 0 : _a.getScreenElement()) === null || _b === void 0 ? void 0 : _b.getVideoElement();
+          if (videoElement && videoElement.srcObject instanceof MediaStream) {
+            const videoTracks = videoElement.srcObject.getTracks();
+            videoTracks.forEach(track => {
+              try {
+                track.enabled = false;
+                track.stop();
+              } catch (e) {
+                console.error('Error stopping video element track:', e);
+              }
+            });
+            videoElement.srcObject = null;
+            videoElement.removeAttribute('src');
+            videoElement.load();
+          }
+        } catch (e) {
+          console.error('Error cleaning video element:', e);
+        }
+        if (this._stream) {
+          try {
+            const tracks = this._stream.getTracks();
+            console.log(`Stopping ${tracks.length} tracks from main stream`);
+            tracks.forEach(track => {
+              try {
+                console.log(`Stopping ${track.kind} track, enabled: ${track.enabled}, state: ${track.readyState}`);
+                track.enabled = false;
+                track.stop();
+                console.log(`Track after stop - state: ${track.readyState}`);
+              } catch (e) {
+                console.error(`Error stopping ${track.kind} track:`, e);
+              }
+            });
+            this._stream = null;
+          } catch (e) {
+            console.error('Error stopping main stream:', e);
+          }
+        }
+        console.log("All streams should be stopped now");
+      }
       destroy() {
-        var _a;
+        console.log("Starting destroy process...");
+        this.forceStopAllStreams();
+        if (this._soundMeter) {
+          this._soundMeter.detach();
+        }
         this._pendingMicrophoneState = null;
-        this.closeStream();
-        (_a = this._selectedPlayer) === null || _a === void 0 ? void 0 : _a.clear();
-        this._selectedPlayer = null;
-        this._main.removeEventListener("serverConnect", this.onServerConnect);
-        document.removeEventListener("visibilitychange", this.visibilityChange);
-        window.removeEventListener("blur", this.onWindowBlur);
-        window.removeEventListener("focus", this.onWindowFocus);
+        this._cameraList = new InputDeviceList();
+        this._microphoneList = new InputDeviceList();
+        this._permissionChecked = false;
+        this._isWindowActive = false;
+        this._isMicrophoneMuted = false;
+        try {
+          this._main.removeEventListener("serverConnect", this.onServerConnect);
+          this._main.removeEventListener("serverDisconnect", this.onServerDisconnect);
+          document.removeEventListener("visibilitychange", this.visibilityChange);
+          window.removeEventListener("blur", this.onWindowBlur);
+          window.removeEventListener("focus", this.onWindowFocus);
+        } catch (e) {
+          console.error('Error removing event listeners:', e);
+        }
+        this._publishState = exports.PublishState.NOT_INITIALIZED;
+        console.log("Destroy process completed");
       }
     }
 
@@ -3523,8 +3685,8 @@
       constructor(streamConfig, autoInitialize = false) {
         super();
         this.DEV_MODE = true;
-        this.STREAMER_VERSION = "0.9.0-beta.3";
-        this.COMPILE_DATE = "12/5/2024, 2:36:49 PM";
+        this.STREAMER_VERSION = "0.9.0-beta.4";
+        this.COMPILE_DATE = "12/7/2024, 6:37:54 PM";
         this.STREAMER_BRANCH = "Experimental";
         this.STREAMER_PROTOCOL_VERSION = 1;
         this._initialized = false;
@@ -3680,6 +3842,14 @@
         var _a, _b;
         return (_b = (_a = this._playbackController) === null || _a === void 0 ? void 0 : _a.publish(streamKey)) !== null && _b !== void 0 ? _b : false;
       }
+      clearSavedDevices() {
+        var _a;
+        return (_a = this._playbackController) === null || _a === void 0 ? void 0 : _a.clearSavedDevices();
+      }
+      messSavedDevices() {
+        var _a;
+        return (_a = this._playbackController) === null || _a === void 0 ? void 0 : _a.messSavedDevices();
+      }
       isStreamReady() {
         var _a, _b;
         return (_b = (_a = this._playbackController) === null || _a === void 0 ? void 0 : _a.isStreamReady()) !== null && _b !== void 0 ? _b : false;
@@ -3818,8 +3988,8 @@
         this._initialized = false;
         this._isRemoved = true;
         (_b = (_a = this._networkController) === null || _a === void 0 ? void 0 : _a.getConnection()) === null || _b === void 0 ? void 0 : _b.destroy();
-        (_c = this._stageController) === null || _c === void 0 ? void 0 : _c.destroy();
-        (_d = this._playbackController) === null || _d === void 0 ? void 0 : _d.destroy();
+        (_c = this._playbackController) === null || _c === void 0 ? void 0 : _c.destroy();
+        (_d = this._stageController) === null || _d === void 0 ? void 0 : _d.destroy();
         this.removeAllEventListeners();
       }
     }