[发明专利]网页内容展示方法及系统

说明书

技术领域

本发明涉及计算机移动通信技术领域，具体而言，涉及一种基于用户终端的网页内容展示方法及系统。

背景技术

在智能手机、平板电脑、音乐播放器等各式各样的用户终端高度渗透人们日常生活的今天，用户经常通过浏览器浏览网页。随之而来地，在地铁里、公交车上、电梯间、咖啡厅等公共场所出现了一个新的族群——“低头族”，所谓“低头族”就是指那些酷爱利用零碎时间使用个人移动终端进行网页浏览的族群，典型表现是“低头看屏幕状”。用户终端给“低头族”带来了巨大的便利性的同时，却也给他们的人身安全带来了隐患，尤其是当使用者一边操作用户终端一边行走时，极易与他人相撞，更危险的是可能撞到汽车这样的大型交通工具而引发交通事故。

发明内容

本发明的目的在于提供一种网页内容展示方法及系统以提高安全预警。

为了实现上述目的，本发明实施例采用的技术方案如下：

第一方面，本发明实施例提供了一种网页内容展示方法，所述网页内容展示方法包括：控制摄像头捕获图像；在网页页面的背景 层中渲染捕获的图像，并置于网页页面的主层下方；以及判断连续的两帧图像的差异是否超过阈值，当连续的两帧图像的差异超过阈值时，对主层的网页元素进行半透明化处理使渲染于背景层中的图像透过主层浮现。

第二方面，本发明实施例还提供了一种网页内容展示方法，应用于安装有浏览器的用户终端，所述网页内容展示方法包括：控制摄像头捕获图像；对浏览器生成的网页页面的主层的网页元素进行半透明化处理；在网页页面的背景层中渲染捕获的图像，并置于网页页面的主层下方使渲染于背景层中的图像透过主层浮现。

第三方面，本发明实施例还提供了一种网页内容展示系统，所述网页内容展示系统包括：图像获取模组，用于控制摄像头捕获图像；渲染模组，用于在网页页面的背景层中渲染捕获的图像，并置于网页页面的主层下方；执行模组，用于判断连续的两帧图像的差异是否超过阈值，当连续的两帧图像的差异超过阈值时，该执行模组对主层的网页元素进行半透明化处理使渲染于背景层中的图像透过主层浮现。

第四方面，本发明实施例还提供了一种网页内容展示系统，应用于安装有浏览器的用户终端，所述网页内容展示系统包括：图像获取模组，用于控制摄像头捕获图像；执行模组，用于对浏览器生成的网页页面的主层的网页元素进行半透明化处理；渲染模组，用于在网页页面的背景层中渲染捕获的图像，并置于网页页面的主层下方使渲染于背景层中的图像透过主层浮现。

本发明实施例提供的网页内容展示方法及系统将摄像头捕获的图像渲染在网页页面的背景层，并将主层的网页元素进行半透明化处理使渲染于背景层中的图像透过主层浮现。如此，用户可通过用 户终端观测周围的环境，降低由于用户聚焦用户终端时而忽略周围环境导致的事故问题，并且提醒用户周围环境发生变化，便于用户对周围的情况的掌握。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了本发明实施例提供的网页内容展示方法及系统的应用环境示意图；

图2示出了本发明实施例提供的用户终端的结构框图；

图3示出了本发明实施例提供的浏览器的网页页面的示意图；

图4示出了本发明第一实施例提供的一种网页内容展示系统的结构框图；

图5示出了本发明第二实施例提供的一种网页资源处理装置的结构框图；

图6示出了本发明第三实施例提供的一种网页内容展示方法的流程示意图；

图7示出了本发明第四实施例提供的一种网页内容展示方法的流程示意图；

图8示出了本发明第五实施例提供的一种网页内容展示方法的流程示意图；

图9示出了本发明第五实施例提供的一种网页内容展示方法的流程示意图。

具体实施方式

本发明实施例所提供的网页内容展示方法及系统可应用于如图1所示的应用环境中。如图1所示，用户终端100、远程服务器200位于无线网络或有线网络300中，通过该无线网络或有线网络300，用户终端100与远程服务器200进行数据交互。