ReactXRplayer 能力与特性
播放器框架本身
- 支持TypeScript,提供.d.ts声明文件
- 支持Vue框架
支持多种全景资源的展示
- 支持常见格式的全景图片
- 支持全景视频点播
- MP4
- FLV
- HLS
- 支持全景视频直播
- MP4
- HTTP-FLV
- HLS
- 支持多终端多平台
- PC端浏览器
- Chrome
- FireFox
- Safari
- 安卓移动端
- Chrome
- 微信浏览器(X5内核)
- IOS移动端
- Safari
- 微信浏览器
- PC端浏览器
支持多种全景视角控制
- 支持鼠标点击拖动控制
- 支持鼠标拖动偏移量控制移动方向与速度
- 支持鼠标直接控制
- 支持键盘直接控制
- 支持手机传感器直接控制
- 支持滚轮切换视野FOV大小
支持多种全景模式切换
- 支持小行星模式
- 支持正常模式与小行星模式切换动画
支持热点标签展示与交互
- 支持多种热点标签形式
- 文字标签
- 图片标签
- 图文标签
- 支持热点标签编辑
- 点击选中获取标签属性
- 通过一个三维坐标设置标签位置
- 鼠标拖动选择标签的三维位置
- 支持为热点标签绑定点击事件响应
- 鼠标点击触发热点标签事件
- 鼠标拖动热点标签事件响应
- 光标停留2秒触发标签事件(用于VR模式)
- 支持多种标签响应事件
- 事件统一通过事件模块处理,标签模块对接事件模块
- 热点标签动态管理
- 支持动态添加与移除
- 支持热点标签远近缩放
支持将多种元素嵌入到全景场景中
- 支持多种嵌入元素
- 支持嵌入文字
- 支持嵌入图片
- 支持嵌入视频
- 视频文件
- 视频直播
- 支持嵌入three.js支持的三维模型
- FBX格式模型
- JSON格式模型
- 支持拖动更改标签位置
- 支持事件响应
- 图片/文字点击响应,用于实现跳转、关闭等
- 视频点击响应,播放事件响应。用于实现视频播放控制以及关闭等
- 模型点击响应,用于实现关闭等
支持统一的事件处理模块
- 支持多种事件类型
- 弹窗文字事件
- 弹窗图片事件
- 弹窗视频事件
- 切换全景场景事件,即全景漫游
- 透明视频事件
- 嵌入文字展示事件
- 嵌入图片展示事件
- 嵌入视频展示事件
- 嵌入模型展示事件
- 音频播放事件
- 超链接跳转事件
- 支持事件拦截处理
- 当对内置的事件响应处理有个性化需求时候,实现拦截,并提供自己的事件处理
- 支持事件的动态注册和移除
- 动态添加、移除一个事件
- 触发一个事件
支持VR展示与交互
- 支持双目VR展示效果
- 在VR模式下,兼容普通模式下的功能
- VR模式下的热点标签触发
- VR模式下将2D热点标签转化为3D热点标签
- 支持Google CardBoard
支持全景漫游
- 支持全景背景动态切换
- 支持热点标签、嵌入内容同步切换
- 支持漫游穿梭效果
支持标准化、格式化的参数
- 将各个模块的配置参数化 、格式化、序列化。
- 标准化的导入与导出
- 将当前场景导出为json配置文件,即save()
- 从json文件导入配置文件,重现全景场景,即load(json)
- 可视化的全景编辑器(以本项目为库,开发的编辑器系统)
交互控制指令执行引擎
- 框架开放高度灵活开放的控制接口
- 支持指令脚本按时间戳解析执行
- 指令脚本自动解析执行
- 脚本生成器
- 支持指令控制台实时分发
- 指令服务器
- 可视化指令操作控制界面