一种动态图片的加载方法和加载系统技术方案

本发明专利技术提供了一种动态图片的加载方法，其包括：根据网页浏览请求获取网页上的每个动态图片数据，该每个动态图片数据包括第一帧静态图片数据和剩余帧静态图片数据的差量数据；将每个动态图片的所述第一帧静态图片数据发送给浏览器客户端进行图片显示并提示该图片为动态图片的一部分；浏览器客户端发出需要加载一个或多个动态图片的请求，服务器响应该请求将所述一个或多个动态图片的剩余帧静态图片数据的差量数据发送给浏览器客户端；浏览器客户端基于所接收的第一帧静态图片数据和剩余帧静态图片数据的差量数据显示相应的一个或多个动态图片。

A loading method and loading system for a dynamic picture

The invention provides a loading method, a dynamic picture includes: according to the request of each dynamic web browsing image data on a web page, each dynamic picture data includes a first frame of static image data and the residual frame static picture data difference data; the first frame of static image data transmission of each dynamic picture for the browser client for part of the picture display and prompts the picture for the dynamic picture of the browser; the client sends out to load one or more dynamic picture of the request, the server responds to the request of the remaining frame static image data of the one or more dynamic picture of the differential data is sent to the browser client browser based client; the first frame of static image data received and the residual frame static picture data differential data display one or more corresponding dynamic Picture.

【技术实现步骤摘要】
一种动态图片的加载方法和加载系统
本专利技术涉及网络信息显示
，具体而言，涉及一种动态图片的加载方法和加载系统。
技术介绍
随着例如智能手机、平板电脑等智能终端的普及，使用移动浏览器登录移动互联网浏览网页的用户也越来越多。用户上移动互联网浏览的目的也是多种多样的，例如学习、工作、娱乐等。目前比较流行的娱乐网站上有专门提供娱乐性的动态图片，这是相当部分用户喜闻乐见的。针对动态图片这种娱乐形式，很多站点(比如动态图专题站，看图论坛)都运营了大量动态图片页面，以方便用户浏览。除此之外，一些不以娱乐性为主的网站也会提供大量的动态图片，以满足部分用户的浏览需要，或是便于信息的发布。最常见的动态图片为图像互换格式(GIF，GraphicsInterchangeFormat)图片。动态图片的一个重要特点是其在一个文件中可以存多幅图像，并可以把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，从而加载显示一种最简单的动画，构成了动态的效果。由于在一些网络网页中，一个网页会含有大量的动态图片，用户使用智能终端上的移动浏览器登录含有大量动态图片的网页时，这些动态图片通常会同时加载显示。但是，用户使用智能终端上的移动浏览器浏览含有大量动态图片的网页时，当此时用户使用移动运营商的例如2G、3G或4G无线网络而非免费WiFi网络上网时，加载每个动态图片会损失不少网络流量；当一个网页上的大量动态图片同时动态加载显示时，用户为此损失的网络流量会更多。然而，用户不一定对一个网页上的所有动态图片都感兴趣，加载所有动态图片实质上并不必要的。为此，需要一种新的动态图片的加载方法以减少用户使用2G、3G或4G无线网络浏览含有大量动态图片的网页时的网络流量损失。
技术实现思路
本专利技术的目的在于提供一种动态图片的加载方法和加载系统，以改善上述的问题。本专利技术实施例提供了一种动态图片的加载方法，其包括：根据网页浏览请求获取网页上的每个动态图片数据，该每个动态图片数据包括第一帧静态图片数据和剩余帧静态图片数据的差量数据；将每个动态图片的所述第一帧静态图片数据发送给浏览器客户端进行图片显示并提示该图片为动态图片的一部分；浏览器客户端发出需要加载一个或多个动态图片的请求，服务器响应该请求将所述一个或多个动态图片的剩余帧静态图片数据的差量数据发送给浏览器客户端；浏览器客户端基于所接收的第一帧静态图片数据和剩余帧静态图片数据的差量数据显示相应的一个或多个动态图片。优选的，在根据网页浏览请求获取网页上的每个动态图片数据的步骤中，服务器首先通过解析出的动态图片资源地址查询该动态图片数据是否已存储在缓存系统中，如果已缓存则通过缓存数据中的自定义信息识别和提取动态图片的第一帧静态图片数据；如果未缓存则从目标网站加载和保存该动态图片数据并且提取第一帧静态图片数据。优选的，缓存系统中保存加载的动态图片数据的内容如下：1)动态图片的URL地址，2)标识缓存的图片数据是动态图片数据的第一帧静态图片数据或者剩余帧静态图片数据的差量数据的自定义信息，3)第一帧静态图片数据，和4)剩余帧静态图片数据的差量数据。优选的，在将每个动态图片的所述第一帧静态图片数据发送给浏览器客户端进行图片显示并提示该图片为动态图片的一部分的步骤中，还包括发送协定的私有协议声明，通过协定的私有协议声明告知浏览器客户端所发送的所述图片数据仅是动态图片的第一帧静态图片数据。优选的，浏览器客户端在根据接收的协定的私有协议声明知道所接收的图片数据是动态图片的第一帧静态图片数据时，在显示的静态图片上提供用于提示该显示的图片为动态图片的图标。优选的，在浏览器客户端发出需要加载一个或多个动态图片的请求，服务器响应该请求将所述一个或多个动态图片的剩余帧静态图片数据的差量数据发送给浏览器客户端的步骤中，浏览器客户端发出的请求包含协定的私有协议声明，在该私有协议声明中声明请求加载指定动态图片的剩余帧静态图片数据的差量数据；服务器还发送协定的私有协议声明，在该私有协议声明中声明所发送的数据是动态图片的剩余帧静态图片数据的差量数据。本专利技术实施例提供了一种动态图片的加载系统，其包括：所述浏览器客户端用于向服务器发出网页浏览请求；所述服务器用于根据接收的网页浏览请求获取网页上的每个动态图片数据，该每个动态图片数据包括第一帧静态图片数据和剩余帧静态图片数据的差量数据，并且将每个动态图片的所述第一帧静态图片数据发送给所述浏览器客户端进行图片显示并提示该图片为动态图片的一部分；所述浏览器客户端还用于向所述服务器发出需要加载一个或多个动态图片的请求；所述服务器还用于响应该请求将所述一个或多个动态图片的剩余帧静态图片数据的差量数据发送给所述浏览器客户端；所述浏览器客户端还用于基于所接收的第一帧静态图片数据和剩余帧静态图片数据的差量数据显示相应的一个或多个动态图片。优选的，所述服务器用于在根据接收的网页浏览请求获取网页上的每个动态图片数据的过程中，首先通过解析出的动态图片资源地址查询该动态图片数据是否已存储在缓存系统中，如果已缓存则通过缓存数据中的自定义信息识别和提取动态图片的第一帧静态图片数据；如果未缓存则从目标网站加载和保存该动态图片数据并且提取第一帧静态图片数据。优选的，缓存系统中保存加载的动态图片数据的内容如下：1)动态图片的URL地址，2)标识缓存的图片数据是动态图片数据的第一帧静态图片数据或者剩余帧静态图片数据的差量数据的自定义信息，3)第一帧静态图片数据，和4)剩余帧静态图片数据的差量数据。优选的，所述服务器用于在向浏览器客户端发送动态图片的所述第一帧静态图片数据的同时，还发送协定的私有协议声明，通过协定的私有协议声明告知浏览器客户端所发送的所述图片数据仅是动态图片的第一帧静态图片数据。优选的，所述浏览器客户端用于在根据接收的协定的私有协议声明知道所接收的图片数据是动态图片的第一帧静态图片数据时，在显示的静态图片上提供用于提示该显示的图片为动态图片的图标。优选的，所述浏览器客户端还用于在向所述服务器发出需要加载一个或多个动态图片的请求时，该请求包含协定的私有协议声明，在该私有协议声明中声明请求加载指定动态图片的剩余帧静态图片数据的差量数据；所述服务器还用于在响应该请求将所述一个或多个动态图片的剩余帧静态图片数据的差量数据发送给所述浏览器客户端时，还发送协定的私有协议声明，在该私有协议声明中声明所发送的数据是动态图片的剩余帧静态图片数据的差量数据。根据本专利技术的动态图片的加载方法和加载系统，尤其适用于gif格式的动态图片，该加载方法和加载系统提出一种按需求加载动态图片数据的思路，将动态图片数据分离成第一帧静态图片数据、和剩余帧静态图片数据的差量数据来分别保存在缓存系统中，先显示第一帧静态图片数据，由用户选择是否需要显示该动态图片，从而实现按需求加载动态图片，并且在传输动态图片的剩余帧静态图片数据时使用传输差量数据的方式，可以有效地利用已传送到浏览器客户端的第一帧静态图片数据，减少不必要的图片数据传输，针对动态图片的加载显示节省了网络流量，改善了用户使用2G、3G或4G无线网络浏览含有大量动态图片的网页时网络流量损失过多的问题，而且还加快了页面的整体显示速度。附图说明图1是本专利技术的动态图片的加载方法的流程图；图2是本专利技术本文档来自技高网...

【技术保护点】
一种动态图片的加载方法，其包括：根据网页浏览请求获取网页上的每个动态图片数据，该每个动态图片数据包括第一帧静态图片数据和剩余帧静态图片数据的差量数据；将每个动态图片的所述第一帧静态图片数据发送给浏览器客户端进行图片显示并提示该图片为动态图片的一部分；浏览器客户端发出需要加载一个或多个动态图片的请求，服务器响应该请求将所述一个或多个动态图片的剩余帧静态图片数据的差量数据发送给浏览器客户端；浏览器客户端基于所接收的第一帧静态图片数据和剩余帧静态图片数据的差量数据显示相应的一个或多个动态图片。

【技术特征摘要】
1.一种动态图片的加载方法，其包括：根据网页浏览请求获取网页上的每个动态图片数据，该每个动态图片数据包括第一帧静态图片数据和剩余帧静态图片数据的差量数据；将每个动态图片的所述第一帧静态图片数据发送给浏览器客户端进行图片显示并提示该图片为动态图片的一部分；浏览器客户端发出需要加载一个或多个动态图片的请求，服务器响应该请求将所述一个或多个动态图片的剩余帧静态图片数据的差量数据发送给浏览器客户端；浏览器客户端基于所接收的第一帧静态图片数据和剩余帧静态图片数据的差量数据显示相应的一个或多个动态图片。2.根据权利要求1所述的动态图片的加载方法，其特征在于，在根据网页浏览请求获取网页上的每个动态图片数据的步骤中，服务器首先通过解析出的动态图片资源地址查询该动态图片数据是否已存储在缓存系统中，如果已缓存则通过缓存数据中的自定义信息识别和提取动态图片的第一帧静态图片数据；如果未缓存则从目标网站加载和保存该动态图片数据并且提取第一帧静态图片数据。3.根据权利要求2所述的动态图片的加载方法，其特征在于，缓存系统中保存加载的动态图片数据的内容如下：1)动态图片的URL地址，2)标识缓存的图片数据是动态图片数据的第一帧静态图片数据或者剩余帧静态图片数据的差量数据的自定义信息，3)第一帧静态图片数据，和4)剩余帧静态图片数据的差量数据。4.根据权利要求1所述的动态图片的加载方法，其特征在于，在将每个动态图片的所述第一帧静态图片数据发送给浏览器客户端进行图片显示并提示该图片为动态图片的一部分的步骤中，还包括发送协定的私有协议声明，通过协定的私有协议声明告知浏览器客户端所发送的所述图片数据仅是动态图片的第一帧静态图片数据。5.根据权利要求4所述的动态图片的加载方法，其特征在于，浏览器客户端在根据接收的协定的私有协议声明知道所接收的图片数据是动态图片的第一帧静态图片数据时，在显示的静态图片上提供用于提示该显示的图片为动态图片的图标。6.根据权利要求1-5之一所述的动态图片的加载方法，其特征在于，在浏览器客户端发出需要加载一个或多个动态图片的请求，服务器响应该请求将所述一个或多个动态图片的剩余帧静态图片数据的差量数据发送给浏览器客户端的步骤中，浏览器客户端发出的请求包含协定的私有协议声明，在该私有协议声明中声明请求加载指定动态图片的剩余帧静态图片数据的差量数据；服务器还发送协定的私有协议声明，在该私有协议声明中声明所发送的数据是动态图片的剩余帧静态图片数据的差量数据。7.一种动态图片的加载系统，包括服务器和浏览器客户端，其特征在于：所述浏览器...

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