CN103500186A - 一种在浏览器中进行图片加载的方法、装置和浏览器 - Google Patents

Abstract

本发明公开了一种在浏览器中进行图片加载的方法，包括：当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；依据所述特征码图像数据获取对应的富媒体资源，并将获取的富媒体资源与所述特征图片一处进行加载。本发明可以解决客户端不支持用户个性化定义图片加载时的渲染操作的问题，取得了基于浏览器实现对于图片的渲染，丰富的网页渲染方式，减少服务器存储资源占用，降低服务器运行资源占用，提高了浏览器渲染网页效率的有益效果。

Description

一种在浏览器中进行图片加载的方法、装置和浏览器

技术领域

本发明涉及计算机的技术领域，具体涉及一种在浏览器中进行图片加载的方法、一种在浏览器中进行图片加载的装置，以及，一种浏览器。

背景技术

随着互联网应用的日趋普及，互联网应用正在从单一的访问和浏览网页转变得更为丰富，在此过程中，用户对图片进行编辑美化的个性化需求越来越普遍，但是很多应用无法支持用户对图片进行编辑美化的个性化需求。

例如浏览器加载渲染HTML（HyperText Markup Language，超文本标记语言）网页。浏览器是指可以显示网页服务器或者文件系统的HTML（HyperText Markup Language，超文本标记语言）文件内容，并让用户与这些文件交互的一种软件。网页浏览器主要通过HTTP（HTTP-Hypertexttransfer protocol，超文本传输协议）协议与网页服务器交互并获取网页，这些网页由URL（UniformResourceLocator，统一资源定位符）指定，文件格式通常为HTML，并由MIME（Multipurpose Internet Mail Extensions，多用途互联网邮件扩展）在HTTP协议中指明。一个网页中可以包括多个文档，每个文档都是分别从服务器获取的。

大部分的浏览器本身支持除了HTML之外的广泛的格式，例如JPEG、PNG、GIF等图像格式，并且能够扩展支持众多的插件（plug-ins）。另外，许多浏览器还支持其他的URL类型及其相应的协议，如FTP、Gopher、HTTPS（HTTP协议的加密版本）。

HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等。

以下是浏览器加载渲染HTML网页中加载图片的过程：

1.用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件；

2.浏览器开始载入html代码，发现＜head＞标签内有一个＜link＞标签引用外部CSS文件；

3.浏览器又发出CSS文件的请求，服务器返回这个CSS文件；

4.浏览器继续载入html中＜body＞部分的代码，并且已经接收到CSS文件，可以开始渲染页面；

5.浏览器在代码中发现一个＜img＞标签引用了一张图片，向服务器发出请求。此时浏览器不会等到图片下载完，而是继续渲染后面的代码。

浏览器对于图片元素的加载和渲染是在正常的网页元素进行加载的，浏览器渲染引擎在图片元素识别后，按照HTML语言的图片元素的标签的格式进行识别，然后向对应的服务器下载对应的图片。

按照HTML的标准进行图片元素的识别和渲染，浏览器引擎就是简单地完成一张图片的加载，图片本身的内容决定了图片加载后显示的内容，浏览器一般不会对图片进行非图片内容的其它渲染工作，即仅仅是静态的图片加载，并不支持用户对图片进行编辑美化的个性化需求。

在浏览器中加载的图片的动态效果，例如加载配套的声音或者动画效果，都是由图片内容来提供的。可以使用JS（JavaScript，脚本语言）实现一些动态的效果——加载多张图片用以进行切换、播放对应的背景或者在后台播放声音，即可以通过JS动态地加载声音文件、动画图片等。

但是JS的编写操作复杂，一般用户不具备JS的编写能力，占用系统资源多，此外服务器一般不支持客户端对网页的JS进行再次编写，即不支持用户对图片进行编辑美化的个性化需求。由于JS的编写习惯不一样，各种JS的运行和浏览器不一定匹配，可能会出现JS运行不兼容的问题。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种基于网页渲染的图片渲染方法和相应的一种基于网页渲染的图片渲染装置以及一种浏览器。

依据本发明的一个方面，提供了一种在浏览器中进行图片加载的方法，包括：

当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；

提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；

依据所述特征码图像数据获取对应的富媒体资源，并将获取的富媒体资源与所述特征图片一处进行加载。

可选地，所述触发事件包括网页加载完成事件，和/或，图片的鼠标悬停hover事件。

可选地，所述获取当前页面符合预设条件的特征图片的步骤包括：

从内存中提取符合预设显示区域和/或预设尺寸大小的图片；并

判断所提取图片的指定位置的数据是否为特征码图像数据；

如果是，将所提取图片作为特征图片。

可选地，所述判断所提取图片的指定位置的数据是否为特征码图像数据的步骤包括：

将所述指定位置的数据进行二维码或者条形码的解码，获取其对应的字符串信息；

匹配所述字符串消息，如果所述字符串信息符合预定的数据格式，则判断所述指定位置的数据为特征码图像数据。

可选地，所述提取所述特征图片中的特征码图像数据的步骤包括：

将所述特征码图像数据进行二维码或者条形码的解码后，获取其对应的字符串信息；

解析所述字符串信息，获得与所述特征图片一处加载的富媒体资源的内容码和操作码；

其中，所述内容码为音频数据和/或特效数据的标识；

所述操作码为所述音频数据和/或特效数据的操作方式的标识。

可选地，所述音频数据包括音频文件或录音文件；所述特效数据包括GIF图片文件或FLASH文件。

可选地，所述解析的字符串信息进一步包括：对应于所述操作码的操作参数，其标记针对所述音频数据和/或特效数据的操作方式的预置执行参数。

可选地，所述特征码图像数据中还包括标识出生成方的标识图片。

可选地，所述依据所述特征码图像数据获取对应的富媒体资源的步骤包括：

发送富媒体数据获取请求至浏览器对应的服务器；所述富媒体数据获取请求中包括所述音频数据和/或述特效数据的标识；

接收所述服务器返回的音频数据和/或特效数据；

或者，

解析所述音频数据的标识，获得所述音频数据的网络地址；

访问所述音频数据的网络地址，获取所述音频数据；

或者，

在本地提取所述特效数据的标识对应的特效数据。

可选地，在所述提取所述特征图片中的特征码图像数据的步骤之前，所述方法还包括：

对所述特征码图像数据进行自校验。

可选地，所述将获取的富媒体资源与所述特征图片于一处进行加载的步骤包括：

在所述特征图片的显示区域上的预置区域生成一窗口加载所述获取的富媒体资源，其中所述生成的窗口为一浏览器窗口或者一网页浮层元素；

在所述窗口中加载浏览器侧的插件或者调用系统API进行所述富媒体资源的加载和使用。

可选地，其中所述的操作方式包括：

单次播放音乐、循环播放音乐、播放动画、播放Flash视频、渐变加入元素、渐变淡出元素、播放录音中的至少一种。

可选地，其中所述的操作参数包括：

图像或视频的显示位置、播放音乐或视频的时间、音乐或视频的播放次数、图像特效的显示时间中的至少一种。

根据本发明的另一方面，提供了一种在浏览器中进行图片加载的装置，包括：

特征图片获取模块，适于当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；

特征码图像数据提取模块，适于提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；

富媒体资源获取模块，适于依据所述特征码图像数据获取对应的富媒体资源；

加载模块，适于将获取的富媒体资源与所述特征图片一处进行加载。

可选地，所述触发事件包括网页加载完成事件，和/或，图片的鼠标悬停hover事件。

可选地，所述特征图片获取模块还适于：

从内存中提取符合预设显示区域和/或预设尺寸大小的图片；并

判断所提取图片的指定位置的数据是否为特征码图像数据；

如果是，将所提取图片作为特征图片。

可选地，所述特征图片获取模块还适于：

将所述指定位置的数据进行二维码或者条形码的解码，获取其对应的字符串信息；

匹配所述字符串消息，如果所述字符串信息符合预定的数据格式，则判断所述指定位置的数据为特征码图像数据。

可选地，所述特征码图像数据提取模块还适于：

将所述特征码图像数据进行二维码或者条形码的解码后，获取其对应的字符串信息；

解析所述字符串信息，获得与所述特征图片一处加载的富媒体资源的内容码和操作码；

其中，所述内容码为音频数据和/或特效数据的标识；

所述操作码为所述音频数据和/或特效数据的操作方式的标识。

可选地，所述音频数据包括音频文件或录音文件；所述特效数据包括GIF图片文件或FLASH文件。

可选地，所述解析的字符串信息进一步包括：对应于所述操作码的操作参数，其标记针对所述音频数据和/或特效数据的操作方式的预置执行参数。

可选地，所述特征码图像数据中还包括标识出生成方的标识图片。

可选地，所述富媒体资源获取模块还适于：

发送富媒体数据获取请求至浏览器对应的服务器；所述富媒体数据获取请求中包括所述音频数据和/或述特效数据的标识；

接收所述服务器返回的音频数据和/或特效数据；

或者，

解析所述音频数据的标识，获得所述音频数据的网络地址；

访问所述音频数据的网络地址，获取所述音频数据；

或者，

在本地提取所述特效数据的标识对应的特效数据。

可选地，所述装置还包括：

自校验模块，适于对所述特征码图像数据进行自校验。

可选地，所述加载模块还适于：

在所述特征图片的显示区域上的预置区域生成一窗口加载所述获取的富媒体资源，其中所述生成的窗口为一浏览器窗口或者一网页浮层元素；

在所述窗口中加载浏览器侧的插件或者调用系统API进行所述富媒体资源的加载和使用。

可选地，其中所述的操作方式包括：

单次播放音乐、循环播放音乐、播放动画、播放Flash视频、渐变加入元素、渐变淡出元素、播放录音中的至少一种。

可选地，其中所述的操作参数包括：

图像或视频的显示位置、播放音乐或视频的时间、音乐或视频的播放次数、图像特效的显示时间中的至少一种。

根据本发明的另一方面，提供了一种浏览器，包括：

特征图片获取模块，适于当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；

特征码图像数据提取模块，适于提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；

富媒体资源获取模块，适于依据所述特征码图像数据获取对应的富媒体资源；

加载模块，适于将获取的富媒体资源与所述特征图片一处进行加载。

可选地，所述触发事件包括网页加载完成事件，和/或，图片的鼠标悬停hover事件。

可选地，所述特征图片获取模块还适于：

从内存中提取符合预设显示区域和/或预设尺寸大小的图片；并

判断所提取图片的指定位置的数据是否为特征码图像数据；

如果是，将所提取图片作为特征图片。

可选地，所述特征图片获取模块还适于：

将所述指定位置的数据进行二维码或者条形码的解码，获取其对应的字符串信息；

匹配所述字符串消息，如果所述字符串信息符合预定的数据格式，则判断所述指定位置的数据为特征码图像数据。

可选地，所述特征码图像数据提取模块还适于：

将所述特征码图像数据进行二维码或者条形码的解码后，获取其对应的字符串信息；

解析所述字符串信息，获得与所述特征图片一处加载的富媒体资源的内容码和操作码；

其中，所述内容码为音频数据和/或特效数据的标识；

所述操作码为所述音频数据和/或特效数据的操作方式的标识。

可选地，所述音频数据包括音频文件或录音文件；所述特效数据包括GIF图片文件或FLASH文件。

可选地，所述解析的字符串信息进一步包括：对应于所述操作码的操作参数，其标记针对所述音频数据和/或特效数据的操作方式的预置执行参数。

可选地，所述特征码图像数据中还包括标识出生成方的标识图片。

可选地，所述富媒体资源获取模块还适于：

发送富媒体数据获取请求至浏览器对应的服务器；所述富媒体数据获取请求中包括所述音频数据和/或述特效数据的标识；

接收所述服务器返回的音频数据和/或特效数据；

或者，

解析所述音频数据的标识，获得所述音频数据的网络地址；

访问所述音频数据的网络地址，获取所述音频数据；

或者，

在本地提取所述特效数据的标识对应的特效数据。

可选地，所述浏览器还包括：

自校验模块，适于对所述特征码图像数据进行自校验。

可选地，所述加载模块还适于：

在所述特征图片的显示区域上的预置区域生成一窗口加载所述获取的富媒体资源，其中所述生成的窗口为一浏览器窗口或者一网页浮层元素；

在所述窗口中加载浏览器侧的插件或者调用系统API进行所述富媒体资源的加载和使用。

可选地，其中所述的操作方式包括：

单次播放音乐、循环播放音乐、播放动画、播放Flash视频、渐变加入元素、渐变淡出元素、播放录音中的至少一种。

可选地，其中所述的操作参数包括：

图像或视频的显示位置、播放音乐或视频的时间、音乐或视频的播放次数、图像特效的显示时间中的至少一种。

根据本发明的一种在浏览器中进行图片加载的方法、装置以及浏览器，可以解析特征图片中的特征码图像数据，获取其记载的用户对在加载图片时的采用音频数据、特效数据等的渲染操作，进而进行对应的动态渲染处理，由此解决了客户端不支持用户个性化定义图片加载时的渲染操作的问题，取得了基于浏览器实现对于图片的渲染，丰富的网页渲染方式，减少服务器存储资源占用，降低服务器运行资源占用，提高了浏览器渲染网页效率的有益效果。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明一个实施例的一种在浏览器中进行图片处理的方法实施例1的步骤流程图；

图2示出了根据本发明一个实施例的一种在浏览器中进行图片处理的方法实施例2的步骤流程图；

图3a示出了根据本发明一个实施例的一种原始图片示例图；

图3b示出了根据本发明一个实施例的一种条形码示例图；

图3c示出了根据本发明一个实施例的一种标识图片示例图；

图4示出了根据本发明一个实施例的一种特征码图像数据示例图；

图5示出了根据本发明一个实施例的一种特征图片示例图；

图6示出了根据本发明一个实施例的一种在浏览器中进行图片处理的方法实施例3的步骤流程图；

图7a-图7i示出了根据本发明一个实施例的一种特征图片制作示例流程图；

图8示出了根据本发明一个实施例的一种在浏览器中进行图片处理的装置实施例的结构框图；

图9示出了根据本发明一个实施例的一种在浏览器中进行图片加载的方法实施例的步骤流程图；

图10a和图10b示出了根据本发明一个实施例的一种特征图片的解析示例图；

图11示出了根据本发明一个实施例的一种在浏览器中进行图片加载的装置实施例的结构框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

参照图1，示出了根据本发明一个实施例的一种在浏览器中进行图片处理的方法实施例1的步骤流程图，具体可以包括以下步骤：

步骤101，在浏览器侧获取原始图像数据；

步骤102，获取音频数据和/或特效数据；

步骤103，依据所述音频数据和/或特效数据，生成特征码图像数据；

步骤104，在所述原始图像数据上添加所述特征码图像数据生成特征图片。

在本发明实施例中，可以通过特征码图像数据记载用户对在加载图片时的采用音频数据、特效数据等的自定义渲染操作，由此解决了客户端不支持用户个性化定义图片加载时的渲染操作的问题，取得了基于浏览器实现对于图片的渲染，丰富的网页渲染方式，减少服务器存储资源占用，降低服务器运行资源占用，提高了浏览器渲染网页效率的有益效果。

参照图2，示出了根据本发明一个实施例的一种在浏览器中进行图片处理的方法实施例2的步骤流程图，具体可以包括以下步骤：

步骤201，获得浏览器用户账号的登录信息，进行浏览器用户的登录；则并将所述形成的特征图片保存为该浏览器用户对应的图片。

在互联网资源分享的时代，用户很容易出现非自律行为，为了加强管理，用户对于加载图片时的自定义渲染操作，可以是基于用户账号进行的，防止出现用户传播非法图片、音频数据和特效数据等非法行为。

此外，登陆浏览器用户账号还可以将其自定义渲染操作中涉及数据保存在其账号数据中，以方便用户在登陆不同的浏览器还可以继续沿用其自定义的渲染操作。

步骤202，在浏览器侧获取原始图像数据；

在具体实现中，所述浏览器中进行图片处理是实现为浏览器侧的一个浏览器插件或者为一个浏览器应用或者为浏览器可调用的一个独立应用程序。

需要说明的是，原始图像数据是相对于形成特征图片而言，其可以为网页渲染时加载的图片，为用户选取，可以是本地的，也可以是网上的。

在本发明的一种优选实施例中，所述步骤202具体可以包括如下子步骤：

子步骤S11，确定所述原始图像数据的地址，所述地址包括本地地址或网络地址；

子步骤S12，从所述地址提取所述原始图像数据。

获得原始图像数据之后，用户的自定义动态渲染操作可以是基于该原始图像数据进行的。

步骤203，获取音频数据；

在具体实现中，音频数据包括音频文件或录音文件。音频数据可以是本地的，可以是浏览器对应的服务器所存储的，还可以是网上其他平台所存储的，本发明对此不加以限制。

在本发明的一种优选实施例中，所述步骤203具体可以包括如下子步骤：

子步骤S21，获取音频文件或录音文件的本地地址或网络地址；

子步骤S22，从所述本地地址或网络地址提取所述音频文件或录音文件；

音频文件，可以是歌曲、影音音频等等，录音文件，可以是录制的歌曲、祝福语等等。

步骤204，依据所述音频数据生成特征码图像数据；

在实际应用中，所述特征码图像数据可以为二维码（2-dimensional barcode）图像数据或条形码图像数据(barcode)。

当然，特征码图像数据还可以是其他图像数据，只要能记录用户的自定义渲染操作即可。

在本发明的一种优选实施例中，所述特征码图像数据包括内容码、操作码和操作参数，所述步骤204可以包括如下子步骤：

子步骤S31，为所述音频数据配置对应的操作码；；

操作码中可以包括用户对音频数据自定义的操作行为。例如，播放音频数据可以是渐强播放、渐弱播放等等；当播放一个音频数据时，操作信息可以为正常播放，当播放两个或两个以上的音频数据时，操作信息可以包括循环播放、随机播放等等。

在实际应用中，音频数据的操作信息可以有对应字符串代码进行标识。例如，正常播放为1，循环播放为2，随机播放为3等等。

子步骤S32，为所述音频数据的操作码配置对应的操作参数；

操作参数可以为执行操作码的具体实施参数。例如，音频数据播放可以是在何时播放、播放时长、播放次数、当存在两个或两个音频数据时的播放顺序等等。

在实际应用中，音频数据的操作参数可以有对应字符串代码进行标识。例如，播放次数可以用字符串代码1X表示，其中1代表选择播放次数，X代表具体播放的次数。

需要说明的是，操作参数在某些情况下可以为空。例如，自定义播放音频数据，操作码为正常播放，操作参数为空时，可以指示正常播放该音频数据，即在进行渲染开始时播放该音频数据，不控制何时播放、播放时长、播放次数等。

子步骤S33，获取所述音频数据的标识；

音频数据的标识可以用于标记音频数据，可以是该音频数据的固有标识，例如MD5（Message Digest Algorithm，消息摘要算法第五版）值，ID号等等。为了便于统一管理，提高管理效率，可以根据预设规则生成新的标识。

在本发明实施例的一种优选示例中，所述子步骤S33进一步可以包括如下子步骤：

子步骤S331，将所述音频数据上传至浏览器对应的服务器侧；所述服务器用于依据所述音频数据的地址生成所述音频数据的标识；

子步骤S332，接收所述服务器返回的所述音频数据的标识；；

或者，

子步骤S333，提取所述音频数据的预置标识。

音频数据的地址可以是本地地址，也可以是网络地址。

当音频数据的地址为本地地址时，为了提高服务的稳定性，可以上传该音频文件至服务器存储。服务器继而可以按照预设规则生成对应的新的标识。

当音频数据的地址为网络地址时，为了提高服务的稳定性，服务器可以访问所述地址，将该音频数据存储在服务器本地；为了减少存储资源占用和降低运行资源占用，服务器也可以直接采用该地址生成对应的标识。

在实际应用中，为方便生成特征码图像数据，生成的标识可以是字符串。

需要说明的是，音频数据的预置标识可以为该音频数据的固有标识，也可以是存储在服务器的音频数据对应的标识。

子步骤S34，采用所述音频数据的标识生成内容码；

在实际应用中，内容码可以是标识本身，也可以按照预设规则生成。例如，用户同时选择了音频数据AAA和特效数据BBB，其中AAA和BBB为标识，可以生成内容码为1AAA2BBB，其中，1代表AAA为音频数据，2代表BBB为特效数据。

子步骤S35，由所述内容码、操作码和操作参数组成特征码图像数据。

在具体实现中，可以采用条形码制作应用程序或二维码制作应用程序等进行条形码或二维码的编码制作。

在本发明的一种优选实施例中，所述特征码图像数据中还包括标识出图片生成方的标识图片。

标识图片（Logo）可以不参与条形码或二维码的转换，直接添加到已生成的条形码图像数据或二维码图像数据中。

需要说明的是，内容码、操作码和操作参数可以按照预设规则进行组织后转码生成条形码或二维码。例如，内容码占十位字符串，排在第一位；内容码占四位字符串，排在第二位；操作参数码占六位字符串，排在第三位。标识图片（Logo）可以添加到生成的条形码或二维码的左边，生成特征图像数据。

步骤205，在所述原始图像数据上添加所述特征码图像数据生成特征图片；

在实际应用中，可以原始图像数据的下方、左方、右方、上方等位置添加特征图像数据，本发明对此不加以限制。

步骤206，将所述生成的特征图片上传至所述浏览器对应的服务器中。

该服务器可以存储该特征图片，该特征图片可以在网页渲染时加载。

为了方便本领域技术人员更好地理解本发明，以下通过一个完整示例更进一步说明本发明：

1、用户登陆用户账号；

2、获得原始图片，如图3a所示；

3、用户选择了网络上的歌曲“青藏高原”和服务器存储的歌曲“天堂”作为渲染时播放的音频数据。其中，“天堂”具有预置的标识7517，“青藏高原”的网络地址为http://music.XXX.com/12345678.mp3，将该地址上传至服务器，服务器针对该地址生成了音频数据“青藏高原”的标识，为5903；

4、针对音频数据“青藏高原”的标识5903和“天堂”的标识7517生成内容码1590317517，其中，15903指示播放音频数据5903，17517指示播放音频数据7517；

5、用户自定义播放“青藏高原”的操作码为正常播放，字符串代码为2；播放“天堂”的操作码为渐强播放，字符串代码为5；即操作码为1225，其中12指示播放第一个音频数据“青藏高原”的操作码为2，25指示播放第二个音频数据“天堂”的操作码为5；

6、操作参数设定为顺序播放，代码为21；而操作参数预定义可以容纳6位代表操作参数的代码，即操作参数的代码可以为210000；

7、组织内容码、操作码和操作参数生成条形码，其预定义格式可以如下表所示：

特征码图像数据	内容码	操作码	操作参数码
				代码内容	1590317517	1225	210000
代码大小（位）	10	4	6

生成的条形码，如图3b所示，条形码高20pix（像素）；

8、获取标识图片（Logo），如图3c所示。

9、采用条形码和标识图片（Logo）形成特征图像数据，如图4所示；

10、将原始图像数据加大：在其下方加高20pix，将其加宽至特征图像数据的宽度，将特征图像数据叠加在原始图像数据下方加大的区域中，生成的特征图片如图5所示。

参照图6，示出了根据本发明一个实施例的一种在浏览器中进行图片处理的方法实施例3的步骤流程图，具体可以包括以下步骤：

步骤601，获得浏览器用户账号的登录信息，进行浏览器用户的登录；则并将所述形成的特征图片保存为该浏览器用户对应的图片。

步骤602，在浏览器侧获取原始图像数据；

在具体实现中，所述浏览器中进行图片处理是实现为浏览器侧的一个浏览器插件或者为一个浏览器应用或者为浏览器可调用的一个独立应用程序。

步骤603，获取特效数据；

在具体实现中，特效数据包括GIF图片文件或FLASH文件，当然还可以是其他具有动态展示效果的数据。

在本发明的一种优选实施例中，所述步骤603具体可以包括如下子步骤：

子步骤S41，获取FLASH文件所涉及的FLASH元素的本地地址或网络地址；

子步骤S42，从所述本地地址或网络地址提取所述FLASH文件的FLASH元素；

和/或，

子步骤S43，获取GIF图片文件的本地地址或网络地址；

子步骤S44，从所述本地地址或网络地址提取所述GIF图片。

为降低本地存储资源占用，在需要获取FLASH文件、GIF图片时，可以从服务器获取。

为方便用户选择和进行管理，可以按照用户使用浏览器的习惯，例如从浏览历史判断出用户喜欢哪一类型的特效后，可以直接将该类型的特效数据下载至本地，或者可以将该类型的特效数据推送至本地。

步骤604，依据特效数据生成特征码图像数据；

在本发明的一种优选实施例中，所述特征码图像数据包括内容码、操作码和操作参数，所述步骤504可以包括如下子步骤：

子步骤S51，为所述特效数据配置对应的操作码；

操作码中可以包括用户对特效数据自定义的操作行为。例如，播放特效数据可以是淡入淡出播放、擦除播放、推进播放、发光播放等；当特效数据为GIF图片文件时，操作信息可以为正常播放；当播放两个或两个以上的FLASH文件时，操作信息可以包括循环播放、随机播放等等。

在实际应用中，特效数据的操作码可以有对应字符串代码进行标识。例如，正常播放为1，循环播放为2，随机播放为3等等。

需要说明的是，相同的操作码的字符串代码对应不同的特效数据时，其代表的具体操作信息可以是相同的，也可以是不同的。

子步骤S52，为所述特效数据的操作码配置对应的操作参数；

操作参数可以为执行操作码的具体实施参数。例如，特效数据播放可以是播放次数、显示尺寸大小、播放位置、当存在两个或两个特效数据时的播放顺序、叠加播放等等。

在实际应用中，特效数据的操作参数可以有对应字符串代码进行标识。例如，播放位置可以用1Y表示，其中1代表选择播放位置，Y代表预置的Y地点。

用户可以通过鼠标点击或者拖曳移动等方式进行操作参数的配置，或者通过界面进行操作参数的配置等等。

需要说明的是，操作参数在某些情况下可以为空。例如，播放GIF文件时，操作码为正常播放，操作参数为空时，可以指示正常播放该特效数据，即在进行渲染开始时在默认地点播放该GIF文件，不控制尺寸大小、播放位置等。

子步骤S53，获取所述特效数据的标识；

特效数据的标识可以用于标记特效数据，可以是该特效数据的固有标识，例如MD5值，ID号等等。为了便于统一管理，提高管理效率，可以根据预设规则生成新的标识。

在本发明的一种优选实施例中，子步骤S53进一步可以包括如下子步骤：

子步骤S531，将所述特效数据上传至浏览器对应的服务器侧；所述服务器用于针对所述配置了操作参数的特效数据生成所述特效数据的标识；

子步骤S532，接收所述服务器返回的所述特效数据的标识；

和/或，

子步骤S533，提取所述特效数据的预置标识。

特效数据可以为服务器所提供，可以具有对应的标识。例如，对于GIF图片文件“烟花绽放”，可以配置字符串代码123作为标识；对于FLASH文件“星星闪烁”，可以配置字符串代码562作为标识。

当用户对特效数据配置了操作参数时，与服务器所存储的该特效数据的操作信息不一致，或者，用户采用本地的特效数据时，服务器没有对应的存储，服务器需要存储该配置了操作参数的特效数据，以便在网页渲染时使用。在此情况下，需要重新定义该特效数据的标识。

子步骤S54，采用所述特效数据的标识生成内容码；

需要说明的是，当配置完操作信息和/或操作参数之后，可以进行预览。例如对各种特效数据的生成效果进行预览，或者，对各种特效数据叠加之后的效果进行预览。

子步骤S55，由所述内容码、操作码和操作参数组成特征码图像数据。

在本发明的一种优选实施例中，所述特征码图像数据中还包括标识出图片生成方的标识图片。

步骤605，在所述原始图像数据上添加所述特征码图像数据形成特征图片；

步骤606，将所述特征图片上传至所述浏览器对应的服务器中；

步骤607，在浏览器侧将所述生成的特征图片在网络中进行分发。

在具体实现中，除了将特征图片上传至服务器，还可以在公共平台分享所述特征图片，可以调用相关的API（Application Programming Interface，应用程序编程接口），将生成的特征图片在微博、博客、朋友圈等网络中进行分发，共享资源。此外，用户还可以对特征图片进行管理，例如删除、查看历史等等。

为了方便本领域技术人员更好地理解本发明，以下通过一个完整示例更进一步说明本发明：

1、打开特征图片制作工具；

2、添加图片；

a、如图7a所示，在制作工具的界面中部提示用户添加图片，该图片不小于300x200像素；

b、用户点击功能按钮“+”，添加图片：打开选择文件窗口，选择图片文件后（支持jpg、png、bmp、非动画gif），图片以适当比例显示在中部区域；或者，用户通过把图片拖拽至窗口内指定区域来添加图片；

c、当添加的图片大小尺寸不符时，可以提示用户，例如，“图片太小啦，请选择稍大的图片来制作炫图吧！”

d、当添加图片完成后，可通过图片右上角的功能按钮“X”，删除该图片；也可以拖拽新的图片进来替代当前图片，拖拽新图片进来时可以提示用户是否替换，例如，“是否要替换已选择的图片？”，当用户选择选择“确定”时，采用新的图片替换原图片；

3、添加声音；

a、如图7b所示，可以通过点击左下方的“添加声音”的按钮为图片添加声音；需要说明的是，需要添加完图片后才能添加声音。当未添加图片时，点击“添加声音”按钮，可以提示用户，例如，“只有先添加了图片以后才能添加声音哦！”

b、点击“添加声音”后，上方出现二级菜单：“录音”以及“选择MP3”；

c、录音；

1）、如图7c所示，点击“录音”后，会检测麦克风是否已连上；如未连上，则显示未连接红色图示，并提示用户，例如，“请先插上麦克风”；

2）、如图7d所示，当麦克风连接后，显示“开始”按钮；

3）、如图7e所示，点击”开始”后，录音开始，在界面上会显示录音时长；例如，最长录音为30秒，为提醒用户，可以从第25秒起秒数文字颜色变为橙色，28秒起变为红色，30秒时自动结束；

4）、当用户可点击“OK”键时，提前结束录音；

5）、用户可点击录音界面右上角的“X”按键时，取消录音；

6）、录音完成后，图片上面显示半透明浮层，浮层上显示icon及秒数，点击该浮层可回放该录音，点击浮层右侧的“X”按键可删除该录音；

7）、用户完成录音后继续点击添加声音并选择录音，将视为重新录音，新的录音将覆盖旧的录音；有弹窗或浮层提示用户是否要重新录音；

d、选择mp3；

1）、点击“选取mp3文件”后，用户可从选择文件窗口中选择一首mp3，选择完成后一次性提示用户，mp3将只播放前30秒；

2）、如图7f所示，选择mp3完成后，在图片上将显示半透明浮层，浮层上显示mp3名称；点击可播放前30秒；点击浮层右侧的X可移除该mp3；

3）、声音添加完成后，“开始制作”按钮有外发光闪烁，提示用户可以开始制作了；

4、制作；

a、图片和声音添加完毕后，点击“开始制作”，校验用户登录状态（其中，“Tracy”为登陆用户账号），未登录的出现登录框提示用户登录；

b、用户完成登录或已登录的，进入制作流程；

c、如图7g所示，制作过程显示进度，并有文字提示，分别如下：“正在云端创建炫图”、“正在生成本地炫图”和“炫图制作好了”；

d、制作完成后，显示炫图缩略图，图中间有播放按钮，点击可预览播放该炫图（弹出图片全尺寸大小窗口播放）；

e、如图7h所示，制作完成后，下方显示三个按钮：制作下一张、保存图片、分享炫图；

f、点击保存图片，可将该图片保存到本地；点击分享炫图，调出浏览器分享插件；点击制作下一张回到选取图片界面。

其中，图片处理规范可以如下：

原始图像数据不得小于300X200像素；

特征图片生成时，在原始图像数据下方增加高度为20像素，宽度与原图等宽的图像区域；该区域中包含：炫图icon、LOGO、特征码图像数据（高度为10px，垂直居中）。

此外，如图7i所示，制作完成的特征图片，可以显示在“我的炫图”中，访问“我的炫图”需要登录用户账号。每个用户账号可以存储一定数量的特征图片，例如100张，当超过后在点击“开始制作”时会提醒用户，例如，“您的炫图数量已经达到100张”。

“我的炫图”数据保存在服务端，当前显示的列表从服务端请求获取。“我的炫图”显示特征图片的缩略图、声音秒数、点击可播放，还提供下载特征图片、分享特征图片、删除特征图片的功能。

当用户点击删除特征图片时，提示用户：“删除炫图后，其他人无法继续播放该炫图上的声音，预计24小时内生效。”当用户确认后，进行删除操作。

参照图8，示出了根据本发明一个实施例的一种在浏览器中进行图片处理的装置实施例的结构框图，具体可以包括以下模块：

原始图像数据获取模块801，适于在浏览器侧获取原始图像数据；

富媒体数据获取模块802，适于获取音频数据和/或特效数据；

特征码图像数据生成模块803，适于依据所述音频数据和/或特效数据，生成特征码图像数据；

特征图片生成模块804，适于在所述原始图像数据上添加所述特征码图像数据生成特征图片。

在本发明的一种优选实施例中，所述装置还可以包括如下模块：

账号登陆模块，适于获得浏览器用户账号的登录信息，进行浏览器用户的登录；

图片保存模块，适于将所述形成的特征图片保存为该浏览器用户对应的图片。

在本发明的一种优选实施例中，所述原始图像数据获得模块还适于：

确定所述原始图像数据的地址，所述地址包括本地地址或网络地址；

从所述地址提取所述原始图像数据。

在本发明的一种优选实施例中，所述音频数据包括音频文件或录音文件；所述特效数据包括GIF图片文件或FLASH文件。

在本发明的一种优选实施例中，所述富媒体数据获取模块还适于：

获取音频文件或录音文件的本地地址或网络地址；

从所述本地地址或网络地址提取所述音频文件或录音文件；

和/或，

获取FLASH文件所涉及的FLASH元素的本地地址或网络地址；

从所述本地地址或网络地址提取所述FLASH文件的FLASH元素；

和/或，

获取GIF图片文件的本地地址或网络地址；

从所述本地地址或网络地址提取所述GIF图片。

在本发明的一种优选实施例中，所述特征码图像数据包括内容码，操作码和操作参数，所述特征码图像数据生成模块还适于：

为所述音频数据和/或特效数据配置对应的操作码；

为所述音频数据和/或特效数据的操作码配置对应的操作参数；

获取所述音频数据和/或特效数据的标识；

采用所述音频数据和/或特效数据的标识生成内容码；

由所述内容码、操作码和操作参数组成特征码图像数据。

在本发明的一种优选实施例中，所述特征码图像数据生成模块还适于：

将所述音频数据上传至浏览器对应的服务器侧；所述服务器用于依据所述音频数据的地址生成所述音频数据的标识；

接收所述服务器返回的所述音频数据的标识；

和/或，

将所述特效数据上传至浏览器对应的服务器侧；所述服务器用于针对所述特效数据生成所述特效数据的标识；

接收所述服务器返回的所述特效数据的标识；

和/或，

提取所述音频数据和/或特效数据的预置标识。

在本发明的一种优选实施例中，所述特征码图像数据中还包括标识出图片生成方的标识图片。

在本发明的一种优选实施例中，所述特征码图像数据为二维码图像数据或条形码图像数据。

在本发明的一种优选实施例中，所述装置还可以包括如下模块：

特征图片上传模块，适于将所述生成的特征图片上传至所述浏览器对应的服务器中。

在本发明的一种优选实施例中，其中所述浏览器中进行图片处理是实现为浏览器侧的一个浏览器插件或者为一个浏览器应用或者为浏览器可调用的一个独立应用程序。

本发明的一种优选实施例中，所述装置具体还可以包括如下模块：

特征图片分发模块，适于在浏览器侧将所述生成的特征图片在网络中进行分发。

对于图8的装置实施例而言，由于其与前述方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本发明还公开了一种浏览器，具体可以包括以下模块：

原始图像数据获取模块，适于在浏览器侧获取原始图像数据；

富媒体数据获取模块，适于获取音频数据和/或特效数据；

特征码图像数据生成模块，适于依据所述音频数据和/或特效数据，生成特征码图像数据；

特征图片生成模块，适于在所述原始图像数据上添加所述特征码图像数据生成特征图片。

在本发明的一种优选实施例中，所述装置还可以包括如下模块：

账号登陆模块，适于获得浏览器用户账号的登录信息，进行浏览器用户的登录；

图片保存模块，适于将所述形成的特征图片保存为该浏览器用户对应的图片。

在本发明的一种优选实施例中，所述原始图像数据获得模块还适于：

确定所述原始图像数据的地址，所述地址包括本地地址或网络地址；

从所述地址提取所述原始图像数据。

在本发明的一种优选实施例中，所述音频数据包括音频文件或录音文件；所述特效数据包括GIF图片文件或FLASH文件。

在本发明的一种优选实施例中，所述富媒体数据获取模块还适于：

获取音频文件或录音文件的本地地址或网络地址；

从所述本地地址或网络地址提取所述音频文件或录音文件；

和/或，

获取FLASH文件所涉及的FLASH元素的本地地址或网络地址；

从所述本地地址或网络地址提取所述FLASH文件的FLASH元素；

和/或，

获取GIF图片文件的本地地址或网络地址；

从所述本地地址或网络地址提取所述GIF图片。

在本发明的一种优选实施例中，所述特征码图像数据包括内容码，操作码和操作参数，所述特征码图像数据生成模块还适于：

为所述音频数据和/或特效数据配置对应的操作码；

为所述音频数据和/或特效数据的操作码配置对应的操作参数；

获取所述音频数据和/或特效数据的标识；

采用所述音频数据和/或特效数据的标识生成内容码；

由所述内容码、操作码和操作参数组成特征码图像数据。

在本发明的一种优选实施例中，所述特征码图像数据生成模块还适于：

将所述音频数据上传至浏览器对应的服务器侧；所述服务器用于依据所述音频数据的地址生成所述音频数据的标识；

接收所述服务器返回的所述音频数据的标识；

和/或，

将所述特效数据上传至浏览器对应的服务器侧；所述服务器用于针对所述特效数据生成所述特效数据的标识；

接收所述服务器返回的所述特效数据的标识；

和/或，

提取所述音频数据和/或特效数据的预置标识。

在本发明的一种优选实施例中，所述特征码图像数据中还包括标识出图片生成方的标识图片。

在本发明的一种优选实施例中，所述特征码图像数据为二维码图像数据或条形码图像数据。

在本发明的一种优选实施例中，所述装置还可以包括如下模块：

特征图片上传模块，适于将所述生成的特征图片上传至所述浏览器对应的服务器中。

在本发明的一种优选实施例中，其中所述浏览器中进行图片处理是实现为浏览器侧的一个浏览器插件或者为一个浏览器应用或者为浏览器可调用的一个独立应用程序。

本发明的一种优选实施例中，所述装置具体还可以包括如下模块：

特征图片分发模块，适于在浏览器侧将所述生成的特征图片在网络中进行分发。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书（包括伴随的权利要求、摘要和附图）中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书（包括伴随的权利要求、摘要和附图）中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器（DSP）来实现根据本发明实施例的基于在浏览器中进行图片处理的设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序（例如，计算机程序和计算机程序产品）。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

参照图9，示出了根据本发明一个实施例的一种浏览器中进行图片加载的方法实施例的步骤流程图，具体可以包括以下步骤：

步骤901，当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；

在具体实现中，所述触发事件包括网页加载完成事件，和/或，图片的鼠标悬停hover事件。

当浏览器加载网页完毕时，会生成网页加载完成事件，即DocumentComplete事件。当网页加载完毕后，则可以进行动态渲染。

为了进一步加快动态渲染的速度，可以通过悬停hover事件触发动态渲染。在特征图片上设置触发点，该触发点可以依据用户在特征图片上的经过（hover）操作被触发。更具体而言，所述经过操作可以包括鼠标、手势或者接触笔在网站信息展现区域上的经过操作，还可以包括键盘、触摸屏、条码阅读器、磁阅读器(包括磁条、磁盘、磁带阅读器、智能卡阅读器、压力传感器、运动探测器、及其它的可以与数字处理器相连的转换器等任一种方式触发的划过网站信息展现区域的操作。从具体实现角度而言，hover是一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法，它为频繁使用的任务提供了一种“保持在其中”的状态。当鼠标移动到一个匹配的元素上面（如本实施例中的触发点）时，会触发指定的第一个函数（over（Function），鼠标移到元素上要触发的函数）。当鼠标移出这个元素时，会触发指定的第二个函数（out（Function），鼠标移出元素要触发的函数）。而且，会伴随着对鼠标是否仍然处在特定元素中的检测（例如，处在div弹出层中），如果是，则会继续保持“悬停”状态，而不触发移出事件，所述触发点具体可以采用JavaScript代码方式进行设置。

在本发明的一种优选实施例中，所述步骤801具体可以包括如下子步骤：

子步骤S61，从内存中提取符合预设显示区域和/或预设尺寸大小的图片；

预设条件可以包括预设显示区域、预设尺寸大小等等。在网页浏览中，不同用途的图片可以有相对稳定的位置，例如网页的两侧、顶端通常用于展示广告图片，本发明实施例中的特征图片亦可以有预设的位置，可以有预设的尺寸大小。

子步骤S62，判断所提取图片的指定位置的数据是否为特征码图像数据；如果是，则执行子步骤S63；

指定位置可以为图片的下方，可以是图片的左方等等，本发明对此不加以限制。

例如，图5所示的特征图片生成特征图片的方法为：将原始图像数据加大，在其下方加高20pix，将其加宽特征码图像数据的宽度，将特征图像数据叠加在原始图像数据下方加大的区域中生成特征图片。相对应的，提取特征码图像数据的方法可以为：提取特征图片底部20pix高的图像数据，该图像数据即为特征码图像数据，而剩余部分为原始图片，如图3a所示。

为进一步提高判断的准确率，可以对特征码图像数据进行检验。

在本发明实施例的一种优选示例中，所述子步骤S62进一步可以包括如下子步骤：

子步骤S621，将所述指定位置的数据进行二维码或者条形码的解码，获取其对应的字符串信息；

子步骤S622，匹配所述字符串消息，如果所述字符串信息符合预定的数据格式，则判断所述指定位置的数据为特征码图像数据。

在具体实现中，特征码图像数据可以为二维码或者条形码等等，将指定位置的数据进行解码，可以用于鉴别该位置的数据是否是特征码图像数据。

在生成特征码图像数据时，可以是按照一定规则的数据格式生成的，则在验证时，可以按照该预定的数据格式进行验证。

例如，在生成特征码图像数据的预定义格式可以如下表所示：

特征码图像数据	内容码	操作码	操作参数码
				代码内容	1590317517	1225	210000
代码大小（位）	10	4	6

则在解码获取的字符串信息为“15903175171225210000”，则匹配前10为字符串“1590317517”是否是内容码，第11-14位字符串“1225”是否是操作码，第16-20为字符串“210000”是否是操作码。

子步骤S63，将所提取图片作为特征图片。

在具体实现中，可以从内存（例如本地缓存）中，获取当前网页中的符合预设条件的特征图片，特征图片可以为非广告、装饰类的图片。网页中有显示区域，通过DOM（Document Object Model，文档对象模型）能识别整个网页架构。遍历网页的DOM树节点及图片尺寸从内存中获取已缓存的符合预设条件的图片，该图片即为特征图片。

需要说明的是，特征图片是相对于用户自定义进行动态渲染的对象图片而言的，其实质亦是图像数据。特征图片中可以包括记载用户自定义动态渲染操作的特征码图像数据和原始图像数据，如图5所示。

为防止特征图片在传输过程中出现错误和防止被修改，在本发明的一种实施例中，在步骤802之前，具体还包括如下步骤：

步骤S1，对所述特征码图像数据进行自校验。

触发特征码图像数据检查自身有没有被修改，如果发现被修改的话，便会暂停渲染或进行其它处理。基本的校检方法可以包括checksum（总和检验码），检查大小，检查跳转代码，等等。

此外，自校验后会进行灰度计算，以便为后续的特征码图像数据的解析做准备。

步骤902，提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；

特征码图像数据可以是条形码，可以是二维码，也可以是条形码和二维码的组合，还可以是其他图像数据，只要能记录用户的自定义渲染操作即可，本发明对此不加以限制。

在具体实现中，提取特征码图像数据的方法可以与采用特征码图像数据和原始图片生成特征图片的方法是相对的，本发明对此不加以限制。

在本发明的一种优选实施例中，所述步骤802具体可以包括如下子步骤：

子步骤S71，将所述特征码图像数据进行二维码或者条形码的解码后，获取其对应的字符串信息；

提取特征码图像数据之后，可以采用条形码解码应用程序、二维码解码应用程序进行解码处理，获取用户的自定义渲染操作信息，进行渲染操作。

其中，所述内容码为所述音频数据和/或特效数据的标识；

所述操作码为所述音频数据和/或特效数据的操作方式的标识。

在本发明实施例的一种优选示例中，所述操作方式包括：单次播放音乐、循环播放音乐、播放动画、播放Flash视频、渐变加入元素、渐变淡出元素、播放录音中的至少一种。

当然，上述操作方式只是作为示例，在实施本发明实施例时，可以根据实际情况设置其它操作方式，本发明实施例对此不加以限制。在具体实现中，内容码和操作码可以是代码，例如字符串，可以用于指示不同的信息。

在实际应用中，操作码可以指示播放音频数据和/或特效数据的操作信息，该操作信息中可以包括用户对音频数据和/或特效数据自定义的操作行为。

例如，播放音频数据可以是渐强播放、渐弱播放等等；当播放一个音频数据时，操作信息可以为正常播放，当播放两个或两个以上的音频数据时，操作信息可以包括循环播放、随机播放等等。

又例如，播放特效数据可以是淡入淡出播放、擦除播放、推进播放、发光播放等；当特效数据为GIF图片文件时，操作信息可以为正常播放；当播放两个或两个以上的FLASH文件时，操作信息可以包括循环播放、随机播放等等。

在实际应用中，音频数据和/或特效数据的操作码可以有对应字符串代码进行标识。例如，正常播放为1，循环播放为2，随机播放为3等等。需要说明的是，相同的字符串代码对应于不同的音频数据或特效数据时，其代表操作信息可以相同，也可以不同。

在本发明的一种优选实施例中，所述解析的字符串信息进一步包括：对应于所述操作码的操作参数，其标记针对所述音频数据和/或特效数据的操作方式的预置执行参数。

在本发明实施例的一种优选示例中，所述的操作参数包括：

图像或视频的显示位置、播放音乐或视频的时间、音乐或视频的播放次数、图像特效的显示时间中的至少一种。

当然，上述操作参数只是作为示例，在实施本发明实施例时，可以根据实际情况设置其它操作参数，本发明实施例对此不加以限制。

在实际应用中，操作参数可以用于指示播放音频数据和/或特效数据的具体操作参数，该操作参数可以为实施操作行为的具体实施参数。例如，音频数据播放可以是在何时播放、播放时长、播放次数、当存在两个或两个音频数据时的播放顺序等等。特效数据播放可以是、播放次数、显示尺寸大小、播放位置、当存在两个或两个特效数据时的播放顺序、叠加播放等等。

在实际应用中，音频数据和/或特效数据的操作参数可以有对应字符串代码进行标识。例如，播放次数可以用字符串代码1X表示，其中1代表选择播放次数，X代表具体播放的次数等等。

需要说明的是，操作参数在某些情况下可以为空。例如，自定义播放音频数据，操作码为正常播放，操作参数为空时，可以指示正常播放该音频数据，即在进行渲染开始时播放该音频数据，不控制何时播放、播放时长、播放次数等。

又例如，自定义播放音频数据，操作码为正常播放，操作参数为空时，可以指示正常播放该音频数据，即在进行渲染开始时播放该音频数据，不控制何时播放、播放时长、播放次数等。

在本发明实施例的一种优选示例中，所述特征码图像数据中还包括标识出生成方的标识图片。

标识图片（Logo）可以不参与条形码或二维码的转换，直接按照生成时的规则从特征码图像数据中提取，如图3c所示。

解析特征码图像数据中的Logo、内容码、操作码和操作参数的方法与组织Logo、内容码、操作码和操作参数生成特征码图像数据的方法是想对应的。

例如，特征码图像数据的预定义格式可以如下表所示：

特征码图像数据	内容码	操作码	操作参数码
				代码内容	1590317517	1225	210000
代码大小（位）	10	4	6

则在解析特征码图像数据完成时，如图3b所示，提取第1-10位代码“1590317517”作为内容码，提取第11-14位代码“1225”作为操作码，提取第15-20字符串代码“210000”作为操作参数。

步骤903，依据所述特征码图像数据获取对应的富媒体资源；

在实际应用中，富媒体数据可以包括音频数据和/或特效数据，所述音频数据包括音频文件或语音文件；所述特效数据包括GIF图片文件或FLASH文件。

音频数据可以是本地的，可以是服务器所存储的，还可以是网上其他平台所存储的；特效数据可以包括GIF图片文件和/或FLASH文件等等具有动态展示效果的数据，本发明对此不加以限制。

音频数据和/或特效数据的标识可以是该音频数据和/或特效数据的固有标识，例如MD5值，ID号等等，为了便于统一管理，提高管理效率，也可以根据预设规则生成新的标识，只要能标识该音频数据和/或特效数据即可，本发明对此不加以限制。

在本发明的一种优选实施例中，所述子步骤803具体可以包括如下子步骤：

子步骤S81，发送富媒体数据获取请求至浏览器对应的服务器；所述富媒体数据获取请求中包括所述音频数据和/或述特效数据的标识；

子步骤S82，接收所述服务器返回的音频数据和/或特效数据；

此种情况下，服务器对应保存有音频数据和/或特效数据，可以从服务器下载所需的音频数据和/或特效数据。

或者，

子步骤S83，解析所述音频数据的标识，获得所述音频数据的网络地址；

子步骤S84，访问所述音频数据的网络地址，获取所述音频数据；

此种情况下，服务器没有对应保存音频数据，则需要从其他地方获取，包括本地和网上。则音频数据的地址可以是本地地址，也可以是在网络地址。

需要说明的是，解析音频数据的标识确定地址的方法与采用音频数据的地址生成标识的方法是相对的。

或者，

子步骤S85，在本地提取所述特效数据的标识对应的特效数据。

此种情况下，为进一步提高渲染效率，可以按照用户使用浏览器的习惯，例如从浏览历史判断出用户喜欢哪一类型的特效后，可以直接将该类型的特效数据下载至本地，或者可以将该类型的特效数据推送至本地。

所获取到的音频数据和/或特效数据可以为动态渲染时播放的音频数据和/或特效数据。

步骤904，将获取的富媒体资源与所述特征图片一处进行加载。

在解码完毕获取用户的自定义渲染操作后，可以按照该自定义渲染操作进行动态渲染，富媒体资源和特征图片于一处进行加载，富媒体资源可以是在特征图片的上方、左侧、右侧，下方等某一处周围环境，本发明对此不加以限制。

在本发明的一种优选实施例中，所述步骤804具体可以包括如下子步骤：

子步骤S91，在所述特征图片的显示区域上的预置区域生成一窗口加载所述获取的富媒体资源，其中所述生成的窗口为一浏览器窗口或者一网页浮层元素；

子步骤S92，在所述窗口中加载浏览器侧的插件或者调用系统API进行所述富媒体资源的加载和使用。

例如，解析完上述条形码后，由内容码“1590317517”中15903指示播放音频数据5903，17517指示播放音频数据7517，获知渲染时需要播放音频数据，则会在特征图片的指定位置例如左下角生成一个浏览器窗口，浏览器窗口中渲染加载一个预置的按钮图片，并默认自动播放音频数据，即在后台加载一个音频播放器，可以是浏览器插件，然后解析“5903”和“7517”，获取渲染时需要播放的音频数据5903的网址，为http://music.XXX.com/12345678.mp3，访问该网址获取歌曲“青藏高原”，之后在该音频播放器中播放歌曲“青藏高原”；从本地提取7517对应的音频数据“天堂”。

又例如，对于是播放特效数据，通过解析特征码图像数据可以获知内容码是进行GIF图片1的播放，操作码是正常播放，操作参数是空，则在特征图片上添加一网页浮层元素，在该网页浮层元素上嵌入GIF图片1。

又例如，对于是播放特效数据，通过解析特征码图像数据可以获知内容码是进行FLASH动画1的播放，操作码是进行淡入淡出的特效效果进行播放上述FLASH动画1，其中操作参数中记载了FLASH动画1淡入淡出显示时的位置、时间、播放次数等。依据内容码可以获取到对应的FLASH动画文件的标识，其可以是一个预置的动画文件，其保存在服务器侧，则可以从服务器获取到该Flash动画文件。获取到操作参数后知道怎么进行上述Flash动画1的播放，例如是进行闪动或者淡入淡出的时间、显示位置等。

本发明实施中，可以解析特征图片中的特征码图像数据，获取其记载的用户对在加载图片时的采用音频数据、特效数据等的渲染操作，进而进行对应的动态渲染处理，由此解决了客户端不支持用户个性化定义图片加载时的渲染操作的问题，取得了基于浏览器实现对于图片的渲染，丰富的网页渲染方式，减少服务器存储资源占用，降低服务器运行资源占用，提高了浏览器渲染网页效率的有益效果。

为了方便本领域技术人员更好地理解本发明，以下通过一个完整示例更进一步说明本发明：

1、识别；

如图10a所示，当用户将鼠标光标悬停在一张图片上时，启动识别其是否一张特征图片。具体地，可以通过图片下方的条形码区域识别一张图片是否为特征图片。需要说明的是，特征图片上传至微博、空间、论坛等各主流网站，适度压缩后仍可识别。

读取特征码图像数据（条形码）后应有必要校验，确认为特征图片。然后从条形码信息中读取信息后，本地拼出URL，向服务端请求相关声音等文件。

2、播放；

如图10b所示，从条形码中读取信息并拼出URL后，向服务端请求对应的唯一声音及配置文件；

用户将鼠标光标悬停在一张图片上，如识别为特征图片，并请求到对应的声音文件后，默认开始边下边播该声音文件；（当不默认播放时，用户可以手动触发播放的设置）；

用户将鼠标光标移出该图片范围，则声音自动停止播放；再次移入则从头再次播放；特征图片左下方将以环状进度条显示炫图声音播放进度；

用户可点击暂停按钮，暂停该炫图的声音播放；

用户点击暂停后，移出图片范围，将临时记住该播放进度及暂停状态；已暂停炫图，再次悬停时将不自动从头播放，直至用户点击左下方继续播放按钮，继续按上次进度续播；

网页重新加载后，之前该页炫图进度、状态复原；

网页中有多张特征图片时，只播放当前悬停的一张图片；

声音播放支持淡入淡出处理.

参照图11，示出了根据本发明一个实施例的一种在浏览器中进行图片加载的装置实施例的结构框图，具体可以包括以下模块：

特征图片获取模块1101，适于当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；

特征码图像数据提取模块1102，适于提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；

富媒体资源获取模块1103，适于依据所述特征码图像数据获取对应的富媒体资源；

加载模块1104，适于将获取的富媒体资源与所述特征图片一处进行加载。

在本发明的一种优选实施例中，所述触发事件包括网页加载完成事件，和/或，图片的鼠标悬停hover事件。

在本发明的一种优选实施例中，所述特征图片获取模块还适于：

从内存中提取符合预设显示区域和/或预设尺寸大小的图片；并

判断所提取图片的指定位置的数据是否为特征码图像数据；

如果是，将所提取图片作为特征图片。

在本发明的一种优选实施例中，所述特征图片获取模块还适于：

将所述指定位置的数据进行二维码或者条形码的解码，获取其对应的字符串信息；

匹配所述字符串消息，如果所述字符串信息符合预定的数据格式，则判断所述指定位置的数据为特征码图像数据。

在本发明的一种优选实施例中，所述特征码图像数据提取模块还适于：

将所述特征码图像数据进行二维码或者条形码的解码后，获取其对应的字符串信息；

解析所述字符串信息，获得与所述特征图片一处加载的富媒体资源的内容码和操作码；

其中，所述内容码为音频数据和/或特效数据的标识；

所述操作码为所述音频数据和/或特效数据的操作方式的标识。

在本发明的一种优选实施例中，所述音频数据包括音频文件或录音文件；所述特效数据包括GIF图片文件或FLASH文件。

在本发明的一种优选实施例中，所述解析的字符串信息进一步包括：对应于所述操作码的操作参数，其标记针对所述音频数据和/或特效数据的操作方式的预置执行参数。

在本发明的一种优选实施例中，所述特征码图像数据中还包括标识出生成方的标识图片。

在本发明的一种优选实施例中，所富媒体资源获取模块还适于：

发送富媒体数据获取请求至浏览器对应的服务器；所述富媒体数据获取请求中包括所述音频数据和/或述特效数据的标识；

接收所述服务器返回的音频数据和/或特效数据；

或者，

解析所述音频数据的标识，获得所述音频数据的网络地址；

访问所述音频数据的网络地址，获取所述音频数据；

或者，

在本地提取所述特效数据的标识对应的特效数据。

在本发明的一种优选实施例中，所述装置具体还可以包括如下模块：

自校验模块，适于对所述特征码图像数据进行自校验。

在本发明的一种优选实施例中，所述加载模块还适于：

在所述特征图片的显示区域上的预置区域生成一窗口加载所述获取的富媒体资源，其中所述生成的窗口为一浏览器窗口或者一网页浮层元素；

在所述窗口中加载浏览器侧的插件或者调用系统API进行所述富媒体资源的加载和使用。

在本发明的一种优选实施例中，其中所述的操作方式包括：

单次播放音乐、循环播放音乐、播放动画、播放Flash视频、渐变加入元素、渐变淡出元素、播放录音中的至少一种。

在本发明的一种优选实施例中，其中所述的操作参数包括：

图像或视频的显示位置、播放音乐或视频的时间、音乐或视频的播放次数、图像特效的显示时间中的至少一种。

对于图11的装置实施例而言，由于其与前述方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本发明还公开了一种浏览器，具体可以包括以下模块：

特征图片获取模块，适于当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；

特征码图像数据提取模块，适于提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；

富媒体资源获取模块，适于依据所述特征码图像数据获取对应的富媒体资源；

加载模块，适于将获取的富媒体资源与所述特征图片一处进行加载。

在本发明的一种优选实施例中，所述触发事件包括网页加载完成事件，和/或，图片的鼠标悬停hover事件。

在本发明的一种优选实施例中，所述特征图片获取模块还适于：

从内存中提取符合预设显示区域和/或预设尺寸大小的图片；并

判断所提取图片的指定位置的数据是否为特征码图像数据；

如果是，将所提取图片作为特征图片。

在本发明的一种优选实施例中，所述特征图片获取模块还适于：

将所述指定位置的数据进行二维码或者条形码的解码，获取其对应的字符串信息；

匹配所述字符串消息，如果所述字符串信息符合预定的数据格式，则判断所述指定位置的数据为特征码图像数据。

在本发明的一种优选实施例中，所述特征码图像数据提取模块还适于：

将所述特征码图像数据进行二维码或者条形码的解码后，获取其对应的字符串信息；

解析所述字符串信息，获得与所述特征图片一处加载的富媒体资源的内容码和操作码；

其中，所述内容码为音频数据和/或特效数据的标识；

所述操作码为所述音频数据和/或特效数据的操作方式的标识。

在本发明的一种优选实施例中，所述音频数据包括音频文件或录音文件；所述特效数据包括GIF图片文件或FLASH文件。

在本发明的一种优选实施例中，所述解析的字符串信息进一步包括：对应于所述操作码的操作参数，其标记针对所述音频数据和/或特效数据的操作方式的预置执行参数。

在本发明的一种优选实施例中，所述特征码图像数据中还包括标识出生成方的标识图片。

在本发明的一种优选实施例中，所富媒体资源获取模块还适于：

发送富媒体数据获取请求至浏览器对应的服务器；所述富媒体数据获取请求中包括所述音频数据和/或述特效数据的标识；

接收所述服务器返回的音频数据和/或特效数据；

或者，

解析所述音频数据的标识，获得所述音频数据的网络地址；

访问所述音频数据的网络地址，获取所述音频数据；

或者，

在本地提取所述特效数据的标识对应的特效数据。

在本发明的一种优选实施例中，所述浏览器具体还可以包括如下模块：

自校验模块，适于对所述特征码图像数据进行自校验。

在本发明的一种优选实施例中，所述加载模块还适于：

在所述特征图片的显示区域上的预置区域生成一窗口加载所述获取的富媒体资源，其中所述生成的窗口为一浏览器窗口或者一网页浮层元素；

在所述窗口中加载浏览器侧的插件或者调用系统API进行所述富媒体资源的加载和使用。

在本发明的一种优选实施例中，其中所述的操作方式包括：

单次播放音乐、循环播放音乐、播放动画、播放Flash视频、渐变加入元素、渐变淡出元素、播放录音中的至少一种。

在本发明的一种优选实施例中，其中所述的操作参数包括：

图像或视频的显示位置、播放音乐或视频的时间、音乐或视频的播放次数、图像特效的显示时间中的至少一种。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书（包括伴随的权利要求、摘要和附图）中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书（包括伴随的权利要求、摘要和附图）中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器（DSP）来实现根据本发明实施例的在浏览器中进行图片加载的设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序（例如，计算机程序和计算机程序产品）。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本发明实施例公开了A1、一种在浏览器中进行图片加载的方法，包括：当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；依据所述特征码图像数据获取对应的富媒体资源，并将获取的富媒体资源与所述特征图片一处进行加载。A2、如A1所述的方法，所述触发事件包括网页加载完成事件，和/或，图片的鼠标悬停hover事件。A3、如A1所述的方法，所述获取当前页面符合预设条件的特征图片的步骤包括：从内存中提取符合预设显示区域和/或预设尺寸大小的图片；并判断所提取图片的指定位置的数据是否为特征码图像数据；如果是，将所提取图片作为特征图片。A4、如A3所述的方法，所述判断所提取图片的指定位置的数据是否为特征码图像数据的步骤包括：将所述指定位置的数据进行二维码或者条形码的解码，获取其对应的字符串信息；匹配所述字符串消息，如果所述字符串信息符合预定的数据格式，则判断所述指定位置的数据为特征码图像数据。A5、如A1所述的方法，所述提取所述特征图片中的特征码图像数据的步骤包括：将所述特征码图像数据进行二维码或者条形码的解码后，获取其对应的字符串信息；解析所述字符串信息，获得与所述特征图片一处加载的富媒体资源的内容码和操作码；其中，所述内容码为音频数据和/或特效数据的标识；所述操作码为所述音频数据和/或特效数据的操作方式的标识。A6、如A5所述的方法，所述音频数据包括音频文件或录音文件；所述特效数据包括GIF图片文件或FLASH文件。A7、如A5所述的方法，所述解析的字符串信息进一步包括：对应于所述操作码的操作参数，其标记针对所述音频数据和/或特效数据的操作方式的预置执行参数。A8、如A5或A6或A7所述的方法，所述特征码图像数据中还包括标识出生成方的标识图片。A9、如A5所述的方法，所述依据所述特征码图像数据获取对应的富媒体资源的步骤包括：发送富媒体数据获取请求至浏览器对应的服务器；所述富媒体数据获取请求中包括所述音频数据和/或述特效数据的标识；接收所述服务器返回的音频数据和/或特效数据；或者，解析所述音频数据的标识，获得所述音频数据的网络地址；访问所述音频数据的网络地址，获取所述音频数据；或者，在本地提取所述特效数据的标识对应的特效数据。A10、如A1所述的方法，在所述提取所述特征图片中的特征码图像数据的步骤之前，还包括：对所述特征码图像数据进行自校验。A11、如A1所述的方法，所述将获取的富媒体资源与所述特征图片于一处进行加载的步骤包括：在所述特征图片的显示区域上的预置区域生成一窗口加载所述获取的富媒体资源，其中所述生成的窗口为一浏览器窗口或者一网页浮层元素；在所述窗口中加载浏览器侧的插件或者调用系统API进行所述富媒体资源的加载和使用。A12、如A5所述的方法，其中所述的操作方式包括：单次播放音乐、循环播放音乐、播放动画、播放Flash视频、渐变加入元素、渐变淡出元素、播放录音中的至少一种。A13、如A7所述的方法，其中所述的操作参数包括：图像或视频的显示位置、播放音乐或视频的时间、音乐或视频的播放次数、图像特效的显示时间中的至少一种。

本发明实施例还公开了B14、一种在浏览器中进行图片加载的装置，包括：特征图片获取模块，适于当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；特征码图像数据提取模块，适于提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；富媒体资源获取模块，适于依据所述特征码图像数据获取对应的富媒体资源；加载模块，适于将获取的富媒体资源与所述特征图片一处进行加载。B15、如B14所述的装置，所述触发事件包括网页加载完成事件，和/或，图片的鼠标悬停hover事件。B16、如B14所述的装置，所述特征码图像数据提取模块还适于：将所述特征码图像数据进行二维码或者条形码的解码后，获取其对应的字符串信息；解析所述字符串信息，获得与所述特征图片一处加载的富媒体资源的内容码和操作码；其中，所述内容码为所述音频数据和/或特效数据的标识；所述操作码为所述音频数据和/或特效数据的操作方式的标识。B17、如B16所述的装置，所述音频数据包括音频文件或录音文件；所述特效数据包括GIF图片文件或FLASH文件。B18、如B16所述的装置，所述解析的字符串信息进一步包括：对应于所述操作码的操作参数，其标记针对所述音频数据和/或特效数据的操作方式的预置执行参数。B19、如B16所述的装置，所述富媒体资源获取模块还适于：发送富媒体数据获取请求至浏览器对应的服务器；所述富媒体数据获取请求中包括所述音频数据和/或述特效数据的标识；接收所述服务器返回的音频数据和/或特效数据；或者，解析所述音频数据的标识，获得所述音频数据的网络地址；访问所述音频数据的网络地址，获取所述音频数据；或者，在本地提取所述特效数据的标识对应的特效数据。

本发明实施例还公开了C20、一种浏览器，包括：特征图片获取模块，适于当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；特征码图像数据提取模块，适于提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；富媒体资源获取模块，适于依据所述特征码图像数据获取对应的富媒体资源；加载模块，适于将获取的富媒体资源与所述特征图片一处进行加载。

Claims (10)

1.一种在浏览器中进行图片加载的方法，包括：

当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；

提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；

依据所述特征码图像数据获取对应的富媒体资源，并将获取的富媒体资源与所述特征图片一处进行加载。

2.如权利要求1所述的方法，所述触发事件包括网页加载完成事件，和/或，图片的鼠标悬停hover事件。

3.如权利要求1所述的方法，所述获取当前页面符合预设条件的特征图片的步骤包括：

从内存中提取符合预设显示区域和/或预设尺寸大小的图片；并

判断所提取图片的指定位置的数据是否为特征码图像数据；

如果是，将所提取图片作为特征图片。

4.如权利要求3所述的方法，所述判断所提取图片的指定位置的数据是否为特征码图像数据的步骤包括：

将所述指定位置的数据进行二维码或者条形码的解码，获取其对应的字符串信息；

匹配所述字符串消息，如果所述字符串信息符合预定的数据格式，则判断所述指定位置的数据为特征码图像数据。

5.如权利要求1所述的方法，所述提取所述特征图片中的特征码图像数据的步骤包括：

将所述特征码图像数据进行二维码或者条形码的解码后，获取其对应的字符串信息；

解析所述字符串信息，获得与所述特征图片一处加载的富媒体资源的内容码和操作码；

其中，所述内容码为音频数据和/或特效数据的标识；

所述操作码为所述音频数据和/或特效数据的操作方式的标识。

6.一种在浏览器中进行图片加载的装置，包括：

特征图片获取模块，适于当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；

特征码图像数据提取模块，适于提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；

富媒体资源获取模块，适于依据所述特征码图像数据获取对应的富媒体资源；

加载模块，适于将获取的富媒体资源与所述特征图片一处进行加载。

7.如权利要求6所述的装置，所述触发事件包括网页加载完成事件，和/或，图片的鼠标悬停hover事件。

8.如权利要求6所述的装置，所述特征码图像数据提取模块还适于：

将所述特征码图像数据进行二维码或者条形码的解码后，获取其对应的字符串信息；

解析所述字符串信息，获得与所述特征图片一处加载的富媒体资源的内容码和操作码；

其中，所述内容码为所述音频数据和/或特效数据的标识；

所述操作码为所述音频数据和/或特效数据的操作方式的标识。

9.如权利要求8所述的装置，所述音频数据包括音频文件或录音文件；所述特效数据包括GIF图片文件或FLASH文件。

10.一种浏览器，包括：

特征图片获取模块，适于当浏览器监测到触发事件时，获取当前页面中符合预设条件的特征图片；

特征码图像数据提取模块，适于提取所述特征图片中的特征码图像数据；其中，所述特征码图像数据标记出与所述特征图片一处加载的富媒体资源；

富媒体资源获取模块，适于依据所述特征码图像数据获取对应的富媒体资源；

加载模块，适于将获取的富媒体资源与所述特征图片一处进行加载。

Images