基于 Five、Vreo、React、TypeScript 及 Vite 实现的 音视频导览讲解 前端开发脚手架。
# 拉取源码
git clone git@github.com:realsee-developer/vreo-vite-scaffold.git
# 切换目录
cd vreo-vite-scaffold
# 安装依赖
yarn install
# 执行
yarn run
就绪后,访问 http://localhost:3000/ 可以查看调试页面。
.
├── components # 组件集
│ └── ResponsiveFullScreenFiveCanvas.tsx
├── data # 数据:演示用途,真实数据可能得通过 Ajax 方式异步获取
│ ├── floorplan.ts # 户型图数据
│ ├── vreo-units # VreoUnit 剧本数据
│ └── work # Work 数据(Five 渲染)
├── modules # 页面模块
│ ├── MainPanel # 底部主面板
│ ├── PanoFloorplanRadar # 全景户型雷达图
│ ├── PanoVreoTags # 全景 Vreo 标签
│ └── TopBar # 顶部栏
├── shared-utils # 公共工具集
├── stores # 基于 Mobx 管理的数据层
│ ├── MainPanelStore.ts # 底部主面板数u
│ └── index.tsx
└── vite-env.d.ts # vite 环境配置
详见:@realsee/dnalogel:PanoFloorplanRadarPlugin,默认已集成至脚手架。
源码位置:resources/modules/PanoFloorplanRadar/index.tsx。
详见:@realsee/dnalogel:TreasurePlugin,默认已集成至脚手架。
源码位置:resources/modules/TreasureBox/index.tsx。
详见:@realsee/vreo,讲全屋和单品均有样例。
源码参考: