@xmaxai/web-sdk 1.0.8 → 1.0.10

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { CSSProperties } from 'react';
-import { a as RealtimeVideoTrack, V as VideoContentMode, b as VideoRenderStatistics } from '../VideoRenderStatistics-C7zqzfuS.js';
+import { a as RealtimeVideoTrack, V as VideoContentMode, T as TrajectoryEffectRendering, b as VideoRenderStatistics } from '../TrajectoryEffectRendering-BKKPO7Uk.js';
 
 interface XmaxRealtimeVideoProps {
     /**
@@ -19,6 +19,14 @@ interface XmaxRealtimeVideoProps {
      * 容器类名。
      */
     className?: string;
+    /**
+     * 是否允许远端轨迹交互，默认 true；本地轨道不参与。
+     */
+    isInteractionEnabled?: boolean;
+    /**
+     * 自定义轨迹视觉效果，不传时使用默认效果；一个实例仅供一个视图使用。
+     */
+    trajectoryRenderer?: TrajectoryEffectRendering;
     /**
      * 容器样式。
      */
@@ -50,6 +58,14 @@ interface XmaxVideoProps {
      * 容器类名。
      */
     className?: string;
+    /**
+     * 是否允许远端轨迹交互，默认 true；本地轨道不参与。
+     */
+    isInteractionEnabled?: boolean;
+    /**
+     * 自定义轨迹视觉效果，不传时使用默认效果；一个实例仅供一个视图使用。
+     */
+    trajectoryRenderer?: TrajectoryEffectRendering;
     /**
      * 容器样式。
      */
@@ -57,6 +73,7 @@ interface XmaxVideoProps {
 }
 /**
  * 单轨视频 React 组件：把一路视频轨渲染到容器。
+ * SDK 远端轨道自动预热 1000 ms 后渐入，本地预览直接显示。
  */
 declare function XmaxVideo(props: XmaxVideoProps): react.JSX.Element;
 

package/dist/react/index.js

@@ -1,7 +1,8 @@
 import {
   XmaxRealtimeVideoView,
   XmaxVideoView
-} from "../chunk-JGDZ3RD3.js";
+} from "../chunk-LOYJFYQT.js";
+import "../chunk-V6TY7KAL.js";
 
 // src/react/XmaxRealtimeVideo.tsx
 import {
@@ -47,6 +48,16 @@ function XmaxRealtimeVideo(props) {
       view.videoContentMode = props.videoContentMode;
     }
   }, [props.videoContentMode]);
+  useEffect(() => {
+    if (viewRef.current) {
+      viewRef.current.isInteractionEnabled = props.isInteractionEnabled ?? true;
+    }
+  }, [props.isInteractionEnabled]);
+  useEffect(() => {
+    if (viewRef.current) {
+      viewRef.current.trajectoryRenderer = props.trajectoryRenderer;
+    }
+  }, [props.trajectoryRenderer]);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -103,6 +114,16 @@ function XmaxVideo(props) {
       view.isMirrored = props.mirrored;
     }
   }, [props.mirrored]);
+  useEffect2(() => {
+    if (viewRef.current) {
+      viewRef.current.isInteractionEnabled = props.isInteractionEnabled ?? true;
+    }
+  }, [props.isInteractionEnabled]);
+  useEffect2(() => {
+    if (viewRef.current) {
+      viewRef.current.trajectoryRenderer = props.trajectoryRenderer;
+    }
+  }, [props.trajectoryRenderer]);
   return /* @__PURE__ */ jsx2(
     "div",
     {

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} 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   * 容器样式。\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  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 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   * 容器样式。\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  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/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 * SDK 远端轨道自动预热 1000 ms 后渐入，本地预览直接显示。\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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xmaxai/web-sdk",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "license": "MIT",
   "description": "XmaxSDK for Web — Realtime Interactive Video Generation",
   "type": "module",
@@ -43,6 +43,7 @@
     "@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"
   },