基于webrtc实现的浏览器图表与UE4三维场景交互联动方法、介质及装置制造方法及图纸

本发明专利技术提供一种基于webrtc实现的浏览器图表与UE4三维场景交互联动方法、介质及装置，所述方法包括：按照发布订阅模式在浏览器端实现事件调度中心；所述事件调度中心的功能包括事件发布、事件注册、事件调度和事件列表查询，从而能够对浏览器端暴露js的接口进行事件发布与注册，以及对UE4暴露的webrtc接口进行事件发布与注册；利用事件调度中心进行浏览器图表与UE4三维场景交互联动。本发明专利技术采用发布订阅模式管理所有的浏览器图表组件和UE4三维场景，使浏览器图表组件与UE4三维场景的事件解耦，新增或删除事件时不会影响其它的事件逻辑，能够解决现有技术中实现的浏览器与UE4三维场景交互联动方法存在的问题。维场景交互联动方法存在的问题。维场景交互联动方法存在的问题。

【技术实现步骤摘要】
基于webrtc实现的浏览器图表与UE4三维场景交互联动方法、介质及装置


[0001]本专利技术涉及软件与信息
，具体而言，涉及一种基于webrtc实现的浏览器图表与UE4三维场景交互联动方法、介质及装置。

技术介绍

[0002]如图1所示，现有技术中实现的浏览器图表与UE4三维场景交互联动方法，包括如下步骤：
[0003]第一步，分别在浏览器端和UE4三维场景端开发控制接口；
[0004]第二步，在浏览器端开发调用UE4接口的代码；
[0005]第三步，在UE4三维场景端开发调用浏览器图表组件的代码；
[0006]第四步，运行UE4三维场景和浏览器；
[0007]第五步，在浏览器的图表组件中触发控制UE4三维场景的事件，或在UE4三维场景中触发控制浏览器图表组件的事件。
[0008]当浏览器图表组件与UE4三维场景过多，或交互逻辑复杂度高的场合，需要大量的定制开发。或者交互逻辑发生变更时，浏览器和UE4三维场景两侧都需要变更代码。而且浏览器无法感知UE4三维场景端的接口状态，不利于接口的管理。

技术实现思路

[0009]本专利技术旨在提供一种基于webrtc实现的浏览器图表与UE4三维场景交互联动方法、介质及装置，以解决上述现有技术中实现的浏览器图表与UE4三维场景交互联动方法存在的问题。
[0010]本专利技术提供的一种基于webrtc实现的浏览器图表与UE4三维场景交互联动方法包括：
[0011]按照发布订阅模式在浏览器端实现事件调度中心；所述事件调度中心的功能包括事件发布、事件注册、事件调度和事件列表查询，从而能够对浏览器端暴露js的接口进行事件发布与注册，以及对UE4暴露的webrtc接口进行事件发布与注册；
[0012]利用事件调度中心进行浏览器图表与UE4三维场景交互联动。
[0013]进一步的，所述利用事件调度中心进行浏览器图表与UE4三维场景交互联动的方法包括：
[0014]事件编辑的步骤；
[0015]事件运行的步骤。
[0016]在一些实施例中，所述事件编辑的步骤包括：
[0017]第一步，浏览器在配置图表组件响应事件时，将图表组件响应事件注册到事件调度中心；
[0018]第二步，UE4渲染器在配置三维场景响应事件时，将三维场景响应事件注册到事件
调度中心；
[0019]第三步，浏览器在配置图表组件交互时，订阅事件调度中心对应的三维场景响应事件或图表组件响应事件；
[0020]第四步，UE4渲染器在配置三维场景交互时，订阅事件调度中心对应的图表组件响应事件或三维场景响应事件。
[0021]在一些实施例中，所述事件运行的步骤包括：
[0022]第一步，浏览器初始化并启动UE4渲染器，浏览器与UE4渲染器建立webrtc连接；
[0023]第二步，浏览器遍历所有图表组件进行配置，将配置完成的图表组件响应事件注册到事件调度中心；
[0024]第三步，UE4渲染器加载场景配置，将配置完成的三维场景响应事件注册到事件调度中心；
[0025]第四步，触发事件：
[0026]浏览器触发图表交互事件时，利用事件调度中心实现浏览器与UE4三维场景或浏览器本地事件的交互；
[0027]UE4渲染器触发三维场景交互事件时，利用事件调度中心实现UE4三维场景与浏览器或UE4三维场景本地事件的交互。
[0028]进一步的，第四步中利用事件调度中心实现浏览器与UE4三维场景或浏览器本地事件的交互的方法包括：
[0029]浏览器触发图表交互事件时，自动将事件名称和对应的数据发布到事件调度中心；
[0030]事件调度中心将事件名称和对应的数据推送到在浏览器和UE4中订阅这个事件的图表组件或三维场景；
[0031]图表组件或三维场景收到事件名称和对应的数据，然后执行对应的事件，实现浏览器与UE4三维场景或浏览器本地事件的交互。
[0032]进一步的，第四步中利用事件调度中心实现UE4三维场景与浏览器或UE4三维场景本地事件的交互的方法包括：
[0033]UE4渲染器触发三维场景交互事件时，自动将事件名称和对应的数据发布到事件调度中心；
[0034]事件调度中心将事件名称和对应的数据推送到在浏览器和UE4中订阅这个事件的图表组件或三维场景；
[0035]图表组件或三维场景收到事件名称和对应的数据，然后执行对应的事件，实现UE4三维场景与浏览器或UE4三维场景本地事件的交互。
[0036]本专利技术还提供一种计算机终端存储介质，存储有计算机终端可执行指令，所述计算机终端可执行指令用于执行上述的基于webrtc实现的浏览器图表与UE4三维场景交互联动方法。
[0037]本专利技术还提供一种计算装置，包括：
[0038]至少一个处理器；以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行上述的基于webrtc实现的浏览器图表与UE4三维场景交互
联动方法。
[0039]综上所述，由于采用了上述技术方案，本专利技术的有益效果是：
[0040]本专利技术采用发布订阅模式管理所有的浏览器图表组件和UE4三维场景，使浏览器图表组件与UE4三维场景的事件解耦，新增或删除事件时不会影响其它的事件逻辑，能够解决现有技术中实现的浏览器与UE4三维场景交互联动方法存在的问题。
附图说明
[0041]为了更清楚地说明本专利技术实施例的技术方案，下面将对实施例中的附图作简单地介绍，应当理解，以下附图仅示出了本专利技术的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
[0042]图1为现有技术中实现的浏览器图表与UE4三维场景交互联动方法的流程图。
[0043]图2为本专利技术实施例中基于webrtc实现的浏览器图表与UE4三维场景交互联动方法的流程图。
[0044]图3为本专利技术实施例中基于webrtc实现的浏览器图表与UE4三维场景交互联动方法中事件编辑的流程图。
[0045]图4为本专利技术实施例中基于webrtc实现的浏览器图表与UE4三维场景交互联动方法中事件运行的流程图。
具体实施方式
[0046]为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本专利技术实施例的组件可以以各种不同的配置来布置和设计。
[0047]因此，以下对在附图中提供的本专利技术的实施例的详细描述并非旨在限制要求保护的本专利技术的范围，而是仅仅表示本专利技术的选定实施例。基于本专利技术中的实施例，本领域普通技术人本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于webrtc实现的浏览器图表与UE4三维场景交互联动方法，其特征在于，所述方法包括：按照发布订阅模式在浏览器端实现事件调度中心；所述事件调度中心的功能包括事件发布、事件注册、事件调度和事件列表查询，从而能够对浏览器端暴露js的接口进行事件发布与注册，以及对UE4暴露的webrtc接口进行事件发布与注册；利用事件调度中心进行浏览器图表与UE4三维场景交互联动。2.根据权利要求1所述的基于webrtc实现的浏览器图表与UE4三维场景交互联动方法，其特征在于，所述利用事件调度中心进行浏览器图表与UE4三维场景交互联动的方法包括：事件编辑的步骤；事件运行的步骤。3.根据权利要求2所述的基于webrtc实现的浏览器图表与UE4三维场景交互联动方法，其特征在于，所述事件编辑的步骤包括：第一步，浏览器在配置图表组件响应事件时，将图表组件响应事件注册到事件调度中心；第二步，UE4渲染器在配置三维场景响应事件时，将三维场景响应事件注册到事件调度中心；第三步，浏览器在配置图表组件交互时，订阅事件调度中心对应的三维场景响应事件或图表组件响应事件；第四步，UE4渲染器在配置三维场景交互时，订阅事件调度中心对应的图表组件响应事件或三维场景响应事件。4.根据权利要求2所述的基于webrtc实现的浏览器图表与UE4三维场景交互联动方法，其特征在于，所述事件运行的步骤包括：第一步，浏览器初始化并启动UE4渲染器，浏览器与UE4渲染器建立webrtc连接；第二步，浏览器遍历所有图表组件进行配置，将配置完成的图表组件响应事件注册到事件调度中心；第三步，UE4渲染器加载场景配置，将配置完成的三维场景响应事件注册到事件调度中心；第四步，触发事件：浏览器触发图表交互事件时，利用事件调度中心实现浏览器与UE4三维场景或浏览器本地事件的交互；UE4渲染器触发三维场景交互事件时，利用事件调度中心实现U...

【专利技术属性】
技术研发人员：晏刚，张登辉，顾美营，印龙兵，李尚学，
申请(专利权)人：成都四方伟业软件股份有限公司，
类型：发明
国别省市：