全景道路展示思维脑图思维导图
目标，全景视频，图片展示，解决方案等内容讲解
树图思维导图提供 全景道路展示思维脑图 在线思维导图免费制作，点击“编辑”按钮，可对 全景道路展示思维脑图 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：2a8c9b4d7d1071d80d0a30cfee0f0aff
思维导图大纲
全景道路展示思维导图模板大纲
目标
实现全景视频展示
全景视频停顿时，可点击相关设施查看详细信息
全景视频展示
使用utovr插件加载全景视频
优势
更连贯流畅的播放全景
回调函数
加载完毕
开始播放
停止播放
场景角度改变
视频进度回调
操作API
播放
暂停
获取视频播放状态
获取视频当前播放时间
设施视口值（Pan，tilt，fov）
获取视口值（Pan，tilt，fov）
根据（Pan，tilt）获取对应视口的坐标（x，y）位置
根据视口的坐标（x，y）位置获取对应（Pan，tilt, fov）
劣势
不能直接添加标注
替代方案：根据回调函数和操作api，外部添加对应标注
全景图片展示
使用photo-sphere-viewer插件加载全景图片
优势
可根据需要任意添加标注，标注可控性强
劣势
单张全景加载需要时间，无法留观流畅播放
解决方案
最优解
全景视频播放
暂停时在全景视频里面添加标注
实现路径
开始
全景视频加载
利用utovr加载全景视频
已实现，实现效果良好
暂停添加标注
进行中
目前只是添加测试标注
使用替代方案添加标注
需要解决问题
标记如何添加问题
视频分段手动添加
现状：视频是由多帧组成，每一帧对应的一张全景图片，每一帧作为一张独立的全景图片进行标注工作量很大
思考：按照视频的秒（待定）为单位，做设施的标记
也需要手动做大量的标注
标注添加方式
手动添加
实现一个添加标注轮廓页面，在每一个整点秒添加设施轮廓
其他方式
待发掘
代码分析计算
前置条件
暂停时全景中心点坐标信息
周围设施坐标信息
设施轮廓信息
运算
根据坐标信息，计算出对应全景里面的坐标信息；
是否可以添加可控的标注
前端是否能绘制不规则图形
思考：1.可尝试svg；2.图片加载
详情展示
未开始
标注与详情关联
结束
次解
全景视频播放
暂停时额外加载全景图片来添加标注
实现路径
开始
全景视频加载
利用utovr加载全景视频
已实现，实现效果良好
暂停添加标注
进行中
目前只是添加测试标注
添加标注
需要解决问题
标记位置获取问题
视频分段手动添加
现状：视频是由多帧组成，每一帧对应的一张全景图片，每一帧作为一张独立的全景图片进行标注工作量很大
思考：按照视频的秒（待定）为单位，做设施的标记
也需要手动做大量的标注
是否可以添加可控的标注
前端是否能绘制不规则图形
思考：1.可尝试svg；2.图片加载
详情展示
未开始
标注与详情关联
结束
问题
点击路网时，弹出视频框，视频当前所处时间如何确定
思考：点击路网获取当前对应的全景图片下标，反推对应视频中的时间
资料中的全景图片图片是否为单帧的视频
暂停时，全景上面设施的信息如何获取
信息内容：设施信息（或者唯一标识），全景对应的位置信息（轮廓？）
时间线
2023-12-29
寻找全景视频加载方式
utovr
播放流程，可控性强
原生不支持标注加载，可根据api实现增加标注自定义api
寻找全景图片加载方式
photo-sphere-viewer
不支持连续播放，播放过程闪屏
支持增加各种标注
会议讨论
目标结果讨论
全景视频播放
可暂停查看周边设施信息
实现方案讨论
utovr全景播放+自定义api添加标注实现
utovr全景播放+photo-sphere-viewer添加标注实现
会后就技术路线尝试，并整理思维导图
2024-01-02
会议讨论
针对当前已知信息确定是实现方案
utovr全景播放+自定义api添加标注实现
需要解决的问题
全景视频延时暂停
全景视频中添加自定义标注
相关思维导图模板
树图思维导图提供 三国演义人物关系思维导图 在线思维导图免费制作，点击“编辑”按钮，可对 三国演义人物关系思维导图 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：2c9d5602617c646a5afc7704c8dcb653
树图思维导图提供 Java基础思维导图 在线思维导图免费制作，点击“编辑”按钮，可对 Java基础思维导图 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：61ba3e6091b2775461ca310c76669229
沪公网安备 31011502019485号
上海工商