@opentok/client 2.31.0-alpha.8 → 2.31.0-alpha.9

package/dist/js/opentok.js

@@ -1,11 +1,11 @@
 /**
- * @license OpenTok.js 2.31.0 66dcaa538
+ * @license OpenTok.js 2.31.0 f525c1fca
  *
  * 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, 18 Jul 2025 14:09:01 GMT
+ * Date: Fri, 18 Jul 2025 16:16:22 GMT
  */
 
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -8682,7 +8682,7 @@ const logging = (0, _log.default)('StaticConfig');
 */
 
 /** @type builtInConfig */
-const builtInConfig = (0, _cloneDeep.default)({"version":"v2.31.0","buildHash":"66dcaa538","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":"f525c1fca","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',
@@ -73616,33 +73616,45 @@ function waitForVideoToBePlaying(_ref) {
   const videoElementFacade = deps.videoElementFacade || defaultVideoElementFacade;
   const isVideoFrameBlack = deps.isVideoFrameBlack || _isVideoFrameBlack.default;
   const videoElementFacadeEvents = deps.videoElementFacadeEvents || (0, _eventHelper.default)(videoElementFacade);
+  let timeoutReturnValue = false;
+  let requestCallbackId;
   const promise = new Promise(resolve => {
     // eslint-disable-next-line consistent-return
     const onVideoPlaybackHandler = videoPlaybackEvent => {
+      // When the video is playing, we resolve with the event at timeout.
+      timeoutReturnValue = videoPlaybackEvent;
+
+      // Clean up event listeners - we only needed to listen until the first playback event
+      videoElementFacadeEvents.removeAll();
       if (!isBufferedStream || !env.isChromium) {
         // If there is no video and we're not subscribed to video, or if we're using a non-Chromium browser,
         // resolve immediately because the video frame callback will never be called or because the bug is not present on non-Chromium browsers.
         return resolve(videoPlaybackEvent);
       }
-      const videoFrameCallback = (_, metadata) => {
+      const videoFrameCallback = () => {
         // During an AMR transition or any new stream bind, we check that a real video frame is displayed for Chromium browsers
         // before switching streams to eliminate the screen flicker. See VIDCS-3570.
         const hasBlackVideoFrame = isVideoFrameBlack(videoElementFacade);
-        const hasMaxWaitTimeElapsed = metadata.mediaTime > maxWaitTime / 1000 - 1;
-        if (!hasBlackVideoFrame || hasMaxWaitTimeElapsed) {
-          // If we have a real video frame, or if we've waited 4s (maybe a webcam cover is down), we proceed.
+        if (!hasBlackVideoFrame) {
+          // If we have a real video frame, we proceed.
           return resolve(videoPlaybackEvent);
         }
 
         // If we haven't seen a non-black video frame, we re-register the callback.
-        return videoElementFacade.requestVideoFrameCallback(videoFrameCallback);
+        requestCallbackId = videoElementFacade.requestVideoFrameCallback(videoFrameCallback);
+        return requestCallbackId;
       };
-      videoElementFacade.requestVideoFrameCallback(videoFrameCallback);
+      requestCallbackId = videoElementFacade.requestVideoFrameCallback(videoFrameCallback);
     };
     videoElementFacadeEvents.on('timeupdate', onVideoPlaybackHandler);
     videoElementFacadeEvents.on('loadedmetadata', onVideoPlaybackHandler);
   });
-  return (0, _promiseFinally.default)((0, _pTimeout.default)(promise, maxWaitTime, () => false), () => videoElementFacadeEvents.removeAll());
+  return (0, _promiseFinally.default)((0, _pTimeout.default)(promise, maxWaitTime, () => timeoutReturnValue), () => {
+    videoElementFacadeEvents.removeAll();
+    if (requestCallbackId) {
+      videoElementFacade.cancelVideoFrameCallback(requestCallbackId);
+    }
+  });
 }
 var _default = waitForVideoToBePlaying;
 exports.default = _default;