一种基于云平台的全景互动记录回放系统技术方案

本发明专利技术涉及新一代信息技术领域，具体是一种基于云平台的全景互动记录回放系统，特征在于，包括：S1、开始录制；S2、系统按照点击、拖拽、缩放三个类别，以时间顺序及数组的形式记录同时录音；S3、停止录制；S4、将顺序记录的用户操作数组、用户信息及录音标识整合为Object对象；S5、将Object对象转为JSON数据格式，与录音文件一并上传云平台；S6、JSON与录音文件呈现在全景页面的回放列表中；S7、点击回放列表，从云平台下载对应的JSON与录音文件；S8、解析并同时播放录音，直至完成或用户主动停止回放。本发明专利技术占用资源少，接入简单且通用性强。接入简单且通用性强。接入简单且通用性强。

【技术实现步骤摘要】
一种基于云平台的全景互动记录回放系统


[0001]本专利技术涉及新一代信息
，具体是一种基于云平台的全景互动记录回放系统。

技术介绍

[0002]目前，线上全景展示的形式成为了众多品牌厂家在线上进行品牌推广、获取商机线索的重要途径之一。
[0003]现如今，线上全景基本以在线的导览带看或者在全景中嵌入讲解视频的形式针对全景的展示内容进行基本的讲解介绍。这两种方式在提供了便捷的基于全景展示的讲解方式的同时，仍存在一些问题。在线的导览带看受带看双方的网络环境影响较大，需要双方都在比较良好、延迟较低的网络环境下才可以获得比较流畅的带看体验；视频形式一般体积较大，受到设备系统环境、浏览器的兼容性要求较高。

技术实现思路

[0004]为解决以上问题，借助JSON数据格式，以及Javascript提供的页面行为监控、后台通信支持、设备录音功能唤起等功能，本专利技术提出一种基于云平台、且能够实现轻量化，易接入，通用性强的全景互动记录回放系统。
[0005]为实现上述专利技术目的，本专利技术采取如下技术方案：一种基于云平台的全景互动记录回放系统，包括云平台，以及运行于云平台上用于存储、加载和执行各互动记录回放的方法步骤，其特殊之处在于，所述方法步骤包括：S1、点击全景页面中的录制按钮，获取操作用户信息，触发互动记录；S2、系统按照点击、拖拽、缩放三个类别，以数组的形式，以时间顺序记录用户操作，同时录音；S3、点击全景页面中的停止录制按钮，结束互动记录；S4、将顺序记录的用户操作数组、用户信息及录音标识整合为Object对象；S5、通过JSON.stringify()方法将Object对象转换为JSON数据格式，与生成的录音文件一并上传至云平台进行存储；S6、云平台中存储更新的JSON文件与录音文件将以项目的形式呈现在全景页面预设的回放列表中；S7、点击回放列表中的项目，从云平台下载对应的JSON文件与录音文件；S8、解析出JSON文件中的用户操作数组、用户信息及录音标识，然后针对用户操作数组进行进一步的操作解析；通过对应全景脚本程序krpano提供的应用程序编程接口API进行顺序执行，并同时播放录音，直至完成回放或用户主动停止回放。
[0006]在本专利技术的一个实施例中，所述S1的全景网页以全景脚本程序krpano为支撑进行制作；全景网页中录制按钮的触发控制弹出输入框，用以输入用户信息。
[0007]在本专利技术的一个实施例中，所述S2通过MediaRecorder提供的应用程序编程接口
API唤起设备的录音功能。
[0008]在本专利技术的一个实施例中，所述S2通过Javascript提供的事件对象event及日期对象Date记录用户的操作及操作时间点、时间段；所述事件对象event的种类包括针对PC端浏览器的鼠标按下mousedown、鼠标移动mousemove、鼠标抬起mouseup、点击click、滚轮mousewheel，以及针对移动端浏览器的触摸开始touchstart、触摸过程touchmove、触摸结束touchend、点击及缩放touch。
[0009]在本专利技术的一个实施例中，所述S2针对用户的一个操作设置一个对象进行记录，连续的多个操作通过数组的形式记录在所有操作事件的集合recorderEvents变量中；在单一操作的对象中，设置属性event记录操作的事件，设置属性eventName记录操作的名称，设置属性eventDefs记录切换前、后的场景名称或ID，设置属性eventTime记录事件发生的时间。
[0010]在本专利技术的一个实施例中，所述S4通过MediaRecorder提供的应用程序编程接口API将录音转换为音频文件。
[0011]在本专利技术的一个实施例中，所述S4通过Object对象的方法将记录用户名称的变量recorderName、录制内容主题的变量recorderTheme、记录用户操作数组的变量recorderEvents、以及记录录音标识的变量recorderAudio整合到一个Object对象中去。
[0012]在本专利技术的一个实施例中，所述S8借助Javascript提供的JSON.parse()方法对JSON文件中的数据进行解析，解析后借助全景脚本程序krpano提供的xml.scene、xml.hlookat、xml.vlookat、xml.fov等属性方法对解析后的操作数组部分进行自动的顺序执行，并同时播放录音，实现回放。
[0013]与现有技术相比，本专利技术的有益效果在于：1、在点对点线上带看的基础上，本专利技术提供了一套灵活、易操作的录制回放系统，使带看摆脱了对于双方网络环境的限制，即使高延迟情况下，也能得到比较流畅的带看体验；2、本专利技术通过JSON进行操作记录等数据的存储，较视频格式，体积更小，对于各种全景脚本、语言、运行环境的兼容性等要求更小，更通用；3、针对展示内容的特点，本专利技术可以通过录制多条的方式，让用户在查看回放时有更多选择。
附图说明
[0014]图1为本专利技术全景互动记录回放系统的录制流程示意图；图2为本专利技术全景互动记录回放系统的回放流程示意图。
具体实施方式
[0015]下面通过实施例对本专利技术的具体实施方式作进一步详细描述。以下实施例用于说明本专利技术，但不能用来限制本专利技术的范围。
[0016]本实施例提供了一种基于云平台的全景互动记录回放系统，利用现有的云平台进行存储、加载和执行各互动记录回放步骤，使用场景为某医药企业全景看厂中对A产品线进行讲解录制，使用的全景网页脚本程序为krpano，使用的网页程序包括HTML、CSS、
Javascript，互动记录回放步骤主要包括：S1、录制者在全景页面点击录制按钮，获取录制者用户信息，录制按钮变为停止录制按钮，系统开始进入互动记录程序；S2、录制者操作全景网页，比如点击场景缩略图切换场景、拖拽切换当前场景视角、缩放调整当前场景的缩放比例，系统会按照点击、拖拽、缩放三个类别，以数组的形式、以时间顺序记录用户以上操作，同时唤起设备录音系统进行录音；S3、录制者在操作演示完毕后，点击全景页面中的停止录制按钮，结束互动记录，同时结束录音；S4、系统在录制者停止录制后，将用户操作数组、录制者用户信息和录音标识，整合为Object对象；S5、通过JSON.stringify()方法将Object对象转换为JSON数据格式，与生成的录音文件一并上传至云平台进行存储；S6、全景页面中设置有回放列表，上传成功后，列表会进行更新，将最新的互动记录展示在列表中；S7、用户点击回放列表中的互动记录，将从云平台下载对应的JSON数据与对应录音文件；S8、解析出JSON中的用户操作数组、用户信息及录音标识，然后针对用户操作数组进行进一步的操作解析，通过对应全景脚本程序krpano提供的应用程序编程接口API进行顺序执行，并同时播放录音，直至完成回放或用户主动停止回放。
[0017]进一步地，在S1中，所述全景网页以全景脚本程序krpano为支撑进行制作，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于云平台的全景互动记录回放系统，包括云平台，以及用于存储、加载和执行各互动记录回放的方法步骤，其特征在于，所述方法步骤包括：S1、点击全景页面中的录制按钮，获取操作用户信息，触发互动记录；S2、系统按照点击、拖拽、缩放三个类别，以数组的形式，以时间顺序记录用户操作，同时录音；S3、点击全景页面中的停止录制按钮，结束互动记录；S4、将顺序记录的用户操作数组、用户信息及录音标识整合为Object对象；S5、通过JSON.stringify()方法将Object对象转换为JSON数据格式，与生成的录音文件一并上传至云平台进行存储；S6、云平台中存储更新的JSON文件与录音文件将以项目的形式呈现在全景页面预设的回放列表中；S7、点击回放列表中的项目，从云平台下载对应的JSON文件与录音文件；S8、解析出JSON文件中的用户操作数组、用户信息及录音标识，然后针对用户操作数组进行进一步的操作解析；通过对应全景脚本程序krpano提供的应用程序编程接口API进行顺序执行，并同时播放录音，直至完成回放或用户主动停止回放；所述S2中：通过Javascript提供的事件对象event及日期对象Date记录用户的操作及操作时间点、时间段；所述事件对象event的种类包括针对PC端浏览器的鼠标按下mousedown、鼠标移动mousemove、鼠标抬起mouseup、点击click、滚轮mousewheel，以及针对移动端浏览器的触摸开始touch...

【专利技术属性】
技术研发人员：孙德宝，王坤，魏纪坤，赵星磊，王恬，逄晓刚，
申请(专利权)人：山东捷瑞数字科技股份有限公司，
类型：发明
国别省市：