@xmaxai/web-sdk 1.0.9 → 1.1.0

package/dist/index.js

@@ -1,21 +1,22 @@
 import {
   CameraPosition,
+  DefaultTrajectoryEffectRenderer,
   MediaService,
   NonRealtimeQuality,
   NonRealtimeTaskError,
   NonRealtimeTaskStatus,
+  RealtimeCameraPreset,
   RealtimeConfiguration,
   RealtimeConnectionState,
   RealtimeContext,
   RealtimeMediaStream,
   RealtimeModel,
+  RealtimeNetworkQualityLevel,
+  RealtimeQualityLevel,
   RealtimeReason,
-  RealtimeRecordingEventType,
-  RealtimeRecordingFinishReason,
   RealtimeState,
   RealtimeVideoEncoderPreference,
   RealtimeVideoFormat,
-  RealtimeVideoSampleMethod,
   RealtimeVideoTrack,
   RtcProvider,
   StorageService,
@@ -28,33 +29,36 @@ import {
   XmaxErrorCode,
   XmaxLogger,
   XmaxLoggerOption,
+  XmaxRealtimeDualVideoView,
   XmaxRealtimeVideoView,
-  XmaxVideoView,
   apiBaseURL,
+  cameraPresetSize,
   defaultCameraVideoFormat,
   defaultFrameRate,
   modelDisplayName,
-  supportedRtcProviders
-} from "./chunk-ILZL4W2G.js";
-import "./chunk-V6TY7KAL.js";
+  realtimeApiBaseURL,
+  supportedRtcProviders,
+  supportedVideoFormats
+} from "./chunk-IJVTTKBG.js";
 export {
   CameraPosition,
+  DefaultTrajectoryEffectRenderer,
   MediaService,
   NonRealtimeQuality,
   NonRealtimeTaskError,
   NonRealtimeTaskStatus,
+  RealtimeCameraPreset,
   RealtimeConfiguration,
   RealtimeConnectionState,
   RealtimeContext,
   RealtimeMediaStream,
   RealtimeModel,
+  RealtimeNetworkQualityLevel,
+  RealtimeQualityLevel,
   RealtimeReason,
-  RealtimeRecordingEventType,
-  RealtimeRecordingFinishReason,
   RealtimeState,
   RealtimeVideoEncoderPreference,
   RealtimeVideoFormat,
-  RealtimeVideoSampleMethod,
   RealtimeVideoTrack,
   RtcProvider,
   StorageService,
@@ -67,12 +71,15 @@ export {
   XmaxErrorCode,
   XmaxLogger,
   XmaxLoggerOption,
+  XmaxRealtimeDualVideoView,
   XmaxRealtimeVideoView,
-  XmaxVideoView,
   apiBaseURL,
+  cameraPresetSize,
   defaultCameraVideoFormat,
   defaultFrameRate,
   modelDisplayName,
-  supportedRtcProviders
+  realtimeApiBaseURL,
+  supportedRtcProviders,
+  supportedVideoFormats
 };
 //# sourceMappingURL=index.js.map

package/dist/react/index.cjs

@@ -1,16 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
 
-var _chunkKROY2O4Acjs = require('../chunk-KROY2O4A.cjs');
-require('../chunk-4DE2IREA.cjs');
+var _chunkWJOPIHWWcjs = require('../chunk-WJOPIHWW.cjs');
 
-// src/react/XmaxRealtimeVideo.tsx
+// src/react/XmaxRealtimeDualVideo.tsx
 
 
 
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-function XmaxRealtimeVideo(props) {
+function XmaxRealtimeDualVideo(props) {
   const containerRef = _react.useRef.call(void 0, null);
   const viewRef = _react.useRef.call(void 0, void 0);
   _react.useEffect.call(void 0, () => {
@@ -18,7 +17,7 @@ function XmaxRealtimeVideo(props) {
     if (!container) {
       return;
     }
-    const view = new (0, _chunkKROY2O4Acjs.XmaxRealtimeVideoView)();
+    const view = new (0, _chunkWJOPIHWWcjs.XmaxRealtimeDualVideoView)({ remoteVideoFadeInDuration: props.remoteVideoFadeInDuration });
     view.element.style.width = "100%";
     view.element.style.height = "100%";
     view.attach(container);
@@ -30,6 +29,11 @@ function XmaxRealtimeVideo(props) {
       view.detach();
     };
   }, []);
+  _react.useEffect.call(void 0, () => {
+    if (viewRef.current) {
+      viewRef.current.remoteVideoFadeInDuration = _nullishCoalesce(props.remoteVideoFadeInDuration, () => ( 0.3));
+    }
+  }, [props.remoteVideoFadeInDuration]);
   _react.useEffect.call(void 0, () => {
     const view = viewRef.current;
     if (view) {
@@ -68,13 +72,13 @@ function XmaxRealtimeVideo(props) {
   );
 }
 
-// src/react/XmaxVideo.tsx
+// src/react/XmaxRealtimeVideo.tsx
 
 
 
 
 
-function XmaxVideo(props) {
+function XmaxRealtimeVideo(props) {
   const containerRef = _react.useRef.call(void 0, null);
   const viewRef = _react.useRef.call(void 0, void 0);
   _react.useEffect.call(void 0, () => {
@@ -82,7 +86,7 @@ function XmaxVideo(props) {
     if (!container) {
       return;
     }
-    const view = new (0, _chunkKROY2O4Acjs.XmaxVideoView)();
+    const view = new (0, _chunkWJOPIHWWcjs.XmaxRealtimeVideoView)();
     view.element.style.width = "100%";
     view.element.style.height = "100%";
     view.attach(container);
@@ -94,7 +98,8 @@ function XmaxVideo(props) {
     };
   }, []);
   _react.useEffect.call(void 0, () => {
-    if (viewRef.current) viewRef.current.renderStatisticsHandler = props.onRenderStatistics;
+    if (viewRef.current)
+      viewRef.current.renderStatisticsHandler = props.onRenderStatistics;
   }, [props.onRenderStatistics]);
   _react.useEffect.call(void 0, () => {
     const view = viewRef.current;
@@ -136,5 +141,5 @@ function XmaxVideo(props) {
 
 
 
-exports.XmaxRealtimeVideo = XmaxRealtimeVideo; exports.XmaxVideo = XmaxVideo;
+exports.XmaxRealtimeDualVideo = XmaxRealtimeDualVideo; exports.XmaxRealtimeVideo = XmaxRealtimeVideo;
 //# sourceMappingURL=index.cjs.map

package/dist/react/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/private/var/folders/5j/p3g3j18x2w3byrl5wtnk94tc0000gn/T/xmax-web-release-Zggzaq/source/packages/xmax-sdk/dist/react/index.cjs","../../src/react/XmaxRealtimeVideo.tsx","../../src/react/XmaxVideo.tsx"],"names":["useRef","useEffect","jsx"],"mappings":"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","file":"/private/var/folders/5j/p3g3j18x2w3byrl5wtnk94tc0000gn/T/xmax-web-release-Zggzaq/source/packages/xmax-sdk/dist/react/index.cjs","sourcesContent":[null,"import {\n  VideoContentMode,\n  XmaxRealtimeVideoView,\n  type RealtimeVideoTrack,\n  type TrajectoryEffectRendering,\n} from \"../index\";\nimport {\n  useEffect,\n  useRef,\n  type CSSProperties,\n} from \"react\";\n\nexport interface XmaxRealtimeVideoProps {\n  /**\n   * 当前显示的本地视频轨道。\n   */\n  localTrack?: RealtimeVideoTrack;\n\n  /**\n   * 当前显示的远端生成视频轨道；首帧提交后自动渐入。\n   */\n  remoteTrack?: RealtimeVideoTrack;\n\n  /**\n   * 视频内容在容器中的显示模式，默认 fill。\n   */\n  videoContentMode?: VideoContentMode;\n\n  /**\n   * 容器类名。\n   */\n  className?: string;\n\n  /**\n   * 是否允许远端轨迹交互，默认 true；本地轨道不参与。\n   */\n  isInteractionEnabled?: boolean;\n\n  /**\n   * 自定义轨迹视觉效果，不传时使用默认效果；一个实例仅供一个视图使用。\n   */\n  trajectoryRenderer?: TrajectoryEffectRendering;\n\n  /**\n   * 容器样式。\n   */\n  style?: CSSProperties;\n}\n\n/**\n * 本地预览和远端生成画面自动切换的 React 组件。\n */\nexport function XmaxRealtimeVideo(props: XmaxRealtimeVideoProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<XmaxRealtimeVideoView | undefined>(undefined);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const view = new XmaxRealtimeVideoView();\n    view.element.style.width = \"100%\";\n    view.element.style.height = \"100%\";\n    view.attach(container);\n    viewRef.current = view;\n    return () => {\n      viewRef.current = undefined;\n      view.localTrack = undefined;\n      view.remoteTrack = undefined;\n      view.detach();\n    };\n  }, []);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.localTrack = props.localTrack;\n    }\n  }, [props.localTrack]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.remoteTrack = props.remoteTrack;\n    }\n  }, [props.remoteTrack]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.videoContentMode) {\n      view.videoContentMode = props.videoContentMode;\n    }\n  }, [props.videoContentMode]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.isInteractionEnabled = props.isInteractionEnabled ?? true;\n    }\n  }, [props.isInteractionEnabled]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.trajectoryRenderer = props.trajectoryRenderer;\n    }\n  }, [props.trajectoryRenderer]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{ position: \"relative\", overflow: \"hidden\", ...props.style }}\n    />\n  );\n}\n","import {\n  VideoContentMode,\n  XmaxVideoView,\n  type RealtimeVideoTrack,\n  type TrajectoryEffectRendering,\n  type VideoRenderStatistics,\n} from \"../index\";\nimport {\n  useEffect,\n  useRef,\n  type CSSProperties,\n} from \"react\";\n\nexport interface XmaxVideoProps {\n  /**\n   * 当前显示的视频轨道；置空时清空画面。\n   */\n  track?: RealtimeVideoTrack;\n\n  /**\n   * 视频内容在容器中的显示模式，默认 fill。\n   */\n  videoContentMode?: VideoContentMode;\n\n  /**\n   * 是否镜像显示（仅影响显示，不影响发布流）。\n   */\n  mirrored?: boolean;\n\n  /**\n   * 当前视图的呈现帧率统计；换流或卸载时清空，不受统计面板显示开关影响。\n   */\n  onRenderStatistics?: (statistics?: VideoRenderStatistics) => void;\n\n  /**\n   * 容器类名。\n   */\n  className?: string;\n\n  /**\n   * 是否允许远端轨迹交互，默认 true；本地轨道不参与。\n   */\n  isInteractionEnabled?: boolean;\n\n  /**\n   * 自定义轨迹视觉效果，不传时使用默认效果；一个实例仅供一个视图使用。\n   */\n  trajectoryRenderer?: TrajectoryEffectRendering;\n\n  /**\n   * 容器样式。\n   */\n  style?: CSSProperties;\n}\n\n/**\n * 单轨视频 React 组件：把一路视频轨渲染到容器。\n */\nexport function XmaxVideo(props: XmaxVideoProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<XmaxVideoView | undefined>(undefined);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const view = new XmaxVideoView();\n    view.element.style.width = \"100%\";\n    view.element.style.height = \"100%\";\n    view.attach(container);\n    viewRef.current = view;\n    return () => {\n      viewRef.current = undefined;\n      view.track = undefined;\n      view.detach();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (viewRef.current) viewRef.current.renderStatisticsHandler = props.onRenderStatistics;\n  }, [props.onRenderStatistics]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.track = props.track;\n    }\n  }, [props.track]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.videoContentMode) {\n      view.videoContentMode = props.videoContentMode;\n    }\n  }, [props.videoContentMode]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.mirrored !== undefined) {\n      view.isMirrored = props.mirrored;\n    }\n  }, [props.mirrored]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.isInteractionEnabled = props.isInteractionEnabled ?? true;\n    }\n  }, [props.isInteractionEnabled]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.trajectoryRenderer = props.trajectoryRenderer;\n    }\n  }, [props.trajectoryRenderer]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{ position: \"relative\", overflow: \"hidden\", ...props.style }}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["/Users/xmax.ai/dev/Xmax/Web/XmaxSDK/packages/xmax-sdk/dist/react/index.cjs","../../src/react/XmaxRealtimeDualVideo.tsx","../../src/react/XmaxRealtimeVideo.tsx"],"names":["useRef","useEffect","jsx"],"mappings":"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","file":"/Users/xmax.ai/dev/Xmax/Web/XmaxSDK/packages/xmax-sdk/dist/react/index.cjs","sourcesContent":[null,"//\n//  XmaxRealtimeDualVideo.tsx\n//  XmaxSDK\n//\n//  Author: 翁跃庭 (Yueting Weng)\n//  GitHub: https://github.com/Xmax-AI/XmaxSDK-Web\n//\n//  Copyright (c) 2026 XMAX.AI PTE. LTD.\n//\n\nimport {\n  VideoContentMode,\n  XmaxRealtimeDualVideoView,\n  type RealtimeVideoTrack,\n  type TrajectoryEffectRendering,\n} from \"../index\";\nimport {\n  useEffect,\n  useRef,\n  type CSSProperties,\n} from \"react\";\n\n/**\n * 双轨实时视频 React 组件的本地、远端轨道及显示选项。\n */\nexport interface XmaxRealtimeDualVideoProps {\n\n  /**\n   * 当前显示的本地视频轨道。\n   */\n  localTrack?: RealtimeVideoTrack;\n\n  /**\n   * 当前显示的远端生成视频轨道；首帧提交后自动渐入。\n   */\n  remoteTrack?: RealtimeVideoTrack;\n\n  /**\n   * 远端画面的渐入时长，单位为秒，默认 0.3；非正数或非有限值关闭动画，不跳过渲染预热。\n   */\n  remoteVideoFadeInDuration?: number;\n\n  /**\n   * 视频内容在容器中的显示模式，默认 fill。\n   */\n  videoContentMode?: VideoContentMode;\n\n  /**\n   * 容器类名。\n   */\n  className?: string;\n\n  /**\n   * 是否允许远端轨迹交互，默认 true；本地轨道不参与。\n   */\n  isInteractionEnabled?: boolean;\n\n  /**\n   * 自定义轨迹视觉效果，不传时使用默认效果；一个实例仅供一个视图使用。\n   */\n  trajectoryRenderer?: TrajectoryEffectRendering;\n\n  /**\n   * 容器样式。\n   */\n  style?: CSSProperties;\n}\n\n/**\n * 本地预览和远端生成画面自动切换的 React 组件。\n */\nexport function XmaxRealtimeDualVideo(\n  props: XmaxRealtimeDualVideoProps\n) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<XmaxRealtimeDualVideoView | undefined>(undefined);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const view = new XmaxRealtimeDualVideoView({ remoteVideoFadeInDuration: props.remoteVideoFadeInDuration });\n    view.element.style.width = \"100%\";\n    view.element.style.height = \"100%\";\n    view.attach(container);\n    viewRef.current = view;\n    return () => {\n      viewRef.current = undefined;\n      view.localTrack = undefined;\n      view.remoteTrack = undefined;\n      view.detach();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.remoteVideoFadeInDuration = props.remoteVideoFadeInDuration ?? 0.3;\n    }\n  }, [props.remoteVideoFadeInDuration]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.localTrack = props.localTrack;\n    }\n  }, [props.localTrack]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.remoteTrack = props.remoteTrack;\n    }\n  }, [props.remoteTrack]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.videoContentMode) {\n      view.videoContentMode = props.videoContentMode;\n    }\n  }, [props.videoContentMode]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.isInteractionEnabled = props.isInteractionEnabled ?? true;\n    }\n  }, [props.isInteractionEnabled]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.trajectoryRenderer = props.trajectoryRenderer;\n    }\n  }, [props.trajectoryRenderer]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{ position: \"relative\", overflow: \"hidden\", ...props.style }}\n    />\n  );\n}\n","//\n//  XmaxRealtimeVideo.tsx\n//  XmaxSDK\n//\n//  Author: 翁跃庭 (Yueting Weng)\n//  GitHub: https://github.com/Xmax-AI/XmaxSDK-Web\n//\n//  Copyright (c) 2026 XMAX.AI PTE. LTD.\n//\n\nimport {\n  VideoContentMode,\n  XmaxRealtimeVideoView,\n  type RealtimeVideoTrack,\n  type TrajectoryEffectRendering,\n  type VideoRenderStatistics,\n} from \"../index\";\nimport {\n  useEffect,\n  useRef,\n  type CSSProperties,\n} from \"react\";\n\n/**\n * 单轨实时视频 React 组件的轨道、显示和交互选项。\n */\nexport interface XmaxRealtimeVideoProps {\n\n  /**\n   * 当前显示的视频轨道；置空时清空画面。\n   */\n  track?: RealtimeVideoTrack;\n\n  /**\n   * 视频内容在容器中的显示模式，默认 fill。\n   */\n  videoContentMode?: VideoContentMode;\n\n  /**\n   * 是否镜像显示（仅影响显示，不影响发布流）。\n   */\n  mirrored?: boolean;\n\n  /**\n   * 当前视图的呈现帧率统计；换流或卸载时清空，不受统计面板显示开关影响。\n   */\n  onRenderStatistics?: (\n    statistics?: VideoRenderStatistics\n  ) => void;\n\n  /**\n   * 容器类名。\n   */\n  className?: string;\n\n  /**\n   * 是否允许远端轨迹交互，默认 true；本地轨道不参与。\n   */\n  isInteractionEnabled?: boolean;\n\n  /**\n   * 自定义轨迹视觉效果，不传时使用默认效果；一个实例仅供一个视图使用。\n   */\n  trajectoryRenderer?: TrajectoryEffectRendering;\n\n  /**\n   * 容器样式。\n   */\n  style?: CSSProperties;\n}\n\n/**\n * 单轨视频 React 组件：把一路视频轨渲染到容器。\n * SDK 远端轨道自动预热 1000 ms 后渐入，本地预览直接显示。\n */\nexport function XmaxRealtimeVideo(\n  props: XmaxRealtimeVideoProps\n) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<XmaxRealtimeVideoView | undefined>(undefined);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const view = new XmaxRealtimeVideoView();\n    view.element.style.width = \"100%\";\n    view.element.style.height = \"100%\";\n    view.attach(container);\n    viewRef.current = view;\n    return () => {\n      viewRef.current = undefined;\n      view.track = undefined;\n      view.detach();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (viewRef.current)\n      viewRef.current.renderStatisticsHandler = props.onRenderStatistics;\n  }, [props.onRenderStatistics]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.track = props.track;\n    }\n  }, [props.track]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.videoContentMode) {\n      view.videoContentMode = props.videoContentMode;\n    }\n  }, [props.videoContentMode]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.mirrored !== undefined) {\n      view.isMirrored = props.mirrored;\n    }\n  }, [props.mirrored]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.isInteractionEnabled = props.isInteractionEnabled ?? true;\n    }\n  }, [props.isInteractionEnabled]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.trajectoryRenderer = props.trajectoryRenderer;\n    }\n  }, [props.trajectoryRenderer]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{ position: \"relative\", overflow: \"hidden\", ...props.style }}\n    />\n  );\n}\n"]}

package/dist/react/index.d.cts

@@ -1,8 +1,11 @@
 import * as react from 'react';
 import { CSSProperties } from 'react';
-import { a as RealtimeVideoTrack, V as VideoContentMode, T as TrajectoryEffectRendering, b as VideoRenderStatistics } from '../TrajectoryEffectRendering-C7E2KJbV.cjs';
+import { a as RealtimeVideoTrack, V as VideoContentMode, T as TrajectoryEffectRendering, b as VideoRenderStatistics } from '../TrajectoryEffectRendering-BdSJxHQw.cjs';
 
-interface XmaxRealtimeVideoProps {
+/**
+ * 双轨实时视频 React 组件的本地、远端轨道及显示选项。
+ */
+interface XmaxRealtimeDualVideoProps {
     /**
      * 当前显示的本地视频轨道。
      */
@@ -11,6 +14,10 @@ interface XmaxRealtimeVideoProps {
      * 当前显示的远端生成视频轨道；首帧提交后自动渐入。
      */
     remoteTrack?: RealtimeVideoTrack;
+    /**
+     * 远端画面的渐入时长，单位为秒，默认 0.3；非正数或非有限值关闭动画，不跳过渲染预热。
+     */
+    remoteVideoFadeInDuration?: number;
     /**
      * 视频内容在容器中的显示模式，默认 fill。
      */
@@ -35,9 +42,12 @@ interface XmaxRealtimeVideoProps {
 /**
  * 本地预览和远端生成画面自动切换的 React 组件。
  */
-declare function XmaxRealtimeVideo(props: XmaxRealtimeVideoProps): react.JSX.Element;
+declare function XmaxRealtimeDualVideo(props: XmaxRealtimeDualVideoProps): react.JSX.Element;
 
-interface XmaxVideoProps {
+/**
+ * 单轨实时视频 React 组件的轨道、显示和交互选项。
+ */
+interface XmaxRealtimeVideoProps {
     /**
      * 当前显示的视频轨道；置空时清空画面。
      */
@@ -73,7 +83,8 @@ interface XmaxVideoProps {
 }
 /**
  * 单轨视频 React 组件：把一路视频轨渲染到容器。
+ * SDK 远端轨道自动预热 1000 ms 后渐入，本地预览直接显示。
  */
-declare function XmaxVideo(props: XmaxVideoProps): react.JSX.Element;
+declare function XmaxRealtimeVideo(props: XmaxRealtimeVideoProps): react.JSX.Element;
 
-export { XmaxRealtimeVideo, type XmaxRealtimeVideoProps, XmaxVideo, type XmaxVideoProps };
+export { XmaxRealtimeDualVideo, type XmaxRealtimeDualVideoProps, XmaxRealtimeVideo, type XmaxRealtimeVideoProps };

package/dist/react/index.d.ts

@@ -1,8 +1,11 @@
 import * as react from 'react';
 import { CSSProperties } from 'react';
-import { a as RealtimeVideoTrack, V as VideoContentMode, T as TrajectoryEffectRendering, b as VideoRenderStatistics } from '../TrajectoryEffectRendering-C7E2KJbV.js';
+import { a as RealtimeVideoTrack, V as VideoContentMode, T as TrajectoryEffectRendering, b as VideoRenderStatistics } from '../TrajectoryEffectRendering-BdSJxHQw.js';
 
-interface XmaxRealtimeVideoProps {
+/**
+ * 双轨实时视频 React 组件的本地、远端轨道及显示选项。
+ */
+interface XmaxRealtimeDualVideoProps {
     /**
      * 当前显示的本地视频轨道。
      */
@@ -11,6 +14,10 @@ interface XmaxRealtimeVideoProps {
      * 当前显示的远端生成视频轨道；首帧提交后自动渐入。
      */
     remoteTrack?: RealtimeVideoTrack;
+    /**
+     * 远端画面的渐入时长，单位为秒，默认 0.3；非正数或非有限值关闭动画，不跳过渲染预热。
+     */
+    remoteVideoFadeInDuration?: number;
     /**
      * 视频内容在容器中的显示模式，默认 fill。
      */
@@ -35,9 +42,12 @@ interface XmaxRealtimeVideoProps {
 /**
  * 本地预览和远端生成画面自动切换的 React 组件。
  */
-declare function XmaxRealtimeVideo(props: XmaxRealtimeVideoProps): react.JSX.Element;
+declare function XmaxRealtimeDualVideo(props: XmaxRealtimeDualVideoProps): react.JSX.Element;
 
-interface XmaxVideoProps {
+/**
+ * 单轨实时视频 React 组件的轨道、显示和交互选项。
+ */
+interface XmaxRealtimeVideoProps {
     /**
      * 当前显示的视频轨道；置空时清空画面。
      */
@@ -73,7 +83,8 @@ interface XmaxVideoProps {
 }
 /**
  * 单轨视频 React 组件：把一路视频轨渲染到容器。
+ * SDK 远端轨道自动预热 1000 ms 后渐入，本地预览直接显示。
  */
-declare function XmaxVideo(props: XmaxVideoProps): react.JSX.Element;
+declare function XmaxRealtimeVideo(props: XmaxRealtimeVideoProps): react.JSX.Element;
 
-export { XmaxRealtimeVideo, type XmaxRealtimeVideoProps, XmaxVideo, type XmaxVideoProps };
+export { XmaxRealtimeDualVideo, type XmaxRealtimeDualVideoProps, XmaxRealtimeVideo, type XmaxRealtimeVideoProps };

package/dist/react/index.js

@@ -1,16 +1,15 @@
 import {
-  XmaxRealtimeVideoView,
-  XmaxVideoView
-} from "../chunk-ILZL4W2G.js";
-import "../chunk-V6TY7KAL.js";
+  XmaxRealtimeDualVideoView,
+  XmaxRealtimeVideoView
+} from "../chunk-IJVTTKBG.js";
 
-// src/react/XmaxRealtimeVideo.tsx
+// src/react/XmaxRealtimeDualVideo.tsx
 import {
   useEffect,
   useRef
 } from "react";
 import { jsx } from "react/jsx-runtime";
-function XmaxRealtimeVideo(props) {
+function XmaxRealtimeDualVideo(props) {
   const containerRef = useRef(null);
   const viewRef = useRef(void 0);
   useEffect(() => {
@@ -18,7 +17,7 @@ function XmaxRealtimeVideo(props) {
     if (!container) {
       return;
     }
-    const view = new XmaxRealtimeVideoView();
+    const view = new XmaxRealtimeDualVideoView({ remoteVideoFadeInDuration: props.remoteVideoFadeInDuration });
     view.element.style.width = "100%";
     view.element.style.height = "100%";
     view.attach(container);
@@ -30,6 +29,11 @@ function XmaxRealtimeVideo(props) {
       view.detach();
     };
   }, []);
+  useEffect(() => {
+    if (viewRef.current) {
+      viewRef.current.remoteVideoFadeInDuration = props.remoteVideoFadeInDuration ?? 0.3;
+    }
+  }, [props.remoteVideoFadeInDuration]);
   useEffect(() => {
     const view = viewRef.current;
     if (view) {
@@ -68,13 +72,13 @@ function XmaxRealtimeVideo(props) {
   );
 }
 
-// src/react/XmaxVideo.tsx
+// src/react/XmaxRealtimeVideo.tsx
 import {
   useEffect as useEffect2,
   useRef as useRef2
 } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
-function XmaxVideo(props) {
+function XmaxRealtimeVideo(props) {
   const containerRef = useRef2(null);
   const viewRef = useRef2(void 0);
   useEffect2(() => {
@@ -82,7 +86,7 @@ function XmaxVideo(props) {
     if (!container) {
       return;
     }
-    const view = new XmaxVideoView();
+    const view = new XmaxRealtimeVideoView();
     view.element.style.width = "100%";
     view.element.style.height = "100%";
     view.attach(container);
@@ -94,7 +98,8 @@ function XmaxVideo(props) {
     };
   }, []);
   useEffect2(() => {
-    if (viewRef.current) viewRef.current.renderStatisticsHandler = props.onRenderStatistics;
+    if (viewRef.current)
+      viewRef.current.renderStatisticsHandler = props.onRenderStatistics;
   }, [props.onRenderStatistics]);
   useEffect2(() => {
     const view = viewRef.current;
@@ -134,7 +139,7 @@ function XmaxVideo(props) {
   );
 }
 export {
-  XmaxRealtimeVideo,
-  XmaxVideo
+  XmaxRealtimeDualVideo,
+  XmaxRealtimeVideo
 };
 //# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/XmaxRealtimeVideo.tsx","../../src/react/XmaxVideo.tsx"],"sourcesContent":["import {\n  VideoContentMode,\n  XmaxRealtimeVideoView,\n  type RealtimeVideoTrack,\n  type TrajectoryEffectRendering,\n} from \"../index\";\nimport {\n  useEffect,\n  useRef,\n  type CSSProperties,\n} from \"react\";\n\nexport interface XmaxRealtimeVideoProps {\n  /**\n   * 当前显示的本地视频轨道。\n   */\n  localTrack?: RealtimeVideoTrack;\n\n  /**\n   * 当前显示的远端生成视频轨道；首帧提交后自动渐入。\n   */\n  remoteTrack?: RealtimeVideoTrack;\n\n  /**\n   * 视频内容在容器中的显示模式，默认 fill。\n   */\n  videoContentMode?: VideoContentMode;\n\n  /**\n   * 容器类名。\n   */\n  className?: string;\n\n  /**\n   * 是否允许远端轨迹交互，默认 true；本地轨道不参与。\n   */\n  isInteractionEnabled?: boolean;\n\n  /**\n   * 自定义轨迹视觉效果，不传时使用默认效果；一个实例仅供一个视图使用。\n   */\n  trajectoryRenderer?: TrajectoryEffectRendering;\n\n  /**\n   * 容器样式。\n   */\n  style?: CSSProperties;\n}\n\n/**\n * 本地预览和远端生成画面自动切换的 React 组件。\n */\nexport function XmaxRealtimeVideo(props: XmaxRealtimeVideoProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<XmaxRealtimeVideoView | undefined>(undefined);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const view = new XmaxRealtimeVideoView();\n    view.element.style.width = \"100%\";\n    view.element.style.height = \"100%\";\n    view.attach(container);\n    viewRef.current = view;\n    return () => {\n      viewRef.current = undefined;\n      view.localTrack = undefined;\n      view.remoteTrack = undefined;\n      view.detach();\n    };\n  }, []);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.localTrack = props.localTrack;\n    }\n  }, [props.localTrack]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.remoteTrack = props.remoteTrack;\n    }\n  }, [props.remoteTrack]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.videoContentMode) {\n      view.videoContentMode = props.videoContentMode;\n    }\n  }, [props.videoContentMode]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.isInteractionEnabled = props.isInteractionEnabled ?? true;\n    }\n  }, [props.isInteractionEnabled]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.trajectoryRenderer = props.trajectoryRenderer;\n    }\n  }, [props.trajectoryRenderer]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{ position: \"relative\", overflow: \"hidden\", ...props.style }}\n    />\n  );\n}\n","import {\n  VideoContentMode,\n  XmaxVideoView,\n  type RealtimeVideoTrack,\n  type TrajectoryEffectRendering,\n  type VideoRenderStatistics,\n} from \"../index\";\nimport {\n  useEffect,\n  useRef,\n  type CSSProperties,\n} from \"react\";\n\nexport interface XmaxVideoProps {\n  /**\n   * 当前显示的视频轨道；置空时清空画面。\n   */\n  track?: RealtimeVideoTrack;\n\n  /**\n   * 视频内容在容器中的显示模式，默认 fill。\n   */\n  videoContentMode?: VideoContentMode;\n\n  /**\n   * 是否镜像显示（仅影响显示，不影响发布流）。\n   */\n  mirrored?: boolean;\n\n  /**\n   * 当前视图的呈现帧率统计；换流或卸载时清空，不受统计面板显示开关影响。\n   */\n  onRenderStatistics?: (statistics?: VideoRenderStatistics) => void;\n\n  /**\n   * 容器类名。\n   */\n  className?: string;\n\n  /**\n   * 是否允许远端轨迹交互，默认 true；本地轨道不参与。\n   */\n  isInteractionEnabled?: boolean;\n\n  /**\n   * 自定义轨迹视觉效果，不传时使用默认效果；一个实例仅供一个视图使用。\n   */\n  trajectoryRenderer?: TrajectoryEffectRendering;\n\n  /**\n   * 容器样式。\n   */\n  style?: CSSProperties;\n}\n\n/**\n * 单轨视频 React 组件：把一路视频轨渲染到容器。\n */\nexport function XmaxVideo(props: XmaxVideoProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<XmaxVideoView | undefined>(undefined);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const view = new XmaxVideoView();\n    view.element.style.width = \"100%\";\n    view.element.style.height = \"100%\";\n    view.attach(container);\n    viewRef.current = view;\n    return () => {\n      viewRef.current = undefined;\n      view.track = undefined;\n      view.detach();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (viewRef.current) viewRef.current.renderStatisticsHandler = props.onRenderStatistics;\n  }, [props.onRenderStatistics]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.track = props.track;\n    }\n  }, [props.track]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.videoContentMode) {\n      view.videoContentMode = props.videoContentMode;\n    }\n  }, [props.videoContentMode]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.mirrored !== undefined) {\n      view.isMirrored = props.mirrored;\n    }\n  }, [props.mirrored]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.isInteractionEnabled = props.isInteractionEnabled ?? true;\n    }\n  }, [props.isInteractionEnabled]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.trajectoryRenderer = props.trajectoryRenderer;\n    }\n  }, [props.trajectoryRenderer]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{ position: \"relative\", overflow: \"hidden\", ...props.style }}\n    />\n  );\n}\n"],"mappings":"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","names":["useEffect","useRef","jsx"]}
+{"version":3,"sources":["../../src/react/XmaxRealtimeDualVideo.tsx","../../src/react/XmaxRealtimeVideo.tsx"],"sourcesContent":["//\n//  XmaxRealtimeDualVideo.tsx\n//  XmaxSDK\n//\n//  Author: 翁跃庭 (Yueting Weng)\n//  GitHub: https://github.com/Xmax-AI/XmaxSDK-Web\n//\n//  Copyright (c) 2026 XMAX.AI PTE. LTD.\n//\n\nimport {\n  VideoContentMode,\n  XmaxRealtimeDualVideoView,\n  type RealtimeVideoTrack,\n  type TrajectoryEffectRendering,\n} from \"../index\";\nimport {\n  useEffect,\n  useRef,\n  type CSSProperties,\n} from \"react\";\n\n/**\n * 双轨实时视频 React 组件的本地、远端轨道及显示选项。\n */\nexport interface XmaxRealtimeDualVideoProps {\n\n  /**\n   * 当前显示的本地视频轨道。\n   */\n  localTrack?: RealtimeVideoTrack;\n\n  /**\n   * 当前显示的远端生成视频轨道；首帧提交后自动渐入。\n   */\n  remoteTrack?: RealtimeVideoTrack;\n\n  /**\n   * 远端画面的渐入时长，单位为秒，默认 0.3；非正数或非有限值关闭动画，不跳过渲染预热。\n   */\n  remoteVideoFadeInDuration?: number;\n\n  /**\n   * 视频内容在容器中的显示模式，默认 fill。\n   */\n  videoContentMode?: VideoContentMode;\n\n  /**\n   * 容器类名。\n   */\n  className?: string;\n\n  /**\n   * 是否允许远端轨迹交互，默认 true；本地轨道不参与。\n   */\n  isInteractionEnabled?: boolean;\n\n  /**\n   * 自定义轨迹视觉效果，不传时使用默认效果；一个实例仅供一个视图使用。\n   */\n  trajectoryRenderer?: TrajectoryEffectRendering;\n\n  /**\n   * 容器样式。\n   */\n  style?: CSSProperties;\n}\n\n/**\n * 本地预览和远端生成画面自动切换的 React 组件。\n */\nexport function XmaxRealtimeDualVideo(\n  props: XmaxRealtimeDualVideoProps\n) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<XmaxRealtimeDualVideoView | undefined>(undefined);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const view = new XmaxRealtimeDualVideoView({ remoteVideoFadeInDuration: props.remoteVideoFadeInDuration });\n    view.element.style.width = \"100%\";\n    view.element.style.height = \"100%\";\n    view.attach(container);\n    viewRef.current = view;\n    return () => {\n      viewRef.current = undefined;\n      view.localTrack = undefined;\n      view.remoteTrack = undefined;\n      view.detach();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.remoteVideoFadeInDuration = props.remoteVideoFadeInDuration ?? 0.3;\n    }\n  }, [props.remoteVideoFadeInDuration]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.localTrack = props.localTrack;\n    }\n  }, [props.localTrack]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.remoteTrack = props.remoteTrack;\n    }\n  }, [props.remoteTrack]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.videoContentMode) {\n      view.videoContentMode = props.videoContentMode;\n    }\n  }, [props.videoContentMode]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.isInteractionEnabled = props.isInteractionEnabled ?? true;\n    }\n  }, [props.isInteractionEnabled]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.trajectoryRenderer = props.trajectoryRenderer;\n    }\n  }, [props.trajectoryRenderer]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{ position: \"relative\", overflow: \"hidden\", ...props.style }}\n    />\n  );\n}\n","//\n//  XmaxRealtimeVideo.tsx\n//  XmaxSDK\n//\n//  Author: 翁跃庭 (Yueting Weng)\n//  GitHub: https://github.com/Xmax-AI/XmaxSDK-Web\n//\n//  Copyright (c) 2026 XMAX.AI PTE. LTD.\n//\n\nimport {\n  VideoContentMode,\n  XmaxRealtimeVideoView,\n  type RealtimeVideoTrack,\n  type TrajectoryEffectRendering,\n  type VideoRenderStatistics,\n} from \"../index\";\nimport {\n  useEffect,\n  useRef,\n  type CSSProperties,\n} from \"react\";\n\n/**\n * 单轨实时视频 React 组件的轨道、显示和交互选项。\n */\nexport interface XmaxRealtimeVideoProps {\n\n  /**\n   * 当前显示的视频轨道；置空时清空画面。\n   */\n  track?: RealtimeVideoTrack;\n\n  /**\n   * 视频内容在容器中的显示模式，默认 fill。\n   */\n  videoContentMode?: VideoContentMode;\n\n  /**\n   * 是否镜像显示（仅影响显示，不影响发布流）。\n   */\n  mirrored?: boolean;\n\n  /**\n   * 当前视图的呈现帧率统计；换流或卸载时清空，不受统计面板显示开关影响。\n   */\n  onRenderStatistics?: (\n    statistics?: VideoRenderStatistics\n  ) => void;\n\n  /**\n   * 容器类名。\n   */\n  className?: string;\n\n  /**\n   * 是否允许远端轨迹交互，默认 true；本地轨道不参与。\n   */\n  isInteractionEnabled?: boolean;\n\n  /**\n   * 自定义轨迹视觉效果，不传时使用默认效果；一个实例仅供一个视图使用。\n   */\n  trajectoryRenderer?: TrajectoryEffectRendering;\n\n  /**\n   * 容器样式。\n   */\n  style?: CSSProperties;\n}\n\n/**\n * 单轨视频 React 组件：把一路视频轨渲染到容器。\n * SDK 远端轨道自动预热 1000 ms 后渐入，本地预览直接显示。\n */\nexport function XmaxRealtimeVideo(\n  props: XmaxRealtimeVideoProps\n) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const viewRef = useRef<XmaxRealtimeVideoView | undefined>(undefined);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const view = new XmaxRealtimeVideoView();\n    view.element.style.width = \"100%\";\n    view.element.style.height = \"100%\";\n    view.attach(container);\n    viewRef.current = view;\n    return () => {\n      viewRef.current = undefined;\n      view.track = undefined;\n      view.detach();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (viewRef.current)\n      viewRef.current.renderStatisticsHandler = props.onRenderStatistics;\n  }, [props.onRenderStatistics]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view) {\n      view.track = props.track;\n    }\n  }, [props.track]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.videoContentMode) {\n      view.videoContentMode = props.videoContentMode;\n    }\n  }, [props.videoContentMode]);\n\n  useEffect(() => {\n    const view = viewRef.current;\n    if (view && props.mirrored !== undefined) {\n      view.isMirrored = props.mirrored;\n    }\n  }, [props.mirrored]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.isInteractionEnabled = props.isInteractionEnabled ?? true;\n    }\n  }, [props.isInteractionEnabled]);\n\n  useEffect(() => {\n    if (viewRef.current) {\n      viewRef.current.trajectoryRenderer = props.trajectoryRenderer;\n    }\n  }, [props.trajectoryRenderer]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={props.className}\n      style={{ position: \"relative\", overflow: \"hidden\", ...props.style }}\n    />\n  );\n}\n"],"mappings":"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","names":["useEffect","useRef","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xmaxai/web-sdk",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "license": "MIT",
   "description": "XmaxSDK for Web — Realtime Interactive Video Generation",
   "type": "module",
@@ -23,10 +23,16 @@
     "dist",
     "LICENSE"
   ],
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "prepack": "cp ../../README.md ./README.md",
+    "prepublishOnly": "npm run build && npm run test && cp ../../README.md ./README.md"
+  },
   "devDependencies": {
     "@types/react": "^18.3.12",
     "react": "^18.3.1",
-    "@webgpu/types": "^0.1.64",
     "tsup": "^8.3.5",
     "typescript": "~5.6.3",
     "vitest": "^2.1.8"
@@ -42,14 +48,7 @@
   "dependencies": {
     "@volcengine/rtc": "4.69.3",
     "agora-rtc-sdk-ng": "4.24.8",
-    "framegen": "1.4.0",
-    "mediabunny": "1.61.4",
     "cos-js-sdk-v5": "^1.10.1",
     "trtc-sdk-v5": "^5.6.0"
-  },
-  "scripts": {
-    "build": "node scripts/embed-framegen.mjs && tsup",
-    "test": "vitest run",
-    "typecheck": "tsc --noEmit"
   }
-}
+}