图像数据处理方法、装置及电子终端制造方法及图纸

本发明专利技术实施例提供了一种图像数据处理方法、装置及电子终端，其中，图像数据处理方法包括：网页端根据图像绘制指令，调用客户端的增强现实AR算法，并且，通过网页代码执行上下文调用客户端的纹理绑定方法；所述网页端通过所述纹理绑定方法，触发所述客户端将图像采集设备采集的图像的纹理数据绑定至预先激活的目标纹理单元中；并且，通过所述AR算法对所述图像采集设备采集的图像进行AR算法处理，并将AR算法处理的结果存入设定的着色器；所述网页端分别从所述目标纹理单元中获取所述图像的纹理数据，从所述着色器中获取所述AR算法处理的结果；所述网页端根据所述纹理数据和所述AR算法处理的结果，对所述图像进行图像处理。

Image data processing methods, devices and electronic terminals

The embodiment of the invention provides an image data processing method, a device and an electronic terminal, in which the image data processing method includes a web page end based on the image drawing instruction, invoking the client's augmented reality AR algorithm, and calling the texture binding method of the guest end through the context of the web code, and the page end. Through the texture binding method, the texture data of the image collected by the image acquisition device is bound to the pre activated target texture unit by the client, and the image collected by the image acquisition device is processed by the AR algorithm by the AR algorithm, and the result of the AR algorithm is stored in the set coloring. The web end obtains the texture data of the image from the target texture unit, and obtains the result of the AR algorithm processing from the shader, which is processed by the texture data and the results processed by the AR algorithm.

【技术实现步骤摘要】
图像数据处理方法、装置及电子终端
本专利技术实施例涉及计算机
，尤其涉及一种图像数据处理方法、装置及电子终端。
技术介绍
AR(AugmentedReality，增强现实)技术是一种将真实世界信息和虚拟世界信息“无缝”集成的新技术，其把原本在现实世界的一定时间范围内很难体验到的信息(如，视觉信息、声音信息等),模拟仿真后叠加到真实的信息中，真实的环境和虚拟的物体实时地叠加到了同一个画面或者同时存在。随着AR技术的发展，通过网页承载AR技术的WebAR也被广泛使用。但不论是AR还是WebAR，图像采集设备如摄像头采集的图像数据都是进行AR处理的基础。对于WebAR来说，为了让网页能对摄像头采集到的现实场景进行增强，目前一种常用的方式是Native端(客户端)直接绘制摄像头采集的图像数据，放置于网页端的网页视图如WebView层级之下，但这种方式中，网页端无法获取、处理摄像头采集的图像数据，如果想要通过网页对图像增加滤镜或者进行其他图像处理需要修改Native端的代码，丧失了WebAR动态部署，随时修改的优点。因此，如何有效实现网页端对图像数据的处理如AR处理，成为亟待解决的问题。
技术实现思路
有鉴于此，本专利技术实施例提供一种图像数据处理方法、装置及电子终端，以有效实现网页端对图像数据的处理。根据本专利技术实施例的第一方面，提供了一种图像数据处理方法，包括：网页端根据图像绘制指令，调用客户端的增强现实AR算法，并且，通过网页代码执行上下文调用客户端的纹理绑定方法；所述网页端通过所述纹理绑定方法，触发所述客户端将图像采集设备采集的图像的纹理数据绑定至预先激活的目标纹理单元中；并且，通过所述AR算法对所述图像采集设备采集的图像进行AR算法处理，并将AR算法处理的结果存入设定的着色器；所述网页端分别从所述目标纹理单元中获取所述图像的纹理数据，从所述着色器中获取所述AR算法处理的结果；所述网页端根据所述纹理数据和所述AR算法处理的结果，对所述图像进行图像处理。根据本专利技术实施例的第二方面，提供了一种图像数据处理装置，所述装置设置于网页端，所述装置包括：调用模块，用于根据图像绘制指令，调用客户端的增强现实AR算法，并且，通过网页代码执行上下文调用客户端的纹理绑定方法；触发模块，用于通过所述纹理绑定方法，触发所述客户端将图像采集设备采集的图像的纹理数据绑定至预先激活的目标纹理单元中；并且，通过所述AR算法对所述图像采集设备采集的图像进行AR算法处理，并将AR算法处理的结果存入设定的着色器；获取模块，用于分别从所述目标纹理单元中获取所述图像的纹理数据，从所述着色器中获取所述AR算法处理的结果；处理模块，用于根据所述纹理数据和所述AR算法处理的结果，对所述图像进行图像处理。根据本专利技术实施例的第三方面，提供了一种电子终端，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行如第一方面所述的图像数据处理方法对应的操作。根据本专利技术实施例提供的方案，一方面，网页端和客户端使用相同的纹理单元，当客户端的纹理绑定方法被网页端调用时，客户端将图像采集设备采集的图像的纹理数据存入该纹理单元，即目标纹理单元，继而，网页端直接从该目标纹理单元中获得客户端存入的纹理数据。另一方面，在通过纹理绑定方法对采集的图像进行处理的同时，网页端还直接调用客户端的AR算法对采集的图像进行处理，并将处理结果存入设定的着色器。由此，网页端可以直接从图像处理器GPU的显存中获取待绘制的图像的相关数据和信息，以在网页端对采集的图像进行处理。采用本专利技术实施例的方案，一方面，因网页端可直接获取采集的图像的纹理数据，并根据客户端AR算法对采集的图像的处理结果，对采集的图像进行进一步的图像处理如AR处理等，该处理可以通过网页端实现，无需修改客户端代码，保持了WebAR动态部署，随时修改的优点；另一方面，网页端和客户端可以通过目标纹理单元直接进行图像的纹理数据的交互，提高了数据处理速度和效率；又一方面，对采集的图像的AR处理由客户端执行，客户端的执行速度较快，可以有效满足AR处理的速度要求，提升图像数据的整体速度和效率。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术实施例中记载的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。图1为根据本专利技术实施例一的一种图像数据处理方法的步骤流程图；图2为根据本专利技术实施例二的一种图像数据处理方法的步骤流程图；图3为根据本专利技术实施例三的一种图像数据处理装置的结构框图；图4为根据本专利技术实施例四的一种图像数据处理装置的结构框图；图5为根据本专利技术实施例五的一种电子终端的结构示意图。具体实施方式为了使本领域的人员更好地理解本专利技术实施例中的技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本专利技术实施例一部分实施例，而不是全部的实施例。基于本专利技术实施例中的实施例，本领域普通技术人员所获得的所有其他实施例，都应当属于本专利技术实施例保护的范围。下面结合本专利技术实施例附图进一步说明本专利技术实施例具体实现。实施例一参照图1，示出了根据本专利技术实施例一的一种图像数据处理方法的步骤流程图。本实施例的图像数据处理方法包括以下步骤：步骤S102：网页端根据图像绘制指令，调用客户端的AR算法，并且，通过网页代码执行上下文调用客户端的纹理绑定方法。随着计算机技术的发展，一个应用程序APP中通常会内嵌用于实现浏览器功能的组件或对象，如WEBVIEW组件等，这样的组件或对象通常通过HTML页面和JavaScript语言实现相应的浏览器功能，即本专利技术实施例中的网页端，也可称为Web端；而APP则通过其它语言如Objective-C语言或者Java语言或者其它与JavaScript不同的语言实现其它非浏览器功能，即本专利技术实施例中的客户端，也可称为Native端。本专利技术实施例的方案适用于客户端和网页端无法直接对图像采集设备采集的图像数据进行传递的应用场景，如，基于iOS平台的WebAR图像数据等，但不限于此，其它类似场景也同样适用。本专利技术实施例中，客户端中可以设置有一种或多种(两种及两种以上)AR算法，如，进行人脸检测的AR算法、进行目标对象检测的AR算法、进行目标对象属性检测的AR算法，等等。具体的AR算法可以由本领域技术人员根据实际情况采用任意适当的方式实现，本专利技术实施例对此不作限制。客户端中设置的AR算法由客户端代码执行，可被网页端直接或间接调用。客户端的纹理绑定方法通常由客户端调用和实现，但本专利技术实施例中，将其预先设置在网页代码执行上下文如JSContext中，以供网页端调用。以JSContext为例，JSContext是客户端工具类，封装了网页端JavaScript代码执行上下文环境，可以通过JSContext将客户端的方法(Native代码)提供给网页端JavaScript调用，JavaScript调用该方法时，Native代码将执行在相同的程序上本文档来自技高网...

【技术保护点】
1.一种图像数据处理方法，包括：网页端根据图像绘制指令，调用客户端的增强现实AR算法，并且，通过网页代码执行上下文调用客户端的纹理绑定方法；所述网页端通过所述纹理绑定方法，触发所述客户端将图像采集设备采集的图像的纹理数据绑定至预先激活的目标纹理单元中；并且，通过所述AR算法对所述图像采集设备采集的图像进行AR算法处理，并将AR算法处理的结果存入设定的着色器；所述网页端分别从所述目标纹理单元中获取所述图像的纹理数据，从所述着色器中获取所述AR算法处理的结果；所述网页端根据所述纹理数据和所述AR算法处理的结果，对所述图像进行图像处理。

【技术特征摘要】
1.一种图像数据处理方法，包括：网页端根据图像绘制指令，调用客户端的增强现实AR算法，并且，通过网页代码执行上下文调用客户端的纹理绑定方法；所述网页端通过所述纹理绑定方法，触发所述客户端将图像采集设备采集的图像的纹理数据绑定至预先激活的目标纹理单元中；并且，通过所述AR算法对所述图像采集设备采集的图像进行AR算法处理，并将AR算法处理的结果存入设定的着色器；所述网页端分别从所述目标纹理单元中获取所述图像的纹理数据，从所述着色器中获取所述AR算法处理的结果；所述网页端根据所述纹理数据和所述AR算法处理的结果，对所述图像进行图像处理。2.根据权利要求1所述的方法，其中，在所述网页端通过网页代码执行上下文调用客户端的纹理绑定方法之前，所述方法还包括：所述网页端获取渲染上下文，并对所述渲染上下文中的顶点着色器、片元着色器和纹理单元进行设置。3.根据权利要求2所述的方法，其中，对所述渲染上下文中的纹理单元进行设置，包括：为所述纹理单元设置标号。4.根据权利要求2或3所述的方法，其中，在所述对所述渲染上下文中的顶点着色器、片元着色器和纹理单元进行设置之后，所述方法还包括：激活所述渲染上下文中的纹理单元，并将激活的所述纹理单元作为所述目标纹理单元。5.根据权利要求2或3任一项所述的方法，其中，所述设定的着色器为所述顶点着色器。6.根据权利要求1-3任一项所述的方法，其中，所述方法还包括：所述网页端通过调用所述客户端的图像数据存储方法将所述图像采集设备采集的图像存储至所述客户端的设定位置。7.根据权利要求6所述的方法，其中，在所述对所述图像进行图像处理之后，所述方法还包括：所述网页端获取并保存所述图像处理的过程数据。8.根据权利要求7所述的方法，其中，在所述网页端获取并保存所述图像处理的过程数据之后，所述方法还包括：所述网页端调用所述客户端的数据合成方法，通过所述数据合成方法从所述设定位置获取所述图像，以及，获取所述过程数据；所述网页端通过所述数据合成方法对获取的所述图像和所述过程数据进行合成处理，生成合成结果。9.根据权利要求8所述的方法，其中，在所述生成合成结果之后，所述方法还包括：所述网页端接收对所述合成结果的操作指示，根据所述操作指示对所述合成结果进行操作。10.一种图像数据处理装置，所述装置设置于网页端，所述装置包括：调用模块，用于根据图像绘制指令，调用客户端的增强现实AR算法，并且，通过网页代码执行上下文调用客户端的纹理绑定方法；触...

【专利技术属性】
技术研发人员：汤锦鹏，马妙魁，
申请(专利权)人：广州市动景计算机科技有限公司，
类型：发明
国别省市：广东,44