@opentok/client 2.31.0-alpha.1 → 2.31.0-alpha.2

package/dist/js/opentok.js

@@ -1,11 +1,11 @@
 /**
- * @license OpenTok.js 2.31.0 6b98954
+ * @license OpenTok.js 2.31.0 095780c97
  *
  * 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: Wed, 09 Jul 2025 15:05:07 GMT
+ * Date: Tue, 15 Jul 2025 21:35:50 GMT
  */
 
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -8679,7 +8679,7 @@ const logging = (0, _log.default)('StaticConfig');
 */
 
 /** @type builtInConfig */
-const builtInConfig = (0, _cloneDeep.default)({"version":"v2.31.0","buildHash":"6b98954","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.31.0","buildHash":"095780c97","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',
@@ -16859,7 +16859,7 @@ function WidgetViewFactory(_temp) {
               _context.prev = 15;
               _context.t0 = _context["catch"](5);
               // We are not interested in the error.
-              if (env.isChromium) {
+              if (env.isChromium && stream.getVideoTracks().length) {
                 // For Chromium browsers, we need to enable the video track before playing it to ensure we
                 // do not see a black screen during an AMR transition. See VIDCS-3570 for more details.
                 // eslint-disable-next-line no-param-reassign
@@ -17106,36 +17106,27 @@ function WidgetViewFactory(_temp) {
               });
               hasExistingElement = !!this._videoElementFacade;
               cancellation = this._getNewBindCancellation();
-              if (hasExistingElement) {
-                _context5.next = 10;
-                break;
-              }
-              this._createVideoElementFacade({
-                _inject,
-                audioVolume,
-                fallbackText,
-                muted
-              });
-              this._videoFacadeEvents.on('mediaElementEvent', action => {
-                this.trigger('mediaElementEvent', action);
-              });
-              _context5.next = 14;
-              break;
-            case 10:
-              if (!(webRTCStream instanceof MediaStream)) {
-                _context5.next = 14;
-                break;
+              if (!hasExistingElement) {
+                this._createVideoElementFacade({
+                  _inject,
+                  audioVolume,
+                  fallbackText,
+                  muted
+                });
+                this._videoFacadeEvents.on('mediaElementEvent', action => {
+                  this.trigger('mediaElementEvent', action);
+                });
               }
-              if (!hasVideo) {
-                _context5.next = 14;
+              if (!(webRTCStream instanceof MediaStream && hasVideo && isSubscribingToVideo)) {
+                _context5.next = 9;
                 break;
               }
-              _context5.next = 14;
+              _context5.next = 9;
               return this._tryToLoadVideoBuffer(webRTCStream, cancellation, throwIfBufferFails, hasVideo && isSubscribingToVideo);
-            case 14:
-              _context5.next = 16;
+            case 9:
+              _context5.next = 11;
               return this._bindToStream(webRTCStream, cancellation);
-            case 16:
+            case 11:
               if (!hasExistingElement) {
                 this._triggerVideoElementCreated();
               }
@@ -17144,16 +17135,16 @@ function WidgetViewFactory(_temp) {
                 defaultVideoElementFacade: this._videoElementFacade,
                 maxWaitTime: 5000
               });
-              _context5.next = 21;
+              _context5.next = 16;
               return this._waitForVideoResolution(webRTCStream);
-            case 21:
+            case 16:
               logging.debug('Waiting for video to be playing');
-              _context5.next = 24;
+              _context5.next = 19;
               return whenVideoPlaying;
-            case 24:
+            case 19:
               logging.debug('Video is playing');
               throwIfBindCancelled(cancellation);
-            case 26:
+            case 21:
             case "end":
               return _context5.stop();
           }
@@ -37617,24 +37608,25 @@ function SubscriberFactory(_ref2) {
               _context3.next = 9;
               return _widgetView.bindVideo(webRTCStream, videoContainerOptions, throwIfBufferFails);
             case 9:
-              _context3.next = 17;
+              _widgetView.loading(false);
+              _context3.next = 18;
               break;
-            case 11:
-              _context3.prev = 11;
+            case 12:
+              _context3.prev = 12;
               _context3.t0 = _context3["catch"](6);
               if (!(_context3.t0 instanceof _cancel.CancellationError || _state.isDestroyed())) {
-                _context3.next = 15;
+                _context3.next = 16;
                 break;
               }
               return _context3.abrupt("return");
-            case 15:
+            case 16:
               onVideoError(_context3.t0);
               throw _context3.t0;
-            case 17:
+            case 18:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, null, [[6, 11]]);
+        }, _callee3, null, [[6, 12]]);
       }));
       return function bindWebRTCStream(_x3) {
         return _ref6.apply(this, arguments);
@@ -37972,7 +37964,6 @@ function SubscriberFactory(_ref2) {
       logging.debug('OT.Subscriber.onLoaded');
       _state.set('Subscribing');
       _subscribeStartTime = (0, _now.default)();
-      _widgetView.loading(false);
       if (_chrome) {
         _chrome.showAfterLoading();
       }
@@ -38662,7 +38653,8 @@ function SubscriberFactory(_ref2) {
       }
     };
     const updateWidgetView = currentConnectionState => {
-      if (_widgetView) {
+      // We check that the subscriber has loaded so we do not prematurely hide the loading spinner and show a flickering video.
+      if (_widgetView && _loaded) {
         _widgetView.loading(currentConnectionState !== _eventNames.default.SUBSCRIBER_CONNECTED);
       }
     };