一种基于浏览器网页端视频流渲染组件式拖拉拽编辑工具制造技术

本发明专利技术涉及网页端低代码平台技术领域，公开了一种基于浏览器网页端视频流渲染组件式拖拉拽编辑工具，包括用于用户基于网页端进行访问的B/S页面架构，所述B/S页面架构包括用于承载视频流场景的低代码平台、用于开发人员通过自有IP操作界面进行低代码设计编辑的拖拉拽编辑工具和用于加载虚拟场景的云渲染，云渲染以多端渲染的形式加载虚拟场景，并以视频流推送形式传输到B/S页面架构，云端边缘计算推演结果数据形成消息队列实时或延时推送结果到低代码平台，多方功能融合的模块化组装式组件嵌入在适用于网页端的低代码平台上。本发明专利技术采用组件式拖拉拽编辑工具，可以大幅提高网页端的低代码平台操作性，提升用户体验交互。提升用户体验交互。提升用户体验交互。

【技术实现步骤摘要】
一种基于浏览器网页端视频流渲染组件式拖拉拽编辑工具


[0001]本专利技术涉及网页端低代码平台
，特别涉及一种基于浏览器网页端视频流渲染组件式拖拉拽编辑工具。

技术介绍

[0002]B/S结构，即Browser/Server(浏览器/服务器)结构，是随着Internet技术的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户界面完全通过WWW浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现，形成所谓3
‑
tier结构。B/S结构，主要是利用了不断成熟的WWW浏览器技术，结合浏览器的多种Script语言(VBScript、JavaScript
…
)和ActiveX技术，用通用浏览器就实现了原来需要复杂专用软件才能实现的强大功能，并节约了开发成本，是一种全新的软件系统构造技术。
[0003]而现有低代码平台技术上，没有按照以模块化组件式的思想进行构筑，并且基于B/S架构的边缘云端数据的应用，市面上应用的比较少；同时，现有技术方案边缘云数据通过视频流调用方式没有专一性。

技术实现思路

[0004]本专利技术提供了一种基于浏览器网页端视频流渲染组件式拖拉拽编辑工具，采用组件式拖拉拽编辑工具，可以大幅提高网页端的低代码平台操作性，提升用户体验交互。
[0005]本专利技术提供了一种基于浏览器网页端视频流渲染组件式拖拉拽编辑工具，包括用于用户基于网页端进行访问的B/S页面架构，所述B/S页面架构包括用于承载视频流场景的低代码平台、用于开发人员通过自有IP操作界面进行低代码设计编辑的拖拉拽编辑工具和用于加载虚拟场景的云渲染，云渲染以多端渲染的形式加载虚拟场景，并以视频流推送形式传输到B/S页面架构，云端边缘计算推演结果数据形成消息队列实时或延时推送结果到低代码平台，多方功能融合的模块化组装式组件嵌入在适用于网页端的低代码平台上。
[0006]进一步地，用户通过浏览器访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音信息；每一个Web服务器与数据库服务器连接，数据存放在数据库服务器中；Web服务器上下载程序到本地执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器解释执行，并返回给Web服务器，Web服务器返回给用户。
[0007]进一步地，低代码平台为用于承载视频流场景的浏览器展示平台，无需编码或通过设定量代码快速生成应用程序，开发人员通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑创建网页和移动应用程序。
[0008]进一步地，视频流为用户在没有接到完整的数据信息前处理已接收的信息；
[0009]组件化设计低代码平台中的工具复用编码形成组件化应用，简化项目编码以提高操作效率及运行效果。
[0010]进一步地，将3D程序放在远程的服务器中渲染，用户终端通过Web软件或者直接在本地的3D程序中点击一个“云渲染”按钮并借助高速互联网接入访问资源，指令从用户终端
中发出，服务器根据指令执行对应的渲染任务，渲染结果画面则被传送回用户终端中加以显示。
[0011]进一步地，形成边缘位置的计算、网络、存储、安全等能力全面的弹性云平台，并与中心云和物联网终端形成云边端三体协同的端到端的技术架构，将网络转发、存储、计算，智能化数据分析工作放在边缘处理，并提供全网调度、算力分发云服务。
[0012]进一步地，图表和模型类拖拽工具利用HTML5中的DragandDropAPI实现拖拽编辑功能，在拖拽图像时触发dragStart()函数，设置拖拽数据并开始拖拽，在拖拽过程中，不断触发dragOver()函数，且把默认的拖拽行为阻止掉；当图像放到场景时，触发drop()函数，在目标图像处获取到当前拖拽的图像信息并且加入到图表容器中，模型类在添加到场景时先获取到鼠标松开那一刻的场景位置，获取具体的经纬度位置并获取模型信息后实例化模型加入场景中。
[0013]本专利技术的有益效果为：
[0014]1、以B/S架构为核心，服务器资源的场景以像素推流的形式加载出来；
[0015]2、通过模块化组件式的拖拉拽编辑工具，加强用户对虚拟场景应用的交互方式的理解；
[0016]3、作为视频流渲染技术，以云渲染多端渲染的形式加载场景；
[0017]4、组件式编辑工具嵌入在适用于网页端的低代码平台应用上；
[0018]5、通过多方搭建多台服务器分布式存储与调用边缘基础性数据；
[0019]6、呈现工具以低代码形式进行可供编辑修改；
[0020]7、以Html5协议特有的API实现图表模型、标签拖拉拽功能。
附图说明
[0021]图1为本专利技术的结构示意图。
[0022]本专利技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
[0023]应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。
[0024]如图1所示，本专利技术提供了一种基于浏览器网页端视频流渲染组件式拖拉拽编辑工具，包括用于用户基于网页端进行访问的B/S页面架构，所述B/S页面架构包括用于承载视频流场景的低代码平台、用于开发人员通过自有IP操作界面进行低代码设计编辑的拖拉拽编辑工具和用于加载虚拟场景的云渲染，云渲染以多端渲染的形式加载虚拟场景，并以视频流推送形式传输到B/S页面架构，云端边缘计算推演结果数据形成消息队列实时或延时推送结果到低代码平台，多方功能融合的模块化组装式组件嵌入在适用于网页端的低代码平台上。
[0025]1、B/S架构浏览器服务端演示
[0026]101：用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；
[0027]102：每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；
[0028]103：Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。
[0029]2、搭建低代码平台
[0030]201：低代码平台为用于承载视频流场景的浏览器展示平台；
[0031]202：低代码开发平台(Lowcodedevelopmentplatform，LCDP)是无需编码(0代码)或通过少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法，使具有不同经验水平的开发人员可以通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。
[0032]3、仿真视频流加载
[0033]视频流是视频数据信息的传输方式，用户可以在没有接到完整的数据信息前就能处理那些已接收的信息。这种一边接收，一边处理的方式，很好地解决了视频数据信息在网络上的传输问题。使用者可以不必等待太长的时本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于浏览器网页端视频流渲染组件式拖拉拽编辑工具，其特征在于，包括用于用户基于网页端进行访问的B/S页面架构，所述B/S页面架构包括用于承载视频流场景的低代码平台、用于开发人员通过自有IP操作界面进行低代码设计编辑的拖拉拽编辑工具和用于加载虚拟场景的云渲染，云渲染以多端渲染的形式加载虚拟场景，并以视频流推送形式传输到B/S页面架构，云端边缘计算推演结果数据形成消息队列实时或延时推送结果到低代码平台，多方功能融合的模块化组装式组件嵌入在适用于网页端的低代码平台上。2.根据权利要求1所述的基于浏览器网页端视频流渲染组件式拖拉拽编辑工具，其特征在于，用户通过浏览器访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音信息；每一个Web服务器与数据库服务器连接，数据存放在数据库服务器中；Web服务器上下载程序到本地执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器解释执行，并返回给Web服务器，Web服务器返回给用户。3.根据权利要求1所述的基于浏览器网页端视频流渲染组件式拖拉拽编辑工具，其特征在于，低代码平台为用于承载视频流场景的浏览器展示平台，无需编码或通过设定量代码快速生成应用程序，开发人员通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑创建网页和移动应用程序。4.根据权利要求1所述的基于浏览器网页端视频流渲染组件式拖拉拽编辑工具，其特征在于，视频流为用户在没有接到完整的数据信息前...

【专利技术属性】
技术研发人员：徐铭汛，李韩，何玄，丁焰，林金怡，李翔，
申请(专利权)人：联通在线信息科技有限公司，
类型：发明
国别省市：