@opentok/client 2.30.3-alpha.12 → 2.30.3-alpha.13

package/dist/js/opentok.js

@@ -1,11 +1,11 @@
 /**
- * @license OpenTok.js 2.30.3 fa52308
+ * @license OpenTok.js 2.30.3 8bcab47
  *
  * 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: Thu, 03 Jul 2025 22:37:07 GMT
+ * Date: Mon, 07 Jul 2025 14:50:30 GMT
  */
 
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -8679,7 +8679,7 @@ const logging = (0, _log.default)('StaticConfig');
 */
 
 /** @type builtInConfig */
-const builtInConfig = (0, _cloneDeep.default)({"version":"v2.30.3","buildHash":"fa52308","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.30.3","buildHash":"8bcab47","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 && stream.getVideoTracks().length) {
+              if (env.isChromium) {
                 // 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,27 +17106,36 @@ function WidgetViewFactory(_temp) {
               });
               hasExistingElement = !!this._videoElementFacade;
               cancellation = this._getNewBindCancellation();
-              if (!hasExistingElement) {
-                this._createVideoElementFacade({
-                  _inject,
-                  audioVolume,
-                  fallbackText,
-                  muted
-                });
-                this._videoFacadeEvents.on('mediaElementEvent', action => {
-                  this.trigger('mediaElementEvent', action);
-                });
+              if (hasExistingElement) {
+                _context5.next = 10;
+                break;
               }
-              if (!(webRTCStream instanceof MediaStream && hasVideo && isSubscribingToVideo)) {
-                _context5.next = 9;
+              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;
               }
-              _context5.next = 9;
+              if (!hasVideo) {
+                _context5.next = 14;
+                break;
+              }
+              _context5.next = 14;
               return this._tryToLoadVideoBuffer(webRTCStream, cancellation, throwIfBufferFails, hasVideo && isSubscribingToVideo);
-            case 9:
-              _context5.next = 11;
+            case 14:
+              _context5.next = 16;
               return this._bindToStream(webRTCStream, cancellation);
-            case 11:
+            case 16:
               if (!hasExistingElement) {
                 this._triggerVideoElementCreated();
               }
@@ -17135,16 +17144,16 @@ function WidgetViewFactory(_temp) {
                 defaultVideoElementFacade: this._videoElementFacade,
                 maxWaitTime: 5000
               });
-              _context5.next = 16;
+              _context5.next = 21;
               return this._waitForVideoResolution(webRTCStream);
-            case 16:
+            case 21:
               logging.debug('Waiting for video to be playing');
-              _context5.next = 19;
+              _context5.next = 24;
               return whenVideoPlaying;
-            case 19:
+            case 24:
               logging.debug('Video is playing');
               throwIfBindCancelled(cancellation);
-            case 21:
+            case 26:
             case "end":
               return _context5.stop();
           }
@@ -25713,10 +25722,19 @@ function NativeVideoElementWrapperFactory(deps) {
       return this.videoWidth() / this.videoHeight();
     };
     _proto.prepareForStreamTransition = function prepareForStreamTransition() {
-      const streamImage = this._getStreamImage();
-      this._domElement.poster = streamImage;
+      const streamImage = this._getStreamImage({
+        silenceWarning: true
+      });
+      if (streamImage) {
+        this._domElement.poster = streamImage;
+      }
     };
-    _proto._getStreamImage = function _getStreamImage() {
+    _proto._getStreamImage = function _getStreamImage(options) {
+      if (options === void 0) {
+        options = {};
+      }
+      const _options = options,
+        silenceWarning = _options.silenceWarning;
       const canvas = OTHelpers.createElement('canvas', {
         width: this.videoWidth(),
         height: this.videoHeight(),
@@ -25736,13 +25754,15 @@ function NativeVideoElementWrapperFactory(deps) {
       if (imgData === null || imgData === 'data:,') {
         // 'data:,' is sometimes returned by canvas.toDataURL when one cannot be
         // generated.
-        this.logging.warn('Cannot get image data yet');
+        const logging = silenceWarning ? this.logging.debug : this.logging.warn;
+        logging('Cannot get image data yet');
         return null;
       }
       return imgData;
     };
     _proto.imgData = function imgData() {
-      return this._getStreamImage().replace('data:image/png;base64,', '').trim();
+      var _this$_getStreamImage, _this$_getStreamImage2;
+      return (_this$_getStreamImage = (_this$_getStreamImage2 = this._getStreamImage()) == null ? void 0 : _this$_getStreamImage2.replace('data:image/png;base64,', '').trim()) != null ? _this$_getStreamImage : null;
     }
     // Append the Video DOM element to a parent node
     ;
@@ -37595,25 +37615,24 @@ function SubscriberFactory(_ref2) {
               _context3.next = 9;
               return _widgetView.bindVideo(webRTCStream, videoContainerOptions, throwIfBufferFails);
             case 9:
-              _widgetView.loading(false);
-              _context3.next = 18;
+              _context3.next = 17;
               break;
-            case 12:
-              _context3.prev = 12;
+            case 11:
+              _context3.prev = 11;
               _context3.t0 = _context3["catch"](6);
               if (!(_context3.t0 instanceof _cancel.CancellationError || _state.isDestroyed())) {
-                _context3.next = 16;
+                _context3.next = 15;
                 break;
               }
               return _context3.abrupt("return");
-            case 16:
+            case 15:
               onVideoError(_context3.t0);
               throw _context3.t0;
-            case 18:
+            case 17:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, null, [[6, 12]]);
+        }, _callee3, null, [[6, 11]]);
       }));
       return function bindWebRTCStream(_x3) {
         return _ref6.apply(this, arguments);
@@ -37951,6 +37970,7 @@ function SubscriberFactory(_ref2) {
       logging.debug('OT.Subscriber.onLoaded');
       _state.set('Subscribing');
       _subscribeStartTime = (0, _now.default)();
+      _widgetView.loading(false);
       if (_chrome) {
         _chrome.showAfterLoading();
       }
@@ -38640,8 +38660,7 @@ function SubscriberFactory(_ref2) {
       }
     };
     const updateWidgetView = currentConnectionState => {
-      // We check that the subscriber has loaded so we do not prematurely hide the loading spinner and show a flickering video.
-      if (_widgetView && _loaded) {
+      if (_widgetView) {
         _widgetView.loading(currentConnectionState !== _eventNames.default.SUBSCRIBER_CONNECTED);
       }
     };