@opentok/client 2.29.2-alpha.2 → 2.29.2-alpha.3

package/dist/js/opentok.js

@@ -1,11 +1,11 @@
 /**
- * @license OpenTok.js 2.29.2 a5982cc
+ * @license OpenTok.js 2.29.2 e5c16d9
  *
  * Copyright (c) 2010-2025 TokBox, Inc.
  * Subject to the applicable Software Development Kit (SDK) License Agreement:
  * https://www.vonage.com/legal/communications-apis/terms-of-use/
  *
- * Date: Fri, 21 Feb 2025 21:03:53 GMT
+ * Date: Tue, 25 Feb 2025 23:42:39 GMT
  */
 
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -8291,7 +8291,7 @@ const logging = (0, _log.default)('StaticConfig');
 */
 
 /** @type builtInConfig */
-const builtInConfig = (0, _cloneDeep.default)({"version":"v2.29.2","buildHash":"a5982cc","minimumVersion":{"firefox":52,"chrome":49},"debug":false,"websiteURL":"http://www.tokbox.com","configURL":"https://config.opentok.com","ipWhitelistConfigURL":"","cdnURL":"","loggingURL":"https://hlg.tokbox.com/prod","apiURL":"https://anvil.opentok.com"});
+const builtInConfig = (0, _cloneDeep.default)({"version":"v2.29.2","buildHash":"e5c16d9","minimumVersion":{"firefox":52,"chrome":49},"debug":false,"websiteURL":"http://www.tokbox.com","configURL":"https://config.opentok.com","ipWhitelistConfigURL":"","cdnURL":"","loggingURL":"https://hlg.tokbox.com/prod","apiURL":"https://anvil.opentok.com"});
 const whitelistAllowedRuntimeProperties = (0, _pick.default)(['apiURL', 'assetURL', 'cdnURL', 'sessionInfoOverrides', 'loggingURL']);
 const liveConfigMap = {
   apiUrl: 'apiURL',
@@ -24788,7 +24788,7 @@ var _listenForTracksEnded = _interopRequireDefault(__webpack_require__(586));
 var _OTHelpers = _interopRequireDefault(__webpack_require__(7));
 var _videoElementErrorMap = _interopRequireDefault(__webpack_require__(272));
 var _index = _interopRequireDefault(__webpack_require__(273));
-var _addMediaElementListeners = _interopRequireDefault(__webpack_require__(589));
+var _mediaElementListeners = __webpack_require__(589);
 /* eslint-disable no-self-assign */
 // @todo enable the following disabled rules see OPENTOK-31136 for more info
 /* eslint-disable no-param-reassign, global-require, one-var */
@@ -24978,7 +24978,7 @@ function NativeVideoElementWrapperFactory(deps) {
       // See VIDCS-3383
       // Adding some extra logging to investigate a difficult to reproduce audio issue
       if (_env.default != null && _env.default.isDev) {
-        (0, _addMediaElementListeners.default)(this._domAudioOnlyVideoElement || this._domElement, event => {
+        (0, _mediaElementListeners.addMediaElementListeners)(this._domAudioOnlyVideoElement || this._domElement, event => {
           this.trigger('mediaElementEvent', event);
         });
       }
@@ -25642,6 +25642,11 @@ function NativeVideoElementWrapperFactory(deps) {
       if (this._domAudioOnlyVideoElementEvents) {
         this._domAudioOnlyVideoElementEvents.removeAll();
       }
+
+      // See VIDCS-3383
+      if (_env.default != null && _env.default.isDev) {
+        (0, _mediaElementListeners.removeMediaElementListeners)(this._domAudioOnlyVideoElement || this._domElement);
+      }
       if (this._audioOnlyVideoElementWatcher) {
         clearInterval(this._audioOnlyVideoElementWatcher);
       }
@@ -59934,7 +59939,7 @@ exports.clearBuffer = clearBuffer;
 
 var _interopRequireDefault = __webpack_require__(0);
 exports.__esModule = true;
-exports.default = void 0;
+exports.removeMediaElementListeners = exports.addMediaElementListeners = void 0;
 var _env = _interopRequireDefault(__webpack_require__(3));
 /* global HTMLMediaElement */
 /* eslint-disable no-console */
@@ -59942,28 +59947,45 @@ var _env = _interopRequireDefault(__webpack_require__(3));
 // This is a subset of all possible HTMLMediaElement events. We leave some because we
 // either don't care about it (`encrypted`) or they might be too noisy (e.g., `timeupdate`).
 const mediaElementEvents = ['abort', 'canplay', 'canplaythrough', 'durationchange', 'emptied', 'ended', 'error', 'loadeddata', 'loadedmetadata', 'loadstart', 'pause', 'play', 'playing', 'progress', 'ratechange', 'seeked', 'seeking', 'stalled', 'suspend', 'volumechange', 'waiting'];
+const eventHandlers = {};
+const isValidElementAndEnv = (mediaElement, env) => {
+  if (!(env != null && env.isDev)) {
+    console.debug("Not in DEV, so won't add/remove debug listeners");
+    return false;
+  }
+  if (!(mediaElement instanceof HTMLMediaElement)) {
+    console.error('mediaElementListeners: Invalid HTMLMediaElement');
+    return false;
+  }
+  return true;
+};
 const addMediaElementListeners = function addMediaElementListeners(mediaElement, triggerEvent, deps) {
   if (deps === void 0) {
     deps = {};
   }
   const env = deps.env || _env.default;
-  if (!(env != null && env.isDev)) {
-    console.debug("Not in DEV, so won't add debug listeners");
-    return;
-  }
-  if (!(mediaElement instanceof HTMLMediaElement)) {
-    console.error('addMediaElementListeners: Invalid HTMLMediaElement');
-    return;
+  if (!isValidElementAndEnv(mediaElement, env)) return;
+  mediaElementEvents.forEach(eventName => {
+    eventHandlers[eventName] = event => {
+      triggerEvent(`mediaElement:${eventName}`);
+      console.debug(`HTMLMediaElement triggered: ${eventName}`, event);
+    };
+    mediaElement.addEventListener(eventName, eventHandlers[eventName]);
+  });
+};
+exports.addMediaElementListeners = addMediaElementListeners;
+const removeMediaElementListeners = function removeMediaElementListeners(mediaElement, deps) {
+  if (deps === void 0) {
+    deps = {};
   }
+  const env = deps.env || _env.default;
+  if (!isValidElementAndEnv(mediaElement, env)) return;
   mediaElementEvents.forEach(event => {
-    mediaElement.addEventListener(event, e => {
-      triggerEvent(`mediaElement:${event}`);
-      console.debug(`HTMLMediaElement triggered: ${event}`, e);
-    });
+    mediaElement.removeEventListener(event, eventHandlers[event]);
+    delete eventHandlers[event];
   });
 };
-var _default = addMediaElementListeners;
-exports.default = _default;
+exports.removeMediaElementListeners = removeMediaElementListeners;
 
 /***/ }),
 /* 590 */