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

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.5
+ * Version: 12/10/2024, 10:26:03 AM
  *
  * LEGAL NOTICE:
  * This software is subject to the terms and conditions defined in
@@ -578,20 +578,22 @@
         this.startOnDOMReady = false;
         this.iOSOnDomReadyFix = true;
         this._restartOnFocus = true;
+        this._forceDeviceSelection = false;
         this.parse(config);
       }
       parse(config) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         this._settingsConfig = config;
         this._autoConnect = (_a = this._settingsConfig.autoConnect) !== null && _a !== void 0 ? _a : this._autoConnect;
         this._autoStart = (_b = this._settingsConfig.autoStart) !== null && _b !== void 0 ? _b : this._autoStart;
         this._restartOnFocus = (_c = this._settingsConfig.restartOnFocus) !== null && _c !== void 0 ? _c : this._restartOnFocus;
         this._restartOnError = (_d = this._settingsConfig.restartOnError) !== null && _d !== void 0 ? _d : this._restartOnError;
         this._reconnectTime = (_e = this._settingsConfig.reconnectTime) !== null && _e !== void 0 ? _e : this._reconnectTime;
-        this._videoData = new VideoData((_f = this._settingsConfig.video) !== null && _f !== void 0 ? _f : null);
-        this._audioData = new AudioData((_g = this._settingsConfig.audio) !== null && _g !== void 0 ? _g : null);
-        this._storageData = new StorageData((_h = this._settingsConfig.storage) !== null && _h !== void 0 ? _h : null);
-        this._debugData = new DebugData((_j = this._settingsConfig.debug) !== null && _j !== void 0 ? _j : null);
+        this._forceDeviceSelection = (_f = this._settingsConfig.forceDeviceSelection) !== null && _f !== void 0 ? _f : this._forceDeviceSelection;
+        this._videoData = new VideoData((_g = this._settingsConfig.video) !== null && _g !== void 0 ? _g : null);
+        this._audioData = new AudioData((_h = this._settingsConfig.audio) !== null && _h !== void 0 ? _h : null);
+        this._storageData = new StorageData((_j = this._settingsConfig.storage) !== null && _j !== void 0 ? _j : null);
+        this._debugData = new DebugData((_k = this._settingsConfig.debug) !== null && _k !== void 0 ? _k : null);
       }
       getAudioData() {
         return this._audioData;
@@ -623,6 +625,9 @@
       getDebugData() {
         return this._debugData;
       }
+      getIfForceSelection() {
+        return this._forceDeviceSelection;
+      }
       getIfStartOnDOMReadyEnabled() {
         return this.startOnDOMReady;
       }
@@ -1180,6 +1185,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 +1788,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;
@@ -2462,74 +2472,103 @@
 
     class SoundMeter {
       constructor(main) {
-        this._stream = null;
         this._audioContext = null;
         this._analyser = null;
         this._microphone = null;
         this._lastEventTime = 0;
         this.THROTTLE_INTERVAL = 100;
+        this._isMonitoring = false;
         this._instant = 0.0;
         this._slow = 0.0;
-        this._clip = 0.0;
         this._main = main;
       }
       attach(stream) {
-        this._stream = stream;
-        this._audioContext = new AudioContext();
-        this._microphone = this._audioContext.createMediaStreamSource(stream);
-        this._analyser = this._audioContext.createAnalyser();
-        this._analyser.fftSize = 2048;
-        this._analyser.smoothingTimeConstant = 0.3;
-        this._microphone.connect(this._analyser);
-        this.startMonitoring();
+        if (!stream.getAudioTracks().length) {
+          console.warn('SoundMeter: Attempted to attach stream without audio tracks');
+          return;
+        }
+        this.detach();
+        try {
+          this._audioContext = new AudioContext();
+          this._microphone = this._audioContext.createMediaStreamSource(stream);
+          this._analyser = this._audioContext.createAnalyser();
+          this._analyser.fftSize = 2048;
+          this._analyser.smoothingTimeConstant = 0.3;
+          this._microphone.connect(this._analyser);
+          this.startMonitoring();
+          console.log('SoundMeter: Successfully attached to new audio stream');
+        } catch (error) {
+          console.error('SoundMeter: Error during attach:', error);
+          this.detach();
+        }
       }
       detach() {
+        var _a, _b;
+        this._isMonitoring = false;
         if (this._microphone) {
-          this._microphone.disconnect();
+          try {
+            this._microphone.disconnect();
+          } catch (e) {
+            console.warn('SoundMeter: Error disconnecting microphone:', e);
+          }
           this._microphone = null;
         }
         if (this._analyser) {
-          this._analyser.disconnect();
+          try {
+            this._analyser.disconnect();
+          } catch (e) {
+            console.warn('SoundMeter: Error disconnecting analyser:', e);
+          }
           this._analyser = null;
         }
-        if (this._audioContext) {
-          this._audioContext.close();
-          this._audioContext = null;
+        if (((_a = this._audioContext) === null || _a === void 0 ? void 0 : _a.state) !== 'closed') {
+          try {
+            (_b = this._audioContext) === null || _b === void 0 ? void 0 : _b.close();
+          } catch (e) {
+            console.warn('SoundMeter: Error closing audio context:', e);
+          }
         }
-        this._stream = null;
+        this._audioContext = null;
         this.clear();
+        console.log('SoundMeter: Successfully detached');
       }
       clear() {
         this._instant = 0;
         this._slow = 0;
-        this._clip = 0;
+        this._lastEventTime = 0;
       }
       startMonitoring() {
-        if (!this._analyser) return;
+        if (!this._analyser || this._isMonitoring) return;
+        this._isMonitoring = true;
         const dataArray = new Float32Array(this._analyser.frequencyBinCount);
         const analyze = () => {
-          if (!this._analyser) return;
+          if (!this._analyser || !this._isMonitoring) return;
           const now = Date.now();
-          this._analyser.getFloatTimeDomainData(dataArray);
-          let sum = 0.0;
-          let clipcount = 0;
-          for (let i = 0; i < dataArray.length; ++i) {
-            const amplitude = dataArray[i];
-            sum += amplitude * amplitude;
-            if (Math.abs(amplitude) > 0.99) {
-              clipcount += 1;
+          try {
+            this._analyser.getFloatTimeDomainData(dataArray);
+            let sum = 0.0;
+            let clipcount = 0;
+            for (let i = 0; i < dataArray.length; ++i) {
+              const amplitude = dataArray[i];
+              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._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
-            });
+            this._instant = Math.sqrt(sum / dataArray.length);
+            this._slow = 0.05 * this._instant + 0.95 * this._slow;
+            if (now - this._lastEventTime >= this.THROTTLE_INTERVAL) {
+              this._lastEventTime = now;
+              this._main.dispatchEvent("soundMeter", {
+                ref: this._main,
+                high: this._instant,
+                low: this._slow
+              });
+            }
+          } catch (error) {
+            console.error('SoundMeter: Error during analysis:', error);
+            this._isMonitoring = false;
+            return;
           }
           requestAnimationFrame(analyze);
         };
@@ -2537,6 +2576,16 @@
       }
     }
 
+    var InputDeviceState;
+    (function (InputDeviceState) {
+      InputDeviceState["NOT_INITIALIZED"] = "NOT_INITIALIZED";
+      InputDeviceState["INITIALIZED"] = "INITIALIZED";
+      InputDeviceState["READY"] = "READY";
+      InputDeviceState["UPDATING"] = "UPDATING";
+      InputDeviceState["INVALID"] = "INVALID";
+      InputDeviceState["UNKNOWN"] = "UNKNOWN";
+    })(InputDeviceState || (InputDeviceState = {}));
+
     class PlaybackController {
       constructor(main) {
         this._isWindowActive = true;
@@ -2545,6 +2594,7 @@
         };
         this._isMicrophoneMuted = false;
         this._pendingMicrophoneState = null;
+        this._permissionChecked = false;
         this._constraints = {
           video: {
             width: {
@@ -2566,6 +2616,7 @@
           audio: true
         };
         this._publishState = exports.PublishState.NOT_INITIALIZED;
+        this._inputDeviceState = InputDeviceState.NOT_INITIALIZED;
         this.onServerDisconnect = () => {};
         this.onServerConnect = () => {
           if (this._peerConnection) {
@@ -2641,10 +2692,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 +2703,65 @@
         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') {
+            this.setInputDeviceState(InputDeviceState.INVALID);
+            if (this._publishState == exports.PublishState.PUBLISHED) {
+              this.closeStream();
+            }
+          }
+          yield this.grabDevices();
+          if (state === 'granted') {
+            yield this.startCamera();
           }
         });
       }
@@ -2726,105 +2825,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 +2970,67 @@
       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();
+              }
+              if (this._selectedCamera != null && this._selectedMicrophone != null) {
+                this.setInputDeviceState(InputDeviceState.READY);
+              } else {
+                this.setInputDeviceState(InputDeviceState.INVALID);
+              }
+            } catch (error) {
+              this.setInputDeviceState(InputDeviceState.INVALID);
+              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 +3043,138 @@
         });
       }
       selectCamera(cameraID) {
-        var _a;
+        var _a, _b;
+        this._selectedCamera = null;
+        this.setInputDeviceState(InputDeviceState.UPDATING);
+        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 (this._selectedCamera != null) {
+          this._constraints.video.deviceId = this._selectedCamera.getID();
+          if (this._selectedCamera != null && this._selectedMicrophone != null) {
+            this.setInputDeviceState(InputDeviceState.READY);
+          } else {
+            this.setInputDeviceState(InputDeviceState.INVALID);
           }
-        });
+          this.startCamera().then(() => {
+            if (wasPublished && streamKey) {
+              this.publish(streamKey);
+            }
+          });
+        } else {
+          this.setInputDeviceState(InputDeviceState.INVALID);
+        }
       }
       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;
+        return __awaiter(this, void 0, void 0, function* () {
+          this._selectedMicrophone = null;
+          this.setInputDeviceState(InputDeviceState.UPDATING);
+          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();
+          try {
+            const audioStream = yield navigator.mediaDevices.getUserMedia({
+              audio: {
+                deviceId: {
+                  exact: (_c = this._selectedMicrophone) === null || _c === void 0 ? void 0 : _c.getID()
+                }
+              }
+            });
+            const oldAudioTracks = ((_d = this._stream) === null || _d === void 0 ? void 0 : _d.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];
+            if (this._stream) {
+              this._stream.addTrack(newAudioTrack);
+              if (newAudioTrack.readyState === 'live') {
+                this._soundMeter.attach(this._stream);
+              }
+            }
+            if (this._selectedCamera != null && this._selectedMicrophone != null) {
+              this.setInputDeviceState(InputDeviceState.READY);
+            } else {
+              this.setInputDeviceState(InputDeviceState.INVALID);
+            }
+            if (wasPublished && streamKey) {
+              this.publish(streamKey);
+            }
+          } catch (error) {
+            console.error("Error changing microphone:", error);
+            this.setInputDeviceState(InputDeviceState.INVALID);
+            this._main.dispatchEvent("inputDeviceError", {
+              ref: this._main
+            });
           }
         });
       }
       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;
@@ -3072,28 +3196,44 @@
         this.setPublishState(exports.PublishState.UNPUBLISHED);
       }
       pickCamera() {
-        var _a, _b;
+        var _a, _b, _c;
         for (let i = 0; i < this._cameraList.getSize(); i++) {
           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);
+        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,
+                savedDeviceID: savedCameraID
+              });
+              return null;
+            }
           }
-        } else {
-          for (let i = 0; i < this._cameraList.getSize(); i++) {
-            if (this._cameraList.get(i).getID() == savedCameraID) {
-              this._selectedCamera = this._cameraList.get(i);
+          if (!this._selectedCamera) {
+            this._main.dispatchEvent("savedCameraNotFound", {
+              ref: this._main,
+              savedDeviceID: null
+            });
+            if (!((_c = this._main.getConfigManager()) === null || _c === void 0 ? void 0 : _c.getSettingsData().getIfForceSelection())) {
+              this._selectedCamera = this._cameraList.get(0);
               this._selectedCamera.setSelected(true);
-              break;
+              this._constraints.video.deviceId = this._selectedCamera.getID();
+            } else {
+              return null;
             }
           }
-          if (!this._selectedCamera && this._cameraList.getSize() > 0) {
-            this._selectedCamera = this._cameraList.get(0);
-            this._selectedCamera.setSelected(true);
-          }
         }
         this._main.dispatchEvent("deviceListUpdate", {
           ref: this._main,
@@ -3103,36 +3243,57 @@
         return this._selectedCamera;
       }
       pickMicrophone() {
-        var _a, _b;
+        var _a, _b, _c;
         for (let i = 0; i < this._microphoneList.getSize(); i++) {
           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,
+                savedDeviceID: savedMicID
+              });
+              return null;
             }
           }
-          if (!this._selectedMicrophone && this._microphoneList.getSize() > 0) {
-            this._selectedMicrophone = this._microphoneList.get(0);
-            this._selectedMicrophone.setSelected(true);
+          if (!this._selectedMicrophone) {
+            this._main.dispatchEvent("savedMicrophoneNotFound", {
+              ref: this._main,
+              savedDeviceID: null
+            });
+            if (!((_c = this._main.getConfigManager()) === null || _c === void 0 ? void 0 : _c.getSettingsData().getIfForceSelection())) {
+              this._selectedMicrophone = this._microphoneList.get(0);
+            } else {
+              return null;
+            }
           }
+          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;
@@ -3200,6 +3361,15 @@
           state: this._publishState
         });
       }
+      setInputDeviceState(newState) {
+        this._inputDeviceState = newState;
+        this._main.dispatchEvent("deviceStateChange", {
+          ref: this._main,
+          state: this._inputDeviceState,
+          selectedCamera: this._selectedCamera,
+          selectedMicrophone: this._selectedMicrophone
+        });
+      }
       getCameraList() {
         return this._cameraList != null ? this._cameraList.getArray() : [];
       }
@@ -3209,19 +3379,111 @@
       getPublishState() {
         return this._publishState;
       }
+      getInputDeviceState() {
+        return this._inputDeviceState;
+      }
       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 +3785,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.5";
+        this.COMPILE_DATE = "12/10/2024, 10:26:02 AM";
         this.STREAMER_BRANCH = "Experimental";
         this.STREAMER_PROTOCOL_VERSION = 1;
         this._initialized = false;
@@ -3680,6 +3942,18 @@
         var _a, _b;
         return (_b = (_a = this._playbackController) === null || _a === void 0 ? void 0 : _a.publish(streamKey)) !== null && _b !== void 0 ? _b : false;
       }
+      getDeviceState() {
+        var _a, _b;
+        return (_b = (_a = this._playbackController) === null || _a === void 0 ? void 0 : _a.getInputDeviceState()) !== null && _b !== void 0 ? _b : InputDeviceState.NOT_INITIALIZED;
+      }
+      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 +4092,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();
       }
     }