CN104125497A - 一种网页录像方法及装置 - Google Patents

Abstract

本发明实施例公开了一种网页录像方法及装置，接收图像捕捉指令；在接收到图像捕捉指令之后，根据所述图像捕捉指令，对网页页面显示内容对应的设备无关位图进行捕捉；利用捕捉到的设备无关位图，生成视频文件。应用本发明实施例，无需对网页页面显示的内容人为地进行截图，自动地对网页页面显示内容对应的设备无关位图进行捕捉，提高了录像效率，也无需利用屏幕录像软件，捕捉到的设备无关位图仅对应于网页页面显示的内容，避免了其他应用程序对录像内容的干扰。

Description

一种网页录像方法及装置

技术领域

本发明涉及计算机图形技术领域，特别涉及一种网页录像方法及装置。

背景技术

网页录像是指对网页页面显示的内容进行捕捉并保存为视频的一种行为，主要应用于图像的采集和教学操作视频的制作。

现有技术中的一种网页录像方法是：人为地将网页页面每次显示的内容进行截取保存为图片，再将截取的一系列图片生成视频文件。另一种录像方法是：利用屏幕录制软件对网页页面显示的内容进行录制。

应用上述人为录像的方法，操作步骤繁琐，不能实现录像的自动化，当制作的视频文件需要大量的图片时，就需要耗费大量的时间进行截图，效率较低；

应用屏幕录制软件进行录像的方法，录像的内容容易受到其他应用程序的干扰，录像的结果会导致用户使用不便，例如，用户本来打算对网页页面显示的内容进行录像，但在对网页进行录像的过程中，用户利用文档处理程序打开了一篇文档，该文档被计算机显示，并被录制在录像中，当录像被播放到该处的时候，就会显示该文档，此时文档在网页录像中的出现就会对用户造成一定的困惑，录像的结果会导致用户使用不便。

发明内容

本发明实施例的目的在于提供一种网页录像方法及装置，以提高网页录像效率，避免其他应用程序对录像内容的干扰。

为达到上述目的，本发明实施例公开了一种网页录像方法，应用于浏览器，方法包括：

接收图像捕捉指令；

在接收到图像捕捉指令之后，根据所述图像捕捉指令，对网页页面显示内容对应的设备无关位图进行捕捉；

利用捕捉到的设备无关位图，生成视频文件。

较佳的，所述对网页页面显示内容对应的设备无关位图进行捕捉，包括：

对网页页面显示内容对应的设备无关位图实时进行捕捉。

较佳的，所述对网页页面显示内容对应的设备无关位图进行捕捉，包括：

根据预设的捕捉间隔时间，对网页页面显示内容对应的设备无关位图进行捕捉。

较佳的，所述对网页页面显示内容对应的设备无关位图进行捕捉，包括：

判断网页页面显示的内容是否发生变化；

在网页页面显示的内容发生变化的情况下，对网页页面显示内容对应的设备无关位图进行捕捉。

较佳的，所述判断网页页面显示的内容是否发生变化，包括：

监听所述网页页面对应的渲染进程对象RenderView；

当监听到所述渲染进程对象RenderView向渲染进程通信对象RenderViewHost发送指示网页页面显示的内容发生改变的消息时，确定网页页面显示的内容发生变化。

较佳的，所述利用捕捉到的设备无关位图，生成视频文件，包括：

判断连续两次捕捉到的设备无关位图是否相同；

在连续两次捕捉的到的设备无关位图相同的情况下，删除其中一张设备无关位图；

利用捕捉到的剩余设备无关位图，生成视频文件。

较佳的，所述利用捕捉到的设备无关位图，生成视频文件，包括：

在图像捕捉完成后，利用捕捉到的设备无关位图，采用预设的编码算法，生成视频文件。

为达到上述目的，本发明实施例公开了一种网页录像装置，应用于浏览器，包括：

指令接收模块，用于接收图像捕捉指令；

图像捕捉模块，用于在接收到图像捕捉指令之后，根据所述图像捕捉指令，对网页页面显示内容对应的设备无关位图进行捕捉；

视频文件生成模块，用于利用捕捉到的设备无关位图，生成视频文件。

较佳的，所述图像捕捉模块，具体用于：

在接收到图像捕捉指令之后，根据所述图像捕捉指令，对网页页面显示内容对应的设备无关位图实时进行捕捉。

较佳的，所述图像捕捉模块，具体用于：

在接收到图像捕捉指令之后，根据所述图像捕捉指令和预设的捕捉间隔时间，对网页页面显示内容对应的设备无关位图进行捕捉。

较佳的，所述图像捕捉模块，具体用于：

在接收到图像捕捉指令之后，判断网页页面显示的内容是否发生变化；

在网页页面显示的内容发生变化的情况下，对网页页面显示内容对应的设备无关位图进行捕捉。

较佳的，所述判断网页页面显示的内容是否发生变化，包括：

监听所述网页页面对应的渲染进程对象RenderView；

当监听到所述渲染进程对象RenderView向渲染进程通信对象RenderViewHost发送指示网页页面显示的内容发生改变的消息时，确定网页页面显示的内容发生变化。

较佳的，所述视频文件生成模块，具体用于：

判断连续两次捕捉到的设备无关位图是否相同；

在连续两次捕捉的到的设备无关位图相同的情况下，删除其中一张设备无关位图；

利用捕捉到的剩余设备无关位图，生成视频文件。

较佳的，所述视频文件生成模块，具体用于：

在图像捕捉完成后，利用捕捉到的设备无关位图，采用预设的编码算法，生成视频文件。

由上述的技术方案可见，本发明实施例提供了一种网页录像方法及装置，在接收到图像捕捉指令之后，对网页页面显示内容对应的设备无关位图进行捕捉；利用捕捉到的设备无关位图，生成视频文件。无需对网页页面显示的内容人为地进行截图，自动地对网页页面显示内容对应的设备无关位图进行捕捉，提高了录像效率，也无需利用屏幕录像软件，捕捉到的设备无关位图仅对应于网页页面显示的内容，避免了其他应用程序对录像内容的干扰。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种应用于浏览器的网页录像方法的流程示意图；

图2为本发明实施例提供的一种应用于浏览器的网页录像装置的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

下面通过具体实施例，对本发明进行详细说明。

图1为本发明实施例提供的一种应用于浏览器的网页录像方法的流程示意图，包括：

S101：接收图像捕捉指令；

在实际应用中，当用户打开浏览器后，浏览器可以向用户提供网页录像的图像捕捉指令的入口，例如按钮、开关、输入框等，用户可以通过该入口输入网页录像的图像捕捉指令。

S102：在接收到图像捕捉指令之后，根据所述图像捕捉指令，对网页页面显示内容对应的设备无关位图进行捕捉；

浏览器进程中的RenderView对象和RenderViewHost对象之间对于网页页面显示内容的通信是通过设备无关位图来进行的，因此可以通过捕捉网页页面显示内容对应的设备无关位图来实现对网页页面显示内容的捕捉。

在实际应用中，在接收到图像捕捉指令之后，可以对网页页面显示内容对应的设备无关位图实时进行捕捉。

在实际应用中，在接收到图像捕捉指令之后，还可以根据预设的捕捉间隔时间，对网页页面显示内容对应的设备无关位图进行捕捉。

示例性的，假设预设的捕捉间隔时间为5ms，则每隔5ms对网页页面显示内容对应的设备无关位图进行一次捕捉。

在实际应用中，在接收到图像捕捉指令之后，还可以判断网页页面显示的内容是否发生变化；在网页页面显示的内容发生变化的情况下，对网页页面显示内容对应的设备无关位图进行捕捉。

在实际应用中，判断网页页面显示的内容是否发生变化，可以监听所述网页页面对应的渲染进程对象RenderView；当监听到所述渲染进程对象RenderView向渲染进程通信对象RenderViewHost发送指示网页页面显示的内容发生改变的消息时，确定网页页面显示的内容发生变化。

具体的，浏览器的进程是与其他程序以及桌面无关的进程。

浏览器的进程分为浏览器主进程(Browser Process)和渲染进程(RenderProcess)，浏览器的主进程包含有RenderProcessHost对象和RenderViewHost对象，每一个渲染进程都有一个全局的RenderProcess对象，RenderProcess对象包含一个被称为RenderView的对象，每个RenderView对象对应一个网页页面内容，并且RenderView对象利用WebKit(一个开源的浏览器内核引擎)将HTML代码渲染为网页页面。浏览器主进程通过RenderProcessHost对象来管理RenderProcess对象，浏览器主进程中的RenderProcessHost对象通过RenderViewHost对象来管理RenderView对象。

在浏览器主进程的负责渲染进程通信的对象RenderProcessHost对象中加入对RenderProcess对象的监听，或者在浏览器主进程的负责渲染进程通信的对象RenderViewHost对象中加入对RenderView对象的监听，当RenderView对象发生变化时，表示网页页面显示的内容发生变化，浏览器主进程的RenderProcessHost对象或RenderViewHost对象会监听到RenderView对象发生变化，从而判断出网页页面显示的内容发生变化，进而在网页页面显示的内容发生变化的情况下，对网页页面显示内容对应的设备无关位图进行捕捉。

S103：利用捕捉到的设备无关位图，生成视频文件。

具体的，当用户通过浏览器提供的网页录像的图像捕捉指令的入口，输入停止图像捕捉的指令之后，就可以利用捕捉到的设备无关位图，采用预设的编码算法，生成视频文件。

示例性的，假设预设的编码算法为：MPEG-4视频压缩算法，则利用MPEG-4视频压缩算法将捕捉到的设备无关位图，生成扩展名为“.mpeg4”的视频文件。

考虑到在采用实时或采用预设的捕捉间隔时间，对网页页面显示内容对应的设备无关位图进行捕捉的情况下，连续两次捕捉到的设备无关位图可能相同，生成的视频文件在展示的过程中，可能会出现长时间展示一幅画面，因此在图像捕捉完成后，判断连续两次捕捉到的设备无关位图是否相同；在连续两次捕捉的到的设备无关位图相同的情况下，删除其中一张设备无关位图；利用捕捉到的剩余设备无关位图，生成视频文件。

具体的，可以通过比较连续两次捕捉到的设备无关位图中每一相同坐标的像素点的颜色值是否相同来判断连续两次捕捉到的设备无关位图是否相同，当连续两次捕捉到的设备无关位图中每一相同坐标的像素点的颜色值均相同时，表示连续两次捕捉到的设备无关位图相同；

还可以通过比较连续两次捕捉到的设备无关位图中每一相同坐标的像素点的亮度值是否相同来判断连续两次捕捉到的设备无关位图是否相同，当连续两次捕捉到的设备无关位图中每一相同坐标的像素点的亮度值均相同时，表示连续两次捕捉到的设备无关位图相同；

还可以通过比较连续两次捕捉到的设备无关位图中每一相同坐标的像素点的灰度值是否相同来判断连续两次捕捉到的设备无关位图是否相同，当连续两次捕捉到的设备无关位图中每一相同坐标的像素点的灰度值均相同时，表示连续两次捕捉到的设备无关位图相同。

本发明中并不对如何判断连续两次捕捉到的设备无关位图是否相同的具体实现方式做限定，任何可能的实现方式都可以应用于本申请中。

应用本发明图1所示实施例，无需对网页页面显示的内容人为地进行截图，自动地对网页页面显示内容对应的设备无关位图进行捕捉，提高了录像效率，也无需利用屏幕录像软件，捕捉到的设备无关位图仅对应于网页页面显示的内容，避免了其他应用程序对录像内容的干扰。

图2为本发明实施例提供的一种应用于浏览器的网页录像装置的结构示意图，包括：指令接收模块201、图像捕捉模块202和视频文件生成模块203，其中，

指令接收模块201，用于接收图像捕捉指令；

图像捕捉模块202，用于在接收到图像捕捉指令之后，根据所述图像捕捉指令，对网页页面显示内容对应的设备无关位图进行捕捉；

本实施例中的图像捕捉模块202，具体可以用于：

在接收到图像捕捉指令之后，根据所述图像捕捉指令，对网页页面显示内容对应的设备无关位图实时进行捕捉。

本实施例中的图像捕捉模块202，具体可以用于：

在接收到图像捕捉指令之后，根据所述图像捕捉指令和预设的捕捉间隔时间，对网页页面显示内容对应的设备无关位图进行捕捉。

本实施例中的图像捕捉模块202，具体可以用于：

在接收到图像捕捉指令之后，判断网页页面显示的内容是否发生变化；

在网页页面显示的内容发生变化的情况下，对网页页面显示内容对应的设备无关位图进行捕捉。

具体的，判断网页页面显示的内容是否发生变化，可以监听所述网页页面对应的渲染进程对象RenderView；当监听到所述渲染进程对象RenderView向渲染进程通信对象RenderViewHost发送指示网页页面显示的内容发生改变的消息时，确定网页页面显示的内容发生变化。

视频文件生成模块203，用于利用捕捉到的设备无关位图，生成视频文件。

本实施例中的视频文件生成模块203，具体可以用于：

在图像捕捉完成后，利用捕捉到的设备无关位图，采用预设的编码算法，生成视频文件。

在采用实时或采用预设的捕捉间隔时间，对网页页面显示内容对应的设备无关位图进行捕捉的情况下，本实施例中的视频文件生成模块203，具体可以用于：

判断连续两次捕捉到的设备无关位图是否相同；

在连续两次捕捉的到的设备无关位图相同的情况下，删除其中一张设备无关位图；

利用删除后捕捉到的设备无关位图中的剩余设备无关位图，生成视频文件。

应用本发明图2所示实施例，无需对网页页面显示的内容人为地进行截图，自动地对网页页面显示内容对应的设备无关位图进行捕捉，提高了录像效率，也无需利用屏幕录像软件，捕捉到的设备无关位图仅对应于网页页面显示的内容，避免了其他应用程序对录像内容的干扰。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本领域普通技术人员可以理解实现上述方法实施方式中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，所述的程序可以存储于计算机可读取存储介质中，这里所称得的存储介质，如：ROM/RAM、磁碟、光盘等。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (14)

1.一种网页录像方法，应用于浏览器，其特征在于，所述方法包括：

接收图像捕捉指令；

在接收到图像捕捉指令之后，根据所述图像捕捉指令，对网页页面显示内容对应的设备无关位图进行捕捉；

利用捕捉到的设备无关位图，生成视频文件。

2.根据权利要求1所述的方法，其特征在于，所述对网页页面显示内容对应的设备无关位图进行捕捉，包括：

对网页页面显示内容对应的设备无关位图实时进行捕捉。

3.根据权利要求1所述的方法，其特征在于，所述对网页页面显示内容对应的设备无关位图进行捕捉，包括：

根据预设的捕捉间隔时间，对网页页面显示内容对应的设备无关位图进行捕捉。

4.根据权利要求1所述的方法，其特征在于，所述对网页页面显示内容对应的设备无关位图进行捕捉，包括：

判断网页页面显示的内容是否发生变化；

在网页页面显示的内容发生变化的情况下，对网页页面显示内容对应的设备无关位图进行捕捉。

5.根据权利要求4所述的方法，其特征在于，所述判断网页页面显示的内容是否发生变化，包括：

监听所述网页页面对应的渲染进程对象RenderView；

当监听到所述渲染进程对象RenderView向渲染进程通信对象RenderViewHost发送指示网页页面显示的内容发生改变的消息时，确定网页页面显示的内容发生变化。

6.根据权利要求2或3所述的方法，其特征在于，所述利用捕捉到的设备无关位图，生成视频文件，包括：

判断连续两次捕捉到的设备无关位图是否相同；

在连续两次捕捉的到的设备无关位图相同的情况下，删除其中一张设备无关位图；

利用删除后捕捉到的设备无关位图中的剩余设备无关位图，生成视频文件。

7.根据权利要求1至5任意一项所述的方法，其特征在于，所述利用捕捉到的设备无关位图，生成视频文件，包括：

在图像捕捉完成后，利用捕捉到的设备无关位图，采用预设的编码算法，生成视频文件。

8.一种网页录像装置，应用于浏览器，其特征在于，所述装置包括：

指令接收模块，用于接收图像捕捉指令；

图像捕捉模块，用于在接收到图像捕捉指令之后，根据所述图像捕捉指令，对网页页面显示内容对应的设备无关位图进行捕捉；

视频文件生成模块，用于利用捕捉到的设备无关位图，生成视频文件。

9.根据权利要求8所述的装置，其特征在于，所述图像捕捉模块，具体用于：

在接收到图像捕捉指令之后，根据所述图像捕捉指令，对网页页面显示内容对应的设备无关位图实时进行捕捉。

10.根据权利要求8所述的装置，其特征在于，所述图像捕捉模块，具体用于：

在接收到图像捕捉指令之后，根据所述图像捕捉指令和预设的捕捉间隔时间，对网页页面显示内容对应的设备无关位图进行捕捉。

11.根据权利要求8所述的装置，其特征在于，所述图像捕捉模块，具体用于：

在接收到图像捕捉指令之后，判断网页页面显示的内容是否发生变化；

在网页页面显示的内容发生变化的情况下，对网页页面显示内容对应的设备无关位图进行捕捉。

12.根据权利要求11所述的装置，其特征在于，所述判断网页页面显示的内容是否发生变化，包括：

监听所述网页页面对应的渲染进程对象RenderView；

当监听到所述渲染进程对象RenderView向渲染进程通信对象RenderViewHost发送指示网页页面显示的内容发生改变的消息时，确定网页页面显示的内容发生变化。

13.根据权利要求9或10所述的装置，其特征在于，所述视频文件生成模块，具体用于：

判断连续两次捕捉到的设备无关位图是否相同；

在连续两次捕捉的到的设备无关位图相同的情况下，删除其中一张设备无关位图；

利用删除后捕捉到的设备无关位图中的剩余设备无关位图，生成视频文件。

14.根据权利要求8至12任意一项所述的装置，其特征在于，所述视频文件生成模块，具体用于：

在图像捕捉完成后，利用捕捉到的设备无关位图，采用预设的编码算法，生成视频文件。