Skip to content

Latest commit

 

History

History
133 lines (110 loc) · 3.98 KB

feature-and-todo.md

File metadata and controls

133 lines (110 loc) · 3.98 KB

ReactXRplayer 能力与特性

播放器框架本身

  • 支持TypeScript,提供.d.ts声明文件
  • 支持Vue框架

支持多种全景资源的展示

  • 支持常见格式的全景图片
  • 支持全景视频点播
    • MP4
    • FLV
    • HLS
  • 支持全景视频直播
    • MP4
    • HTTP-FLV
    • HLS
  • 支持多终端多平台
    • PC端浏览器
      • Chrome
      • FireFox
      • Safari
    • 安卓移动端
      • Chrome
      • 微信浏览器(X5内核)
    • IOS移动端
      • Safari
      • 微信浏览器

支持多种全景视角控制

  • 支持鼠标点击拖动控制
  • 支持鼠标拖动偏移量控制移动方向与速度
  • 支持鼠标直接控制
  • 支持键盘直接控制
  • 支持手机传感器直接控制
  • 支持滚轮切换视野FOV大小

支持多种全景模式切换

  • 支持小行星模式
  • 支持正常模式与小行星模式切换动画

支持热点标签展示与交互

  • 支持多种热点标签形式
    • 文字标签
    • 图片标签
    • 图文标签
  • 支持热点标签编辑
    • 点击选中获取标签属性
    • 通过一个三维坐标设置标签位置
    • 鼠标拖动选择标签的三维位置
  • 支持为热点标签绑定点击事件响应
    • 鼠标点击触发热点标签事件
    • 鼠标拖动热点标签事件响应
    • 光标停留2秒触发标签事件(用于VR模式)
  • 支持多种标签响应事件
    • 事件统一通过事件模块处理,标签模块对接事件模块
  • 热点标签动态管理
    • 支持动态添加与移除
    • 支持热点标签远近缩放

支持将多种元素嵌入到全景场景中

  • 支持多种嵌入元素
    • 支持嵌入文字
    • 支持嵌入图片
    • 支持嵌入视频
      • 视频文件
      • 视频直播
    • 支持嵌入three.js支持的三维模型
      • FBX格式模型
      • JSON格式模型
  • 支持拖动更改标签位置
  • 支持事件响应
    • 图片/文字点击响应,用于实现跳转、关闭等
    • 视频点击响应,播放事件响应。用于实现视频播放控制以及关闭等
    • 模型点击响应,用于实现关闭等

支持统一的事件处理模块

  • 支持多种事件类型
    • 弹窗文字事件
    • 弹窗图片事件
    • 弹窗视频事件
    • 切换全景场景事件,即全景漫游
    • 透明视频事件
    • 嵌入文字展示事件
    • 嵌入图片展示事件
    • 嵌入视频展示事件
    • 嵌入模型展示事件
    • 音频播放事件
    • 超链接跳转事件
  • 支持事件拦截处理
    • 当对内置的事件响应处理有个性化需求时候,实现拦截,并提供自己的事件处理
  • 支持事件的动态注册和移除
  • 动态添加、移除一个事件
  • 触发一个事件

支持VR展示与交互

  • 支持双目VR展示效果
  • 在VR模式下,兼容普通模式下的功能
    • VR模式下的热点标签触发
    • VR模式下将2D热点标签转化为3D热点标签
  • 支持Google CardBoard

支持全景漫游

  • 支持全景背景动态切换
  • 支持热点标签、嵌入内容同步切换
  • 支持漫游穿梭效果

支持标准化、格式化的参数

  • 将各个模块的配置参数化 、格式化、序列化。
  • 标准化的导入与导出
    • 将当前场景导出为json配置文件,即save()
    • 从json文件导入配置文件,重现全景场景,即load(json)
  • 可视化的全景编辑器(以本项目为库,开发的编辑器系统)

交互控制指令执行引擎

  • 框架开放高度灵活开放的控制接口
  • 支持指令脚本按时间戳解析执行
    • 指令脚本自动解析执行
    • 脚本生成器
  • 支持指令控制台实时分发
    • 指令服务器
    • 可视化指令操作控制界面