@opentok/client 2.30.0-alpha.4 → 2.30.0-alpha.6

package/dist/js/opentok.js

@@ -1,11 +1,11 @@
 /**
- * @license OpenTok.js 2.30.0 7abb6c4
+ * @license OpenTok.js 2.30.0 8d75376
  *
  * 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: Tue, 15 Apr 2025 00:39:39 GMT
+ * Date: Tue, 15 Apr 2025 19:28:00 GMT
  */
 
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -8672,7 +8672,7 @@ const logging = (0, _log.default)('StaticConfig');
 */
 
 /** @type builtInConfig */
-const builtInConfig = (0, _cloneDeep.default)({"version":"v2.30.0","buildHash":"7abb6c4","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.0","buildHash":"8d75376","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',
@@ -17164,6 +17164,10 @@ function WidgetViewFactory(_temp) {
       OTHelpers.css(this._posterContainer, 'backgroundImage', `url(${src})`);
       return this.poster();
     };
+    _proto.prepareForStreamTransition = function prepareForStreamTransition() {
+      var _this$_videoElementFa;
+      (_this$_videoElementFa = this._videoElementFacade) == null ? void 0 : _this$_videoElementFa.prepareForStreamTransition();
+    };
     _proto.loading = function loading(isLoading) {
       if (isLoading === undefined) {
         return this._loading;
@@ -25298,7 +25302,11 @@ function NativeVideoElementWrapperFactory(deps) {
     _proto.aspectRatio = function aspectRatio() {
       return this.videoWidth() / this.videoHeight();
     };
-    _proto.imgData = function imgData() {
+    _proto.prepareForStreamTransition = function prepareForStreamTransition() {
+      const streamImage = this._getStreamImage();
+      this._domElement.poster = streamImage;
+    };
+    _proto._getStreamImage = function _getStreamImage() {
       const canvas = OTHelpers.createElement('canvas', {
         width: this.videoWidth(),
         height: this.videoHeight(),
@@ -25321,7 +25329,10 @@ function NativeVideoElementWrapperFactory(deps) {
         this.logging.warn('Cannot get image data yet');
         return null;
       }
-      return imgData.replace('data:image/png;base64,', '').trim();
+      return imgData;
+    };
+    _proto.imgData = function imgData() {
+      return this._getStreamImage().replace('data:image/png;base64,', '').trim();
     }
     // Append the Video DOM element to a parent node
     ;
@@ -37003,29 +37014,31 @@ function SubscriberFactory(_ref2) {
                 hasVideo: (_stream2 = _stream) == null ? void 0 : _stream2.hasVideo
               }; // We want to catch any error in the prebuffering when transition to P2P.
               // Otherwise, we ignore it.
-              throwIfBufferFails = _isAdaptiveEnabled && _activeSourceStreamId === 'P2P';
-              _context3.prev = 5;
-              _context3.next = 8;
+              throwIfBufferFails = _isAdaptiveEnabled && _activeSourceStreamId === 'P2P'; // To minimize the blip effect during a stream transition, we take a snapshot of the video stream (if available)
+              // and display it instead of a blank screen.
+              _widgetView.prepareForStreamTransition();
+              _context3.prev = 6;
+              _context3.next = 9;
               return _widgetView.bindVideo(webRTCStream, videoContainerOptions, throwIfBufferFails);
-            case 8:
-              _context3.next = 16;
+            case 9:
+              _context3.next = 17;
               break;
-            case 10:
-              _context3.prev = 10;
-              _context3.t0 = _context3["catch"](5);
+            case 11:
+              _context3.prev = 11;
+              _context3.t0 = _context3["catch"](6);
               if (!(_context3.t0 instanceof _cancel.CancellationError || _state.isDestroyed())) {
-                _context3.next = 14;
+                _context3.next = 15;
                 break;
               }
               return _context3.abrupt("return");
-            case 14:
+            case 15:
               onVideoError(_context3.t0);
               throw _context3.t0;
-            case 16:
+            case 17:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, null, [[5, 10]]);
+        }, _callee3, null, [[6, 11]]);
       }));
       return function bindWebRTCStream(_x3) {
         return _ref6.apply(this, arguments);