CN112035771A - 基于web的摄像头数据绘制方法、装置及电子设备 - Google Patents

基于web的摄像头数据绘制方法、装置及电子设备 Download PDF

Info

Publication number
CN112035771A
CN112035771A CN201910478076.8A CN201910478076A CN112035771A CN 112035771 A CN112035771 A CN 112035771A CN 201910478076 A CN201910478076 A CN 201910478076A CN 112035771 A CN112035771 A CN 112035771A
Authority
CN
China
Prior art keywords
camera data
drawing layer
data
layer
camera
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201910478076.8A
Other languages
English (en)
Inventor
王晓振
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201910478076.8A priority Critical patent/CN112035771A/zh
Publication of CN112035771A publication Critical patent/CN112035771A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986—Document structures and storage, e.g. HTML extensions
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/448—Execution paradigms, e.g. implementations of programming paradigms
    • G06F9/4482—Procedural
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Computer Graphics (AREA)
  • Geometry (AREA)
  • Data Mining & Analysis (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明公开了一种基于web的摄像头数据绘制方法、装置及电子设备，该方法包括：创建摄像头数据绘制图层；将所述摄像头数据绘制图层和网页数据绘制图层进行叠加处理，并将所述摄像头数据绘制图层在所述网页数据绘制图层对应的区域设置为透明；利用网页数据绘制图层对网页数据进行绘制处理，以及利用摄像头数据绘制图层对摄像头数据进行绘制处理，并展示所述网页数据和所述摄像头数据对应的内容。

Description

基于web的摄像头数据绘制方法、装置及电子设备
技术领域
本发明涉及摄像头数据处理技术领域，更具体地，涉及一种基于web的摄像头数据绘制方法、一种基于web的摄像头数据绘制装置、一种电子设备以及一种计算机可读存储介质。
背景技术
基于网页显示视频内容的技术包括两种，一种是webrtc(Web Real-TimeCommunication，网页即时通信)，另一种是webAR。
目前，基于网页显示视频内容的技术，浏览器主进程在获取到摄像头数据后，通过跨进程将摄像头数据传递到浏览器渲染进程。浏览器渲染进程利用渲染模块将摄像头数据渲染处理后与网页内容合并。最后，浏览器将整个内容呈现给用户。这种技术存在了多次跨进程的数据传递和拷贝。传递链路过长，容易导致渲染延迟的问题。
发明内容
本发明的一个目的是提供一种基于web的摄像头数据处理的新技术方案。
根据本发明的第一方面，提供了一种基于web的摄像头数据绘制方法，包括：
创建摄像头数据绘制图层；
将所述摄像头数据绘制图层和网页数据绘制图层进行叠加处理，并将所述摄像头数据绘制图层在所述网页数据绘制图层对应的区域设置为透明；
利用网页数据绘制图层对网页数据进行绘制处理，以及利用摄像头数据绘制图层对摄像头数据进行绘制处理，并展示所述网页数据和所述摄像头数据对应的内容。
可选地，所述方法还包括：
判断是否存在创建摄像头数据绘制图层的指令，得到判断结果。
在所述判断结果为存在所述指令的情况下，执行所述创建摄像头数据绘制图层的步骤；
在所述判断结果为不存在所述指令的情况下，利用网页数据绘制图层分别对网页数据和所述摄像头数据进行绘制处理，并展示所述网页数据和所述摄像头数据对应的内容。
可选地，所述创建摄像头数据绘制图层的步骤包括：
获取摄像头数据绘制图层的尺寸信息；
根据所述摄像头数据绘制图层的尺寸信息创建所述摄像头数据绘制图层。
可选地，所述将所述摄像头数据绘制图层在所述网页数据绘制图层对应的区域设置为透明的步骤包括；
获取所述摄像头数据绘制图层在所述网页数据绘制图层对应的区域的位置信息；
将所述位置信息对应的所述摄像头数据绘制图层的区域设置为透明。
可选地，所述网页数据绘制图层为Webview图层，所述摄像头数据绘制图层为Glsurfaceview图层。
可选地，所述利用摄像头数据绘制图层对摄像头数据进行绘制处理的步骤包括：
获取SurfaceTexture的标识信息；
将所述摄像头数据写入所述SurfaceTexture的标识信息对应的SurfaceTexture中，以将所述摄像头数据生成对应的纹理数据；
对所述纹理数据进行绘制处理。
可选地，所述获取SurfaceTexture的标识信息的步骤包括：
调用API-bindTexture获取所述SurfaceTexture的标识信息。
根据本发明的第二方面，提供了一种基于web的摄像头数据绘制装置，包括：
创建模块，用于创建摄像头数据绘制图层；
叠加模块，用于将所述摄像头数据绘制图层和网页数据绘制图层进行叠加处理，并将所述摄像头数据绘制图层在所述网页数据绘制图层对应的区域设置为透明；
绘制模块，用于利用网页数据绘制图层对网页数据进行绘制处理，以及利用摄像头数据绘制图层对摄像头数据进行绘制处理，并展示所述网页数据和所述摄像头数据对应的内容。
根据本发明的第三方面，提供了一种电子设备，包括存储器和处理器，所述存储器用于存储可执行的指令；所述处理器用于根据所述指令的控制执行根据第一方面中任意一项所述的方法。
根据本发明的第四方面，提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序在被处理器执行时实现根据第一方面中任意一项所述的方法。
根据本发明的一个实施例，创建摄像头数据绘制图层，将所述摄像头数据绘制图层和网页数据绘制图层进行叠加处理，并将所述摄像头数据绘制图层在所述网页数据绘制图层对应的区域设置为透明，利用网页数据绘制图层对网页数据进行绘制处理，以及利用摄像头数据绘制图层对摄像头数据进行绘制处理，并展示所述网页数据和所述摄像头数据对应的内容，由于摄像头数据并不在网页数据绘制图层中进行绘制处理，而是在指定的摄像头数据绘制图层进行绘制处理，这样避免了在网页数据绘制图层中进行绘制处理存在的跨进程的数据传递的问题，进而避免了摄像头数据渲染延迟的问题。
通过以下参照附图对本发明的示例性实施例的详细描述，本发明的其它特征及其优点将会变得清楚。
附图说明
被结合在说明书中并构成说明书的一部分的附图示出了本发明的实施例，并且连同其说明一起用于解释本发明的原理。
图1是可用于实现本发明任意实施例提供的方法的电子设备的硬件配置的框图。
图2是根据本发明一个实施例的基于web的摄像头数据绘制方法的处理流程图。
图3是根据本发明一个具体例子的基于web的摄像头数据绘制方法的处理流程图。
图4示出了根据本发明一个具体例子的Webview图层和Glsurfaceview图层的示意图。
图5为根据本发明一个实施例的基于web的摄像头数据绘制装置的原理框图。
具体实施方式
现在将参照附图来详细描述本发明的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本发明及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。
在这里示出和讨论的所有例子中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它例子可以具有不同的值。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。
<硬件配置>
图1是可用于实现本发明任意实施例提供的方法的电子设备的硬件配置的框图。
在一个实施例中，电子设备可以是手机、手持电脑、笔记本电脑等终端设备1000，在此不做限定。
本实施例中，参照图1所示，终端设备1000可以包括处理器1100、存储器1200、接口装置1300、通信装置1400、显示装置1500、输入装置1600、定位装置1700、摄像装置1800等等。
处理器1100可以是移动版处理器。存储器1200例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1300例如包括USB接口、耳机接口等。通信装置1400例如能够进行有线或无线通信。显示装置1500例如是液晶显示屏、触摸显示屏等。输入装置1600例如可以包括触摸屏、键盘等。定位装置1700用于提供定位功能，例如可以是GPS定位模块、北斗定位模块等。摄像装置1800可以是一个或多个摄像头，具有拍照、拍摄视频以及扫描二维码的功能。
尽管在图1中示出了终端设备1000的多个装置，但是，本发明可以仅涉及其中的部分装置，例如，终端设备1000只涉及存储器1200、处理器1100、摄像装置1800，或者，终端设备1000只涉及存储器1200、处理器1100、定位装置1700和摄像装置1800。
在该实施例中，终端设备1000的存储器1200用于存储指令，该指令用于控制处理器1100进行操作以至少执行根据本发明任意实施例的基于web的摄像头数据绘制方法。技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作，这是本领域公知，故在此不再详细描述。
<方法实施例>
图2是根据本发明一个实施例的基于web的摄像头数据绘制方法的处理流程图。该方法由图1中的终端设备1000实施。
根据图2所示，该基于web的摄像头数据绘制方法可以包括以下步骤S2100-S2300。
步骤S2100，创建摄像头数据绘制图层。
在本发明实施例中，步骤S2100包括以下步骤S2110-S2120。
步骤S2110，获取摄像头数据绘制图层的尺寸信息。
摄像头数据绘制图层的尺寸信息用于确定摄像头数据绘制图层的大小。
步骤S2120，根据摄像头数据绘制图层的尺寸信息创建摄像头数据绘制图层。
步骤S2200，将摄像头数据绘制图层和网页数据绘制图层进行叠加处理，并将摄像头数据绘制图层在网页数据绘制图层对应的区域设置为透明。
在本发明实施例中，将摄像头数据绘制图层在网页数据绘制图层对应的区域设置为透明包括以下步骤S2210-S2220。
步骤S2210，获取摄像头数据绘制图层在网页数据绘制图层对应的区域的位置信息。
步骤S2220，将位置信息对应的摄像头数据绘制图层的区域设置为透明。
步骤S2300，利用网页数据绘制图层对网页数据进行绘制处理，以及利用摄像头数据绘制图层对摄像头数据进行绘制处理，并展示网页数据和摄像头数据对应的内容。
在本发明的一个实施例中，该基于web的摄像头数据绘制方法还包括：步骤S2400-S2500。
步骤S2400，判断是否存在创建摄像头数据绘制图层的指令，得到判断结果。
例如，<object id＝"map"type＝"application/map"style＝"width:100％；height:300px；opacity:1">，
在object id存在对应的值时，可以确定存在创建摄像头数据绘制图层的指令。
在创建摄像头数据绘制图层时，根据style对应的数据创建摄像头数据绘制图层。
在判断结果为存在指令的情况下，执行步骤S2100中的创建摄像头数据绘制图层的步骤。即利用步骤S2100-S2300涉及的操作对摄像头数据进行绘制处理。
在判断结果为不存在指令的情况下，执行步骤2500，利用网页数据绘制图层分别对网页数据和摄像头数据进行绘制处理，并展示网页数据和摄像头数据对应的内容。
在本实施例中，在存在创建摄像头数据绘制图层的指令的情况下，摄像头数据和网页数据分别在不同的图层进行绘制处理。在不存在创建摄像头数据绘制图层的指令的情况下，摄像头数据和网页数据在同一图层进行绘制处理。
在本发明的一个实施例中，网页数据绘制图层为Webview图层，摄像头数据绘制图层为Glsurfaceview图层。摄像头数据绘制图层还可以为其他图层。
在本实施例中，利用Glsurfaceview图层对摄像头数据进行绘制处理时，可以包括以下步骤S2310-S2330。
步骤S2310，获取SurfaceTexture的标识信息。
通过调用API-bindTexture获取SurfaceTexture的标识信息。
步骤S2320，将摄像头数据写入SurfaceTexture的标识信息对应的SurfaceTexture中，以将摄像头数据生成对应的纹理数据。
例如，surface＝new SurfaceTexture(textureId)；
camera.setPreviewTexture(surface)。
步骤S2330，对纹理数据进行绘制处理。
通过调用onDrawFrame函数，对纹理数据进行绘制处理。
本发明实施例提供的基于web的摄像头数据绘制方法，由于摄像头数据并不在网页数据绘制图层中进行绘制处理，而是在指定的摄像头数据绘制图层进行绘制处理，这样避免了在网页数据绘制图层中进行绘制处理存在的跨进程的数据传递的问题，进而避免了摄像头数据渲染延迟的问题。
<例子>
在本例子中，以网页数据绘制图层为Webview图层，摄像头数据绘制图层为Glsurfaceview图层为例，根据图3所示，基于web的摄像头数据绘制方法可以包括以下步骤S301-S311。
步骤S301，判断是否存在创建Glsurfaceview图层的指令。
例如，<object id＝"map"type＝"application/map"style＝"width:100％；height:300px；opacity:1">。
在object id存在对应的值时，可以确定存在创建Glsurfaceview图层的指令。
在判断结果为不存在创建Glsurfaceview图层的指令的情况下，执行步骤302，利用Webview图层分别对网页数据和摄像头数据进行绘制处理，并展示网页数据和摄像头数据对应的内容。
在判断结果为存在创建Glsurfaceview图层的指令的情况下，执行步骤S303，创建Glsurfaceview图层。
style对应的数据为Glsurfaceview图层的尺寸信息，用于确定摄像头数据绘制图层的大小。根据style对应的数据创建摄像头数据绘制图层。
步骤S304，获取Glsurfaceview图层在Webview图层对应的区域的位置信息。
步骤S305，将位置信息对应的Glsurfaceview图层的区域设置为透明。
步骤S306，将Glsurfaceview图层图层和Webview图层进行叠加处理。
步骤S307，通过调用API-bindTexture获取SurfaceTexture的标识信息。
步骤S308，将摄像头数据写入SurfaceTexture的标识信息对应的SurfaceTexture中，以将摄像头数据生成对应的纹理数据。
例如，surface＝new SurfaceTexture(textureId)；
camera.setPreviewTexture(surface)。
步骤S309，通过调用onDrawFrame函数，对纹理数据进行绘制处理。
步骤S310，利用Webview图层对网页数据进行绘制处理。
步骤S311，展示网页数据和摄像头数据对应的内容。
图4示出了根据本例子的Webview图层和Glsurfaceview图层的示意图。
根据图4所示，摄像头数据并不在Webview图层中进行绘制处理，而是在指定的Glsurfaceview图层进行绘制处理，这样避免了在Webview图层中进行绘制处理存在的跨进程的数据传递的问题，进而避免了摄像头数据渲染延迟的问题。
<装置实施例>
图5为根据本发明衣蛾实施例的基于web的摄像头数据绘制装置的原理框图。
根据图5所示，本实施例的基于web的摄像头数据绘制装置5000可以包括创建模块5100、叠加模块5200、绘制模块5300。
创建模块5100用于创建摄像头数据绘制图层。
叠加模块5200用于将摄像头数据绘制图层和网页数据绘制图层进行叠加处理，并将摄像头数据绘制图层在网页数据绘制图层对应的区域设置为透明。
绘制模块5300用于利用网页数据绘制图层对网页数据进行绘制处理，以及利用摄像头数据绘制图层对摄像头数据进行绘制处理，并展示网页数据和摄像头数据对应的内容。
在一个实施例中，创建模块5100还用于获取摄像头数据绘制图层的尺寸信息，根据摄像头数据绘制图层的尺寸信息创建摄像头数据绘制图层。
在一个实施例中，叠加模块5200还用于获取摄像头数据绘制图层在网页数据绘制图层对应的区域的位置信息，将位置信息对应的摄像头数据绘制图层的区域设置为透明。
在一个实施例中，基于web的摄像头数据绘制装置5000还包括判断模块。该判断模块用于判断是否存在创建摄像头数据绘制图层的指令，得到判断结果。
在判断结果为存在指令的情况下，创建模块5100创建摄像头数据绘制图层的步骤。即利用步骤S2100-S2300涉及的操作对摄像头数据进行绘制处理。
在判断结果为不存在指令的情况下，绘制模块5300还用于利用网页数据绘制图层分别对网页数据和摄像头数据进行绘制处理，并展示网页数据和摄像头数据对应的内容。
在本实施例中，在存在创建摄像头数据绘制图层的指令的情况下，摄像头数据和网页数据分别在不同的图层进行绘制处理。在不存在创建摄像头数据绘制图层的指令的情况下，摄像头数据和网页数据在同一图层进行绘制处理。
在一个实施例中，网页数据绘制图层为Webview图层，摄像头数据绘制图层为Glsurfaceview图层。摄像头数据绘制图层还可以为其他图层。
在本实施例中，绘制模块5300还用于获取SurfaceTexture的标识信息，将摄像头数据写入SurfaceTexture的标识信息对应的SurfaceTexture中，以将摄像头数据生成对应的纹理数据，对纹理数据进行绘制处理。
通过调用API-bindTexture获取SurfaceTexture的标识信息。
通过调用onDrawFrame函数，对纹理数据进行绘制处理。
<电子设备实施例>
在一个实施例中，电子设备1000可以包括根据本发明任意实施例的基于web的摄像头数据绘制装置5000，用于实施本发明任意实施例的基于web的摄像头数据绘制方法。
在另一个实施例中，电子设备1000可以包括处理器1100和存储器1200。该存储器1200用于存储可执行的指令，该处理器1100用于根据指令的控制运行电子设备1000执行根据本发明任意实施例的基于web的摄像头数据绘制装置方法。
<计算机可读存储介质>
在本实施例中，还提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序在被处理器执行时实现如本发明任意实施例的基于web的摄像头数据绘制方法。
本发明可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质，其上载有用于使处理器实现本发明的各个方面的计算机可读程序指令。
计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身，诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如，通过光纤电缆的光脉冲)、或者通过电线传输的电信号。
这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备，或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令，并转发该计算机可读程序指令，以供存储在各个计算/处理设备中的计算机可读存储介质中。
用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码，编程语言包括面向对象的编程语言—诸如Smalltalk、C++等，以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中，通过利用计算机可读程序指令的状态信息来个性化定制电子电路，例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA)，该电子电路可以执行计算机可读程序指令，从而实现本发明的各个方面。
这里参照根据本发明实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本发明的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器，从而生产出一种机器，使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上，使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人员来说公知的是，通过硬件方式实现、通过软件方式实现以及通过软件和硬件结合的方式实现都是等价的。
以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术的技术改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。

Claims (10)

1.一种基于web的摄像头数据绘制方法，包括：
创建摄像头数据绘制图层；
将所述摄像头数据绘制图层和网页数据绘制图层进行叠加处理，并将所述摄像头数据绘制图层在所述网页数据绘制图层对应的区域设置为透明；
利用网页数据绘制图层对网页数据进行绘制处理，以及利用摄像头数据绘制图层对摄像头数据进行绘制处理，并展示所述网页数据和所述摄像头数据对应的内容。
2.根据权利要求1所述的方法，其中，所述方法还包括：
判断是否存在创建摄像头数据绘制图层的指令，得到判断结果。
在所述判断结果为存在所述指令的情况下，执行所述创建摄像头数据绘制图层的步骤；
在所述判断结果为不存在所述指令的情况下，利用网页数据绘制图层分别对网页数据和所述摄像头数据进行绘制处理，并展示所述网页数据和所述摄像头数据对应的内容。
3.根据权利要求1所述的方法，其中，所述创建摄像头数据绘制图层的步骤包括：
获取摄像头数据绘制图层的尺寸信息；
根据所述摄像头数据绘制图层的尺寸信息创建所述摄像头数据绘制图层。
4.根据权利要求1所述的方法，其中，所述将所述摄像头数据绘制图层在所述网页数据绘制图层对应的区域设置为透明的步骤包括；
获取所述摄像头数据绘制图层在所述网页数据绘制图层对应的区域的位置信息；
将所述位置信息对应的所述摄像头数据绘制图层的区域设置为透明。
5.根据权利要求1所述的方法，其中，所述网页数据绘制图层为Webview图层，所述摄像头数据绘制图层为Glsurfaceview图层。
6.根据权利要求5所述的方法，其中，所述利用摄像头数据绘制图层对摄像头数据进行绘制处理的步骤包括：
获取SurfaceTexture的标识信息；
将所述摄像头数据写入所述SurfaceTexture的标识信息对应的SurfaceTexture中，以将所述摄像头数据生成对应的纹理数据；
对所述纹理数据进行绘制处理。
7.根据权利要求6所述的方法，其中，所述获取SurfaceTexture的标识信息的步骤包括：
调用API-bindTexture获取所述SurfaceTexture的标识信息。
8.一种基于web的摄像头数据绘制装置，包括：
创建模块，用于创建摄像头数据绘制图层；
叠加模块，用于将所述摄像头数据绘制图层和网页数据绘制图层进行叠加处理，并将所述摄像头数据绘制图层在所述网页数据绘制图层对应的区域设置为透明；
绘制模块，用于利用网页数据绘制图层对网页数据进行绘制处理，以及利用摄像头数据绘制图层对摄像头数据进行绘制处理，并展示所述网页数据和所述摄像头数据对应的内容。
9.一种电子设备，包括存储器和处理器，所述存储器用于存储可执行的指令；所述处理器用于根据所述指令的控制执行根据权利要求1-7中任意一项所述的方法。
10.一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-7中任意一项所述的方法。
CN201910478076.8A 2019-06-03 2019-06-03 基于web的摄像头数据绘制方法、装置及电子设备 Pending CN112035771A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910478076.8A CN112035771A (zh) 2019-06-03 2019-06-03 基于web的摄像头数据绘制方法、装置及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910478076.8A CN112035771A (zh) 2019-06-03 2019-06-03 基于web的摄像头数据绘制方法、装置及电子设备

Publications (1)

Publication Number Publication Date
CN112035771A true CN112035771A (zh) 2020-12-04

Family

ID=73575766

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910478076.8A Pending CN112035771A (zh) 2019-06-03 2019-06-03 基于web的摄像头数据绘制方法、装置及电子设备

Country Status (1)

Country Link
CN (1) CN112035771A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112929682A (zh) * 2021-01-21 2021-06-08 广州虎牙科技有限公司 对图像背景进行透明处理的方法、装置、系统及电子设备

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104038807A (zh) * 2014-06-13 2014-09-10 Tcl集团股份有限公司 一种基于OpenGL的图层混合方法及装置
CN104615418A (zh) * 2014-07-25 2015-05-13 腾讯科技（北京）有限公司 一种可滑动播放窗口的实现方法和装置
US20160232144A1 (en) * 2015-02-06 2016-08-11 Liang Zhou Browser extension allowing web users to draw on live web pages
CN107027068A (zh) * 2016-02-01 2017-08-08 阿里巴巴集团控股有限公司 渲染方法、解码方法、播放多媒体数据流的方法及装置
WO2017133475A1 (zh) * 2016-02-01 2017-08-10 阿里巴巴集团控股有限公司 播放多媒体数据的方法、界面渲染方法及装置、设备
CN107085868A (zh) * 2017-04-27 2017-08-22 腾讯科技（深圳）有限公司 图像绘制方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104038807A (zh) * 2014-06-13 2014-09-10 Tcl集团股份有限公司 一种基于OpenGL的图层混合方法及装置
CN104615418A (zh) * 2014-07-25 2015-05-13 腾讯科技（北京）有限公司 一种可滑动播放窗口的实现方法和装置
US20160232144A1 (en) * 2015-02-06 2016-08-11 Liang Zhou Browser extension allowing web users to draw on live web pages
CN107027068A (zh) * 2016-02-01 2017-08-08 阿里巴巴集团控股有限公司 渲染方法、解码方法、播放多媒体数据流的方法及装置
WO2017133475A1 (zh) * 2016-02-01 2017-08-10 阿里巴巴集团控股有限公司 播放多媒体数据的方法、界面渲染方法及装置、设备
CN107085868A (zh) * 2017-04-27 2017-08-22 腾讯科技（深圳）有限公司 图像绘制方法及装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
谢贤博;聂芸;邓红艳;张宇;: "基于WebGL的Canvas元素2D绘制加速", 软件, no. 12 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112929682A (zh) * 2021-01-21 2021-06-08 广州虎牙科技有限公司 对图像背景进行透明处理的方法、装置、系统及电子设备
CN112929682B (zh) * 2021-01-21 2023-03-24 广州虎牙科技有限公司 对图像背景进行透明处理的方法、装置、系统及电子设备

Similar Documents

Publication Publication Date Title
CN109344352B (zh) 页面加载方法、装置及电子设备
KR101968977B1 (ko) 카툰 제공 시스템, 카툰 제공 장치 및 카툰 제공 방법
CN107636587B (zh) 用于预览数字内容的系统和方法
EP4002107A1 (en) Data binding method, apparatus, and device of mini program, and storage medium
CN110909275B (zh) 页面浏览方法、装置及电子设备
CN110568973B (zh) 截图方法、截图装置、存储介质及终端设备
WO2017157104A1 (zh) 信息复制系统、方法及电子设备和机器可读存储介质
TW201606628A (zh) 變更桌面圖示的方法及系統
US20230326110A1 (en) Method, apparatus, device and media for publishing video
US10908764B2 (en) Inter-context coordination to facilitate synchronized presentation of image content
US11190653B2 (en) Techniques for capturing an image within the context of a document
CN107291340B (zh) 实现界面效果的方法、计算设备及存储介质
US10424009B1 (en) Shopping experience using multiple computing devices
WO2017101390A1 (zh) 一种图片显示方法及装置
CN110909274B (zh) 页面浏览方法、装置及电子设备
JP2010521859A (ja) 画像を編集するための方法及び装置
US10331330B2 (en) Capturing objects in editable format using gestures
JP7007168B2 (ja) プログラム、情報処理方法、及び情報処理装置
CN112035771A (zh) 基于web的摄像头数据绘制方法、装置及电子设备
CN111506841B (zh) 网页展示方法、装置、设备及可读存储介质
TWI514319B (zh) 藉由虛擬物件編輯資料之方法及系統，及相關電腦程式產品
US10839774B2 (en) Content providing apparatus and computer program
CN110858119B (zh) 应用交互方法、装置及电子设备
JP6917149B2 (ja) コンテンツ提供方法を実行するために記憶媒体に記憶されるコンピュータプログラム、その方法及びその装置
CN111506847B (zh) 网页展示方法、装置、设备及可读存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination