@xmaxai/sdk 1.0.0 → 1.0.2

package/dist/{chunk-PLU2YVAS.js → chunk-TFGYBN3Q.js}

@@ -1,40 +1,3 @@
-// src/i18n/api-error-codes.ts
-var SYSTEM_OVERLOADED = {
-  "zh-CN": "\u5F53\u524D\u4F7F\u7528\u4EBA\u6570\u8FC7\u591A\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5",
-  "en-US": "The system is currently overloaded. Please retry after some time."
-};
-var API_ERROR_MESSAGES = {
-  "46001": { "zh-CN": "X-Api-Key \u4E0D\u80FD\u4E3A\u7A7A", "en-US": "X-Api-Key cannot be empty" },
-  "46002": { "zh-CN": "\u65E0\u6548\u7684\u7528\u6237 API Key", "en-US": "Invalid user API Key" },
-  "46003": { "zh-CN": "model \u4E0D\u80FD\u4E3A\u7A7A", "en-US": "model cannot be empty" },
-  "46004": { "zh-CN": "sessionUid \u4E0D\u80FD\u4E3A\u7A7A", "en-US": "sessionUid cannot be empty" },
-  "46005": { "zh-CN": "\u6A21\u578B\u7C7B\u578B\u4E0D\u5B58\u5728", "en-US": "Model type does not exist" },
-  "46006": SYSTEM_OVERLOADED,
-  "46007": SYSTEM_OVERLOADED,
-  "46008": SYSTEM_OVERLOADED,
-  "46009": SYSTEM_OVERLOADED,
-  "46010": SYSTEM_OVERLOADED,
-  "46012": { "zh-CN": "\u4F1A\u8BDD\u4E0D\u5B58\u5728", "en-US": "Session does not exist" },
-  "46013": { "zh-CN": "\u4F1A\u8BDD\u4E0D\u5C5E\u4E8E\u5F53\u524D\u7528\u6237", "en-US": "Session does not belong to the current user" },
-  "46014": { "zh-CN": "\u4F1A\u8BDD\u5DF2\u5173\u95ED", "en-US": "Session has been closed" },
-  "46015": { "zh-CN": "\u4F1A\u8BDD\u5DF2\u8D85\u65F6", "en-US": "Session has timed out" },
-  "46018": { "zh-CN": "\u4E34\u65F6 API Key \u5DF2\u8FC7\u671F", "en-US": "Temporary API Key has expired" },
-  "46019": {
-    "zh-CN": "\u4E34\u65F6 API Key \u5DF2\u8FBE\u5230\u79EF\u5206\u4E0A\u9650",
-    "en-US": "Temporary API Key has reached its points limit"
-  },
-  "46021": {
-    "zh-CN": "\u4E34\u65F6 API Key \u4E0D\u5141\u8BB8\u518D\u521B\u5EFA\u4E34\u65F6 API Key",
-    "en-US": "A temporary API Key cannot create another temporary API Key"
-  }
-};
-function resolveApiErrorMessage(code, locale) {
-  if (code === null || code === void 0) return void 0;
-  const entry = API_ERROR_MESSAGES[String(code)];
-  if (!entry) return void 0;
-  return entry[locale] ?? entry["en-US"];
-}
-
 // src/i18n/en-US.ts
 var enUS = {
   "errors.apiKeyEmpty": "apiKey cannot be empty",
@@ -147,6 +110,43 @@ var zhCN = {
   "rtc.getCodecsFailed": "\u83B7\u53D6\u6D4F\u89C8\u5668\u7F16\u89E3\u7801\u652F\u6301\u5931\u8D25\uFF0CSEI gate \u5C06\u4E0D\u4F1A\u751F\u6548\uFF0Coutput \u5C06\u4E0D\u518D\u88AB\u62E6\u622A"
 };
 
+// src/i18n/api-error-codes.ts
+var SYSTEM_OVERLOADED = {
+  "zh-CN": "\u5F53\u524D\u4F7F\u7528\u4EBA\u6570\u8FC7\u591A\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5",
+  "en-US": "The system is currently overloaded. Please retry after some time."
+};
+var API_ERROR_MESSAGES = {
+  "46001": { "zh-CN": "X-Api-Key \u4E0D\u80FD\u4E3A\u7A7A", "en-US": "X-Api-Key cannot be empty" },
+  "46002": { "zh-CN": "\u65E0\u6548\u7684\u7528\u6237 API Key", "en-US": "Invalid user API Key" },
+  "46003": { "zh-CN": "model \u4E0D\u80FD\u4E3A\u7A7A", "en-US": "model cannot be empty" },
+  "46004": { "zh-CN": "sessionUid \u4E0D\u80FD\u4E3A\u7A7A", "en-US": "sessionUid cannot be empty" },
+  "46005": { "zh-CN": "\u6A21\u578B\u7C7B\u578B\u4E0D\u5B58\u5728", "en-US": "Model type does not exist" },
+  "46006": SYSTEM_OVERLOADED,
+  "46007": SYSTEM_OVERLOADED,
+  "46008": SYSTEM_OVERLOADED,
+  "46009": SYSTEM_OVERLOADED,
+  "46010": SYSTEM_OVERLOADED,
+  "46012": { "zh-CN": "\u4F1A\u8BDD\u4E0D\u5B58\u5728", "en-US": "Session does not exist" },
+  "46013": { "zh-CN": "\u4F1A\u8BDD\u4E0D\u5C5E\u4E8E\u5F53\u524D\u7528\u6237", "en-US": "Session does not belong to the current user" },
+  "46014": { "zh-CN": "\u4F1A\u8BDD\u5DF2\u5173\u95ED", "en-US": "Session has been closed" },
+  "46015": { "zh-CN": "\u4F1A\u8BDD\u5DF2\u8D85\u65F6", "en-US": "Session has timed out" },
+  "46018": { "zh-CN": "\u4E34\u65F6 API Key \u5DF2\u8FC7\u671F", "en-US": "Temporary API Key has expired" },
+  "46019": {
+    "zh-CN": "\u4E34\u65F6 API Key \u5DF2\u8FBE\u5230\u79EF\u5206\u4E0A\u9650",
+    "en-US": "Temporary API Key has reached its points limit"
+  },
+  "46021": {
+    "zh-CN": "\u4E34\u65F6 API Key \u4E0D\u5141\u8BB8\u518D\u521B\u5EFA\u4E34\u65F6 API Key",
+    "en-US": "A temporary API Key cannot create another temporary API Key"
+  }
+};
+function resolveApiErrorMessage(code, locale) {
+  if (code === null || code === void 0) return void 0;
+  const entry = API_ERROR_MESSAGES[String(code)];
+  if (!entry) return void 0;
+  return entry[locale] ?? entry["en-US"];
+}
+
 // src/i18n/index.ts
 function formatTemplate(template, params) {
   if (!params) return template;
@@ -174,6 +174,167 @@ function createSDKI18n(input) {
   };
 }
 
+// src/rtc/publish-fps.ts
+var MOBILE_PUBLISH_MAX_WIDTH_PX = 768;
+var RTC_PUBLISH_FPS_WEB = 30;
+var RTC_PUBLISH_FPS_MOBILE = 24;
+function isMobilePublishEnvironment() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return false;
+  }
+  return window.matchMedia(`(max-width: ${MOBILE_PUBLISH_MAX_WIDTH_PX}px)`).matches;
+}
+function resolveRtcPublishFps(options = {}) {
+  if (typeof options.fps === "number" && Number.isFinite(options.fps) && options.fps > 0) {
+    return options.fps;
+  }
+  const mobile = options.mobile ?? isMobilePublishEnvironment();
+  return mobile ? RTC_PUBLISH_FPS_MOBILE : RTC_PUBLISH_FPS_WEB;
+}
+function resolveRtcPublishFrameIntervalS(options) {
+  return 1 / resolveRtcPublishFps(options);
+}
+var RTC_PUBLISH_FRAME_INTERVAL_S = 1 / RTC_PUBLISH_FPS_WEB;
+var RTC_PUBLISH_FRAME_INTERVAL_MS = 1e3 / RTC_PUBLISH_FPS_WEB;
+var MEDIA_TIME_EPSILON_S = 1e-3;
+var MEDIA_TIME_LOOP_JUMP_S = 0.05;
+
+// src/shared/reference-video-size.ts
+var PREVIEW_CONTAINER_ASPECT_RATIO = 16 / 9;
+function resolvePreviewAspectRatio(size) {
+  return `${size[0]} / ${size[1]}`;
+}
+var DEFAULT_SESSION_TARGET_SIZE = [1472, 832];
+var UPLOAD_VIDEO_BASE = 832;
+var UPLOAD_SIZE_ALIGN = 32;
+var MAX_LANDSCAPE_ASPECT = 16 / 9;
+var MAX_PORTRAIT_HEIGHT_RATIO = 16 / 9;
+function alignToSizeMultiple(value) {
+  return Math.max(UPLOAD_SIZE_ALIGN, Math.round(value / UPLOAD_SIZE_ALIGN) * UPLOAD_SIZE_ALIGN);
+}
+function makeEven(value) {
+  const rounded = Math.max(2, Math.round(value));
+  return rounded % 2 === 0 ? rounded : rounded - 1;
+}
+function resolveUploadPublishSize(sourceWidth, sourceHeight) {
+  if (sourceWidth <= 0 || sourceHeight <= 0) {
+    return DEFAULT_SESSION_TARGET_SIZE;
+  }
+  return [makeEven(sourceWidth), makeEven(sourceHeight)];
+}
+function resolveAdaptiveRtcVideoSize(sourceWidth, sourceHeight, baseSize = DEFAULT_SESSION_TARGET_SIZE) {
+  if (sourceWidth <= 0 || sourceHeight <= 0) {
+    return baseSize;
+  }
+  const [baseWidth, baseHeight] = baseSize;
+  const sourceAspectRatio = sourceHeight / sourceWidth;
+  const baseAspectRatio = baseHeight / baseWidth;
+  if (sourceAspectRatio >= baseAspectRatio) {
+    return [baseWidth, baseHeight];
+  }
+  const adaptiveHeight = Math.max(
+    UPLOAD_SIZE_ALIGN,
+    Math.round(baseWidth * sourceAspectRatio)
+  );
+  return [baseWidth, makeEven(adaptiveHeight)];
+}
+function resolveUploadVideoSize(sourceWidth, sourceHeight) {
+  if (sourceWidth <= 0 || sourceHeight <= 0) {
+    return DEFAULT_SESSION_TARGET_SIZE;
+  }
+  if (sourceWidth === sourceHeight) {
+    return [UPLOAD_VIDEO_BASE, UPLOAD_VIDEO_BASE];
+  }
+  const aspect = sourceWidth / sourceHeight;
+  if (sourceHeight > sourceWidth) {
+    const width2 = UPLOAD_VIDEO_BASE;
+    let height2 = alignToSizeMultiple(width2 / aspect);
+    const maxHeight = alignToSizeMultiple(width2 * MAX_PORTRAIT_HEIGHT_RATIO);
+    if (height2 > maxHeight) {
+      height2 = maxHeight;
+    }
+    return [width2, height2];
+  }
+  const height = UPLOAD_VIDEO_BASE;
+  let width = alignToSizeMultiple(height * aspect);
+  const maxWidth = alignToSizeMultiple(height * MAX_LANDSCAPE_ASPECT);
+  if (width > maxWidth) {
+    width = maxWidth;
+  }
+  return [width, height];
+}
+function resolveSessionTargetSize(input) {
+  if (input.overrideSize) {
+    return input.overrideSize;
+  }
+  if (input.localVideoSize?.width && input.localVideoSize?.height) {
+    return [input.localVideoSize.width, input.localVideoSize.height];
+  }
+  return DEFAULT_SESSION_TARGET_SIZE;
+}
+
+// src/rtc/capture-crop.ts
+function computeCenterCropRect(sourceWidth, sourceHeight, targetAspect) {
+  const sourceAspect = sourceWidth / sourceHeight;
+  if (sourceAspect > targetAspect) {
+    const height2 = sourceHeight;
+    const width2 = sourceHeight * targetAspect;
+    return {
+      x: (sourceWidth - width2) / 2,
+      y: 0,
+      width: width2,
+      height: height2
+    };
+  }
+  const width = sourceWidth;
+  const height = sourceWidth / targetAspect;
+  return {
+    x: 0,
+    y: (sourceHeight - height) / 2,
+    width,
+    height
+  };
+}
+
+// src/rtc/canvas-frame-draw.ts
+function drawSourceCenterCrop(ctx, source, outputWidth, outputHeight, sourceWidth, sourceHeight) {
+  ctx.imageSmoothingEnabled = true;
+  ctx.imageSmoothingQuality = "high";
+  ctx.clearRect(0, 0, outputWidth, outputHeight);
+  const crop = computeCenterCropRect(
+    sourceWidth,
+    sourceHeight,
+    outputWidth / outputHeight
+  );
+  ctx.drawImage(
+    source,
+    crop.x,
+    crop.y,
+    crop.width,
+    crop.height,
+    0,
+    0,
+    outputWidth,
+    outputHeight
+  );
+}
+
+// src/rtc/capture-host.ts
+var captureHostRoot = null;
+var CAPTURE_VIDEO_STYLE = "position:fixed;left:-10000px;top:0;width:640px;height:480px;opacity:1;pointer-events:none;z-index:-1;";
+function mountCaptureVideo(videoEl) {
+  if (!captureHostRoot) {
+    captureHostRoot = document.createElement("div");
+    captureHostRoot.setAttribute("data-xmax-capture-host", "true");
+    captureHostRoot.style.cssText = "position:fixed;left:0;top:0;width:0;height:0;overflow:hidden;pointer-events:none;z-index:-1;";
+    document.body.appendChild(captureHostRoot);
+  }
+  videoEl.setAttribute("playsinline", "true");
+  videoEl.setAttribute("webkit-playsinline", "true");
+  videoEl.style.cssText = CAPTURE_VIDEO_STYLE;
+  captureHostRoot.appendChild(videoEl);
+}
+
 // src/rtc/video-frame-rate.ts
 var COMMON_VIDEO_FPS = [24, 25, 30, 48, 50, 60];
 function median(values) {
@@ -293,122 +454,318 @@ function resolvePlaybackDrivenEncoderFps(track, fallback = 24) {
   return resolveTrackFrameRate(track, fallback);
 }
 
-// src/rtc/publish-fps.ts
-var MOBILE_PUBLISH_MAX_WIDTH_PX = 768;
-var RTC_PUBLISH_FPS_WEB = 30;
-var RTC_PUBLISH_FPS_MOBILE = 24;
-var RTC_PUBLISH_FPS = RTC_PUBLISH_FPS_WEB;
-function isMobilePublishEnvironment() {
-  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+// src/rtc/video-file-stream.ts
+var STALL_CATCHUP_MS = 1500;
+function shouldSampleAtMediaTime(lastMediaTimeS, mediaTimeS) {
+  if (!Number.isFinite(mediaTimeS) || mediaTimeS < 0) {
     return false;
   }
-  return window.matchMedia(`(max-width: ${MOBILE_PUBLISH_MAX_WIDTH_PX}px)`).matches;
-}
-function resolveRtcPublishFps(options = {}) {
-  if (typeof options.fps === "number" && Number.isFinite(options.fps) && options.fps > 0) {
-    return options.fps;
+  if (lastMediaTimeS < 0) {
+    return true;
   }
-  const mobile = options.mobile ?? isMobilePublishEnvironment();
-  return mobile ? RTC_PUBLISH_FPS_MOBILE : RTC_PUBLISH_FPS_WEB;
-}
-function resolveRtcPublishFrameIntervalS(options) {
-  return 1 / resolveRtcPublishFps(options);
-}
-var RTC_PUBLISH_FRAME_INTERVAL_S = 1 / RTC_PUBLISH_FPS_WEB;
-var RTC_PUBLISH_FRAME_INTERVAL_MS = 1e3 / RTC_PUBLISH_FPS_WEB;
-var MEDIA_TIME_EPSILON_S = 1e-3;
-var MEDIA_TIME_LOOP_JUMP_S = 0.05;
-
-// src/shared/reference-video-size.ts
-var PREVIEW_CONTAINER_ASPECT_RATIO = 16 / 9;
-function resolvePreviewAspectRatio(size) {
-  return `${size[0]} / ${size[1]}`;
-}
-var DEFAULT_SESSION_TARGET_SIZE = [1472, 832];
-var UPLOAD_VIDEO_BASE = 832;
-var UPLOAD_SIZE_ALIGN = 32;
-var MAX_LANDSCAPE_ASPECT = 16 / 9;
-var MAX_PORTRAIT_HEIGHT_RATIO = 16 / 9;
-function alignToSizeMultiple(value) {
-  return Math.max(UPLOAD_SIZE_ALIGN, Math.round(value / UPLOAD_SIZE_ALIGN) * UPLOAD_SIZE_ALIGN);
-}
-function makeEven(value) {
-  const rounded = Math.max(2, Math.round(value));
-  return rounded % 2 === 0 ? rounded : rounded - 1;
-}
-function resolveUploadPublishSize(sourceWidth, sourceHeight) {
-  if (sourceWidth <= 0 || sourceHeight <= 0) {
-    return DEFAULT_SESSION_TARGET_SIZE;
+  if (mediaTimeS + MEDIA_TIME_LOOP_JUMP_S < lastMediaTimeS) {
+    return true;
   }
-  return [makeEven(sourceWidth), makeEven(sourceHeight)];
+  return mediaTimeS > lastMediaTimeS + MEDIA_TIME_EPSILON_S;
 }
-function resolveAdaptiveRtcVideoSize(sourceWidth, sourceHeight, baseSize = DEFAULT_SESSION_TARGET_SIZE) {
-  if (sourceWidth <= 0 || sourceHeight <= 0) {
-    return baseSize;
+async function applyPublishTrackConstraints(track, width, height) {
+  if (typeof track.applyConstraints !== "function") {
+    return;
   }
-  const [baseWidth, baseHeight] = baseSize;
-  const sourceAspectRatio = sourceHeight / sourceWidth;
-  const baseAspectRatio = baseHeight / baseWidth;
-  if (sourceAspectRatio >= baseAspectRatio) {
-    return [baseWidth, baseHeight];
+  try {
+    await track.applyConstraints({
+      width: { ideal: width, max: width },
+      height: { ideal: height, max: height }
+    });
+  } catch {
   }
-  const adaptiveHeight = Math.max(
-    UPLOAD_SIZE_ALIGN,
-    Math.round(baseWidth * sourceAspectRatio)
-  );
-  return [baseWidth, makeEven(adaptiveHeight)];
 }
-function resolveUploadVideoSize(sourceWidth, sourceHeight) {
-  if (sourceWidth <= 0 || sourceHeight <= 0) {
-    return DEFAULT_SESSION_TARGET_SIZE;
+async function createVideoFileStream(fileOrUrl, options = {}) {
+  const i18n = options.i18n ?? createSDKI18n();
+  const isUrl = typeof fileOrUrl === "string";
+  const url = isUrl ? fileOrUrl : URL.createObjectURL(fileOrUrl);
+  const videoEl = document.createElement("video");
+  videoEl.muted = options.muted ?? true;
+  videoEl.playsInline = true;
+  if (isUrl) {
+    videoEl.crossOrigin = "anonymous";
   }
-  if (sourceWidth === sourceHeight) {
-    return [UPLOAD_VIDEO_BASE, UPLOAD_VIDEO_BASE];
+  videoEl.src = url;
+  videoEl.loop = options.loop ?? true;
+  videoEl.autoplay = true;
+  mountCaptureVideo(videoEl);
+  try {
+    videoEl.load();
+    await waitForEvent(videoEl, "loadedmetadata");
+    await waitForCanPlay(videoEl);
+  } catch (error) {
+    if (!isUrl) URL.revokeObjectURL(url);
+    throw error;
   }
-  const aspect = sourceWidth / sourceHeight;
-  if (sourceHeight > sourceWidth) {
-    const width2 = UPLOAD_VIDEO_BASE;
-    let height2 = alignToSizeMultiple(width2 / aspect);
-    const maxHeight = alignToSizeMultiple(width2 * MAX_PORTRAIT_HEIGHT_RATIO);
-    if (height2 > maxHeight) {
-      height2 = maxHeight;
+  if (typeof options.playbackRate === "number") {
+    videoEl.playbackRate = options.playbackRate;
+  }
+  await startVideoPlayback(videoEl, i18n);
+  const sourceWidth = videoEl.videoWidth || 0;
+  const sourceHeight = videoEl.videoHeight || 0;
+  if (!sourceWidth || !sourceHeight) {
+    if (!isUrl) URL.revokeObjectURL(url);
+    throw new Error(i18n.t("errors.videoTrackMissing"));
+  }
+  const measuredFps = typeof options.fps === "number" && options.fps > 0 ? options.fps : await estimateVideoFrameRate(videoEl);
+  const [outputWidth, outputHeight] = options.targetSize ?? resolveUploadVideoSize(sourceWidth, sourceHeight);
+  const canvas = document.createElement("canvas");
+  canvas.width = outputWidth;
+  canvas.height = outputHeight;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    if (!isUrl) URL.revokeObjectURL(url);
+    throw new Error(i18n.t("errors.captureStreamUnsupported"));
+  }
+  const captureStreamFn = canvas.captureStream ?? canvas.mozCaptureStream;
+  if (!captureStreamFn) {
+    if (!isUrl) URL.revokeObjectURL(url);
+    throw new Error(i18n.t("errors.captureStreamUnsupported"));
+  }
+  const previewStream = captureStreamFn.call(canvas);
+  const videoTrack = previewStream.getVideoTracks()[0];
+  if (!videoTrack) {
+    if (!isUrl) URL.revokeObjectURL(url);
+    throw new Error(i18n.t("errors.videoTrackMissing"));
+  }
+  const publishFps = resolvePlaybackDrivenEncoderFps(videoTrack, measuredFps);
+  await applyPublishTrackConstraints(videoTrack, outputWidth, outputHeight);
+  let destroyed = false;
+  let lastAdvanceAt = Date.now();
+  let lastDrawMediaTimeS = -1;
+  let videoFrameCallbackId = null;
+  let rafId = null;
+  const drawFrame = () => {
+    if (destroyed) {
+      return;
     }
-    return [width2, height2];
+    drawSourceCenterCrop(
+      ctx,
+      videoEl,
+      outputWidth,
+      outputHeight,
+      sourceWidth,
+      sourceHeight
+    );
+  };
+  const onPlaybackSample = (mediaTimeS) => {
+    if (destroyed || !shouldSampleAtMediaTime(lastDrawMediaTimeS, mediaTimeS)) {
+      return;
+    }
+    lastDrawMediaTimeS = mediaTimeS;
+    lastAdvanceAt = Date.now();
+    drawFrame();
+  };
+  const schedulePlaybackWatch = () => {
+    if (destroyed) {
+      return;
+    }
+    const video = videoEl;
+    if (video.requestVideoFrameCallback) {
+      videoFrameCallbackId = video.requestVideoFrameCallback((_now, metadata) => {
+        onPlaybackSample(metadata.mediaTime);
+        schedulePlaybackWatch();
+      });
+      return;
+    }
+    rafId = window.requestAnimationFrame(() => {
+      onPlaybackSample(videoEl.currentTime);
+      schedulePlaybackWatch();
+    });
+  };
+  drawFrame();
+  schedulePlaybackWatch();
+  const ensurePlaying = () => {
+    if (destroyed) {
+      return;
+    }
+    if (videoEl.ended && videoEl.loop) {
+      videoEl.currentTime = 0;
+      lastDrawMediaTimeS = -1;
+    }
+    if (videoEl.paused) {
+      void videoEl.play().catch(() => void 0);
+    }
+  };
+  const markAdvance = () => {
+    lastAdvanceAt = Date.now();
+  };
+  videoEl.addEventListener("timeupdate", markAdvance);
+  videoEl.addEventListener("pause", ensurePlaying);
+  videoEl.addEventListener("ended", ensurePlaying);
+  videoEl.addEventListener("stalled", ensurePlaying);
+  videoEl.addEventListener("waiting", ensurePlaying);
+  const healthIntervalMs = options.healthIntervalMs ?? 3e3;
+  let healthTimer = null;
+  if (options.onHealthReport) {
+    const reportHealth = options.onHealthReport;
+    healthTimer = setInterval(() => {
+      ensurePlaying();
+      const now = Date.now();
+      const currentTime = videoEl.currentTime;
+      const duration = videoEl.duration;
+      const nearEnd = duration > 0 && currentTime >= duration - 0.2;
+      const stalled = !videoEl.paused && !videoEl.ended && !nearEnd && now - lastAdvanceAt >= healthIntervalMs;
+      if (stalled && now - lastAdvanceAt >= STALL_CATCHUP_MS) {
+        void videoEl.play().catch(() => void 0);
+      }
+      reportHealth({
+        currentTime,
+        duration,
+        paused: videoEl.paused,
+        ended: videoEl.ended,
+        readyState: videoEl.readyState,
+        trackReadyState: videoTrack.readyState,
+        trackMuted: videoTrack.muted,
+        stalled,
+        timeSinceAdvanceMs: now - lastAdvanceAt
+      });
+    }, healthIntervalMs);
   }
-  const height = UPLOAD_VIDEO_BASE;
-  let width = alignToSizeMultiple(height * aspect);
-  const maxWidth = alignToSizeMultiple(height * MAX_LANDSCAPE_ASPECT);
-  if (width > maxWidth) {
-    width = maxWidth;
+  const destroy = () => {
+    destroyed = true;
+    videoEl.removeEventListener("timeupdate", markAdvance);
+    videoEl.removeEventListener("pause", ensurePlaying);
+    videoEl.removeEventListener("ended", ensurePlaying);
+    videoEl.removeEventListener("stalled", ensurePlaying);
+    videoEl.removeEventListener("waiting", ensurePlaying);
+    const video = videoEl;
+    if (videoFrameCallbackId !== null) {
+      video.cancelVideoFrameCallback?.(videoFrameCallbackId);
+      videoFrameCallbackId = null;
+    }
+    if (rafId !== null) {
+      window.cancelAnimationFrame(rafId);
+      rafId = null;
+    }
+    if (healthTimer !== null) {
+      clearInterval(healthTimer);
+      healthTimer = null;
+    }
+    try {
+      videoEl.pause();
+    } catch {
+    }
+    try {
+      videoTrack.stop();
+    } catch {
+    }
+    try {
+      previewStream.getTracks().forEach((track) => {
+        if (track.readyState !== "ended") {
+          track.stop();
+        }
+      });
+    } catch {
+    }
+    try {
+      videoEl.remove();
+    } catch {
+    }
+    try {
+      videoEl.src = "";
+      videoEl.load();
+    } catch {
+    }
+    if (!isUrl) URL.revokeObjectURL(url);
+  };
+  return {
+    url,
+    previewStream,
+    videoEl,
+    videoTrack,
+    fps: publishFps,
+    width: outputWidth,
+    height: outputHeight,
+    sourceWidth,
+    sourceHeight,
+    destroy
+  };
+}
+function waitForEvent(el, eventName) {
+  return new Promise((resolve, reject) => {
+    const onOk = () => {
+      cleanup();
+      resolve();
+    };
+    const onErr = (e) => {
+      cleanup();
+      const mediaEl = el;
+      const code = mediaEl.error ? mediaEl.error.code : "unknown";
+      const message = mediaEl.error ? mediaEl.error.message : "no message";
+      const src = mediaEl.src || "unknown src";
+      reject(new Error(`failed to load video metadata: ${String(eventName)} (code: ${code}, message: ${message}, src: ${src})`));
+    };
+    const cleanup = () => {
+      el.removeEventListener(eventName, onOk);
+      el.removeEventListener("error", onErr);
+    };
+    el.addEventListener(eventName, onOk, { once: true });
+    el.addEventListener("error", onErr, { once: true });
+  });
+}
+function waitForCanPlay(videoEl) {
+  if (videoEl.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {
+    return Promise.resolve();
   }
-  return [width, height];
+  return new Promise((resolve) => {
+    const onReady = () => {
+      cleanup();
+      resolve();
+    };
+    const cleanup = () => {
+      videoEl.removeEventListener("canplay", onReady);
+      videoEl.removeEventListener("loadeddata", onReady);
+    };
+    videoEl.addEventListener("canplay", onReady, { once: true });
+    videoEl.addEventListener("loadeddata", onReady, { once: true });
+  });
 }
-function resolveSessionTargetSize(input) {
-  if (input.overrideSize) {
-    return input.overrideSize;
+async function startVideoPlayback(videoEl, i18n) {
+  try {
+    const playResult = videoEl.play();
+    if (playResult && typeof playResult.then === "function") {
+      await playResult;
+    }
+  } catch {
+    throw new Error(i18n.t("errors.videoPlaybackFailed"));
   }
-  if (input.localVideoSize?.width && input.localVideoSize?.height) {
-    return [input.localVideoSize.width, input.localVideoSize.height];
+  try {
+    await waitForPlaying(videoEl);
+  } catch {
+    throw new Error(i18n.t("errors.videoPlaybackFailed"));
+  }
+  if (videoEl.paused || videoEl.readyState < HTMLMediaElement.HAVE_CURRENT_DATA) {
+    throw new Error(i18n.t("errors.videoPlaybackFailed"));
   }
-  return DEFAULT_SESSION_TARGET_SIZE;
 }
-
-// src/rtc/capture-host.ts
-var captureHostRoot = null;
-var CAPTURE_VIDEO_STYLE = "position:fixed;left:-10000px;top:0;width:640px;height:480px;opacity:1;pointer-events:none;z-index:-1;";
-function mountCaptureVideo(videoEl) {
-  if (!captureHostRoot) {
-    captureHostRoot = document.createElement("div");
-    captureHostRoot.setAttribute("data-xmax-capture-host", "true");
-    captureHostRoot.style.cssText = "position:fixed;left:0;top:0;width:0;height:0;overflow:hidden;pointer-events:none;z-index:-1;";
-    document.body.appendChild(captureHostRoot);
+function waitForPlaying(videoEl) {
+  if (!videoEl.paused && videoEl.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {
+    return Promise.resolve();
   }
-  videoEl.setAttribute("playsinline", "true");
-  videoEl.setAttribute("webkit-playsinline", "true");
-  videoEl.style.cssText = CAPTURE_VIDEO_STYLE;
-  captureHostRoot.appendChild(videoEl);
+  return new Promise((resolve, reject) => {
+    const onPlaying = () => {
+      cleanup();
+      resolve();
+    };
+    const onErr = () => {
+      cleanup();
+      reject(new Error("video playback failed"));
+    };
+    const cleanup = () => {
+      videoEl.removeEventListener("playing", onPlaying);
+      videoEl.removeEventListener("error", onErr);
+    };
+    videoEl.addEventListener("playing", onPlaying, { once: true });
+    videoEl.addEventListener("error", onErr, { once: true });
+  });
 }
 
-export { API_ERROR_MESSAGES, DEFAULT_SESSION_TARGET_SIZE, MEDIA_TIME_EPSILON_S, MEDIA_TIME_LOOP_JUMP_S, MOBILE_PUBLISH_MAX_WIDTH_PX, PREVIEW_CONTAINER_ASPECT_RATIO, RTC_PUBLISH_FPS, RTC_PUBLISH_FPS_MOBILE, RTC_PUBLISH_FPS_WEB, RTC_PUBLISH_FRAME_INTERVAL_MS, RTC_PUBLISH_FRAME_INTERVAL_S, createSDKI18n, estimateVideoFrameRate, getDefaultMessages, isMobilePublishEnvironment, mountCaptureVideo, resolveAdaptiveRtcVideoSize, resolveApiErrorMessage, resolvePlaybackDrivenEncoderFps, resolvePreviewAspectRatio, resolveRtcPublishFps, resolveRtcPublishFrameIntervalS, resolveSessionTargetSize, resolveUploadPublishSize, resolveUploadVideoSize };
-//# sourceMappingURL=chunk-PLU2YVAS.js.map
-//# sourceMappingURL=chunk-PLU2YVAS.js.map
+export { API_ERROR_MESSAGES, DEFAULT_SESSION_TARGET_SIZE, MEDIA_TIME_EPSILON_S, MEDIA_TIME_LOOP_JUMP_S, MOBILE_PUBLISH_MAX_WIDTH_PX, PREVIEW_CONTAINER_ASPECT_RATIO, RTC_PUBLISH_FPS_MOBILE, RTC_PUBLISH_FPS_WEB, RTC_PUBLISH_FRAME_INTERVAL_MS, RTC_PUBLISH_FRAME_INTERVAL_S, computeCenterCropRect, createSDKI18n, createVideoFileStream, drawSourceCenterCrop, getDefaultMessages, isMobilePublishEnvironment, mountCaptureVideo, resolveAdaptiveRtcVideoSize, resolveApiErrorMessage, resolvePlaybackDrivenEncoderFps, resolvePreviewAspectRatio, resolveRtcPublishFps, resolveRtcPublishFrameIntervalS, resolveSessionTargetSize, resolveUploadPublishSize, resolveUploadVideoSize };
+//# sourceMappingURL=chunk-TFGYBN3Q.js.map
+//# sourceMappingURL=chunk-TFGYBN3Q.js.map