@wecode-team/interactive-product-video-preview

产品 3D 交互视频预览组件。用户可左右拖动视频帧，模拟产品 360 度交互查看。

这是一个通用 React 组件包，不依赖 Next.js、Tailwind CSS 或业务项目别名。

安装

npm install @wecode-team/interactive-product-video-preview

使用

import { InteractiveProductVideoPreview } from "@wecode-team/interactive-product-video-preview"

export function Demo() {
  return (
    <InteractiveProductVideoPreview
      videoUrl="https://example.com/product-video.mp4"
      className="w-full"
    />
  )
}

Props

| 名称 | 类型 | 默认值 | 说明 | | --- | --- | --- | --- | | videoUrl | string | - | 视频地址 | | className | string | - | 外层容器 class | | style | React.CSSProperties | - | 外层容器样式 | | ariaLabel | string | Interactive 360 degree product video | 视频可访问名称 | | hintText | string | 左右拖动查看 360° | 未交互时的提示文案 | | swipeRangeMultiplier | number | 1.5 | 横向拖动映射视频进度的倍率 |