CN106162300A - 页面展示方法及装置 - Google Patents

Abstract

本申请提供一种页面展示方法及装置，该方法包括：检测到当前页面内包含视频对象；提取所述视频对象的视频帧，并获取被提取的视频帧的预设特征参数信息；根据所述预设特征参数信息，设置所述当前页面内的显示对象的预设显示属性。通过本申请的技术方案，可以使得页面展示效果与视频内容相关，使得用户在视觉上获得整体上的一致性。

Description

页面展示方法及装置

技术领域

本申请涉及互联网技术领域，尤其涉及页面展示方法及装置。

背景技术

视频(Video)泛指将一系列静态影像以电信号的方式加以捕捉、纪录、处理、储存、传送与重现的各种技术。用户在视频网站的页面上观看在线视频时，页面会通过视频播放器来加载视频内容，以实现播放。

发明内容

有鉴于此，本申请提供一种页面展示方法及装置，可以解决相关技术中的不足。

为实现上述目的，本申请提供技术方案如下：

根据本申请的第一方面，提出了一种页面展示方法，包括：

检测到当前页面内包含视频对象；

提取所述视频对象的视频帧，并获取被提取的视频帧的预设特征参数信息；

根据所述预设特征参数信息，设置所述当前页面内的显示对象的预设显示属性。

根据本申请的第二方面，提出了一种页面展示装置，包括：

检测到当前页面内包含视频对象；

提取所述视频对象的视频帧，并获取被提取的视频帧的预设特征参数信息；

根据所述预设特征参数信息，设置所述当前页面内的显示对象的预设显示属性。

由以上技术方案可见，本申请通过提取视频对象的视频帧，可以了解到视频对象的当前内容的视觉特征，即预设特征参数信息；同时，通过将预设特征参数信息应用于当前页面内的显示对象的预设显示属性，使得这些显示对象的视觉展示效果与视频对象的视觉特征保持一致性，使得视频对象与显示对象之间实现互动，从而为用户提供更佳的视觉效果和观看体验。

附图说明

图1是相关技术中的页面示意图；

图2示出了根据本申请一示例性实施例的一种页面展示方法的流程图；

图3示出了根据本申请一示例性实施例的另一种页面展示方法的流程图；

图4-7示出了根据本申请一示例性实施例的页面示意图；

图8示出了根据本申请一示例性实施例的一种电子设备的结构示意图；

图9示出了根据本申请一示例性实施例的一种页面展示装置的框图。

具体实施方式

图1是相关技术中的页面示意图，如图1所示，假定用户通过浏览器打开页面http://www.xxxx.com/v/1110442，且该页面包含名为“《cccc》预告片”的视频对象。用户通过触发页面中的视频对象对应的播放器，即可实现视频播放。然而，在视频播放的过程中，无论播放内容为何，视频对象所处区域与页面中的其他区域之间均表现为相互独立，即页面内的其他显示对象不会与视频对象的播放内容之间存在任何形式的互动，使得视频播放过程对于用户而言，很容易被页面内的其他显示对象分心，影响用户的视频观看体验。

因此，本申请通过提供一种页面展示方法及装置，可以解决相关技术中存在的上述不足。

为对本申请进行进一步说明，提供下列实施例：

图2示出了根据本申请一示例性实施例的一种页面展示方法的流程图，如图2所示，该方法应用于终端，可以包括以下步骤：

步骤202，检测到当前页面内包含视频对象。

步骤204，提取所述视频对象的视频帧，并获取被提取的视频帧的预设特征参数信息。

在本实施例中，可以按照预设频率提取所述视频对象的视频帧，比如每5s提取一次，确保对页面展示效果的及时更新。

在本实施例中，可以侦听所述当前页面内发生的视频播放事件；若所述视频对象处于播放状态，则按照预设频率提取所述视频对象的视频帧；若所述视频对象处于非播放状态，则停止提取所述视频对象的视频帧。通过对视频播放事件的侦听，一方面在视频尚未播放或中途暂停的过程中，由于视频帧不会发生变化，因而有助于减少终端处理过程，降低终端功耗，另一方面则可以在执行视频播放的过程中，及时启动或恢复对视频帧的提取和对页面展示效果的及时更新。

在本实施例中，作为一示例性实施例，可以将所述被提取的视频帧绘制为画布canvas对象，然后从所述canvas对象中读取所述预设特征参数信息。其中，预设特征参数信息可以包括以下至少之一：颜色、亮度。

步骤206，根据所述预设特征参数信息，设置所述当前页面内的显示对象的预设显示属性。

在本实施例中，基于预设特征参数信息，可以对当前页面内的显示对象的预设显示属性进行实时设置和更新，从而使得显示对象的显示效果与视频帧之间保持一致性。其中，预设显示属性可以包括以下至少之一：背景颜色、背景亮度、背景图案、文字颜色、文字内容。

由上述实施例可知，本申请通过提取视频对象的视频帧，可以了解到视频对象的当前内容的视觉特征，即预设特征参数信息；同时，通过将预设特征参数信息应用于当前页面内的显示对象的预设显示属性，使得这些显示对象的视觉展示效果与视频对象的视觉特征保持一致性，使得视频对象与显示对象之间实现互动，从而为用户提供更佳的视觉效果和观看体验。

图3示出了根据本申请一示例性实施例的另一种页面展示方法的流程图，如图3所示，该方法可以包括以下步骤：

步骤302，终端内的浏览器加载用户触发的页面。

步骤304，判断页面内是否包含视频对象，若包含则转入步骤306。

步骤306，侦听页面内的视频对象的视频播放事件。

步骤308，根据侦听情况，判断视频对象是否处于播放状态，若处于播放状态则转入步骤310，否则等待。

在本实施例中，用户可以通过点击页面内的播放器的“播放”、“暂停”、“停止”等按钮，触发或改变视频对象的播放状态。那么，根据对用户点击操作和点击对象的监测，即可确定视频对象所处的实时播放状态。

当视频对象处于暂停或停止播放的时候，由于视频对象的视频帧不会发生变化，因而停止对视频帧的获取等处理，有助于节省终端的处理资源和运行功耗，尤其是对于移动终端设备，有助于提升运行流畅度、延长待机时间。

步骤310，提取视频对象中的视频帧。

在本实施例中，可以实时提取每一视频帧；或者，可以按照预设周期提取视频帧，比如每5s提取当前的视频帧。

步骤312，将提取的视频帧绘制为画布canvas对象。

步骤314，从canvas对象中读取视频帧的预设特征参数信息。

步骤316，根据读取的预设特征参数信息，设置页面内的显示对象的预设显示属性。

在本实施例中，根据读取的预设特征参数信息的类型不同，可以对显示对象的不同预设显示属性进行设置。

在一示例性实施例中，预设特征参数信息可以为视频帧的颜色，则预设显示属性可以为显示对象的背景颜色、文字颜色等。比如图4所示，当视频播放内容为夜晚时，视频帧的颜色可能为黑色或深蓝色，则可以将该颜色作为页面的背景颜色，使得整个页面在颜色上具有一致性，使得用户在观看视频时，实现“浸入式”的观看体验，不会由于视频帧与页面其他显示对象之间的视觉差异，而导致容易从视频内容中分心至页面的其他显示对象。

需要说明的是：

1、将视频帧通过canvas对象的转换，提取预设特征参数信息的方式，仅为本申请一示例性实施例，即步骤312和步骤314并非必须的处理步骤。比如在另一示例性实施例中，如图5所示，可以将提取的视频帧直接作为页面的背景图片，同样能够实现视频内容与页面显示之间的一致性。

2、“根据读取的预设特征参数信息，设置页面内的显示对象的预设显示属性”，可以将读取的颜色等预设特征参数信息，直接应用于页面内的显示对象的预设显示属性；或者，显示对象的预设显示属性也可以与预设特征参数信息不相同，而只需要两者之间存在关联即可。比如图6所示，当读取到视频帧的颜色为黑色时，终端可以自动判定此时为“夜晚”的拍摄场景，因而可以在显示页面上显示“星空”，与“夜晚”相呼应。其中，“星空”的显示元素可以为终端或浏览器内置，也可以根据“夜晚”场景在浏览器中进行搜索得到。

步骤318，对视频帧的内容进行识别操作，识别出视频帧中的图片或文字对象。

比如图7所示，在视频帧的内容中，可以识别出大厦表面存在一手机图片以及相应的文字描述“XX手机”，那么可以通过图片识别或文字识别(比如通过OCR技术来实现)，获取相应的图片对象或文字对象。

步骤320，查找与图片或文字对象相关联的显示对象。

在本实施例中，若识别出图片对象，可以采用如“以图搜图”功能，搜索对应的显示对象；或者，若识别出文字对象，可以直接以该文字对象为关键词进行搜索操作。

步骤322，将查找到的相关联的显示对象展示于当前页面。

在本实施例中，如图7所示，针对识别出的图片或文字对象，假定查找到相应的广告对象，则可以将该广告对象展示于当前页面，比如图7中展示于视频对象的右上角处，用户可以通过点击“查看详情”按钮，查看关于该“XX手机”的详情介绍内容。

图8示出了根据本申请的一示例性实施例的电子设备的示意结构图。请参考图8，在硬件层面，该电子设备包括处理器、内部总线、网络接口、内存以及非易失性存储器，当然还可能包括其他业务所需要的硬件。处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行，在逻辑层面上形成页面展示装置。当然，除了软件实现方式之外，本申请并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。

请参考图9，在软件实施方式中，该页面展示装置可以包括对象检测单元、特征获取单元和属性设置单元。其中：

对象检测单元，检测到当前页面内包含视频对象；

特征获取单元，提取所述视频对象的视频帧，并获取被提取的视频帧的预设特征参数信息；

属性设置单元，根据所述预设特征参数信息，设置所述当前页面内的显示对象的预设显示属性。

可选的，所述特征获取单元通过下述方式提取所述视频对象的视频帧：

按照预设频率提取所述视频对象的视频帧。

可选的，所述特征获取单元通过下述方式提取所述视频对象的视频帧：

侦听所述当前页面内发生的视频播放事件；

若所述视频对象处于播放状态，则按照预设频率提取所述视频对象的视频帧；

若所述视频对象处于非播放状态，则停止提取所述视频对象的视频帧。

可选的，所述特征获取单元通过下述方式获取被提取的视频帧的预设特征参数信息：

将所述被提取的视频帧绘制为画布canvas对象；

从所述canvas对象中读取所述预设特征参数信息。

可选的，所述预设特征参数信息包括以下至少之一：颜色、亮度。

所述预设显示属性包括以下至少之一：背景颜色、背景亮度、背景图案、文字颜色、文字内容。

可选的，还包括：

对象识别单元，识别所述视频帧中包含的图片或文字对象；

对象展示单元，查找与所述图片或文字对象相关联的显示对象，并展示于所述当前页面中。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flashRAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

以上所述仅为本申请的较佳实施例而已，并不用以限制本申请，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请保护的范围之内。

Claims (12)

1.一种页面展示方法，其特征在于，包括：

检测到当前页面内包含视频对象；

提取所述视频对象的视频帧，并获取被提取的视频帧的预设特征参数信息；

根据所述预设特征参数信息，设置所述当前页面内的显示对象的预设显示属性。

2.根据权利要求1所述的方法，其特征在于，所述提取所述视频对象的视频帧，包括：

按照预设频率提取所述视频对象的视频帧。

3.根据权利要求2所述的方法，其特征在于，所述提取所述视频对象的视频帧，还包括：

侦听所述当前页面内发生的视频播放事件；

若所述视频对象处于播放状态，则按照预设频率提取所述视频对象的视频帧；

若所述视频对象处于非播放状态，则停止提取所述视频对象的视频帧。

4.根据权利要求1所述的方法，其特征在于，所述获取被提取的视频帧的预设特征参数信息，包括：

将所述被提取的视频帧绘制为画布canvas对象；

从所述canvas对象中读取所述预设特征参数信息。

5.根据权利要求1所述的方法，其特征在于，所述预设特征参数信息包括以下至少之一：颜色、亮度。

所述预设显示属性包括以下至少之一：背景颜色、背景亮度、背景图案、文字颜色、文字内容。

6.根据权利要求1所述的方法，其特征在于，还包括：

识别所述视频帧中包含的图片或文字对象；

查找与所述图片或文字对象相关联的显示对象，并展示于所述当前页面中。

7.一种页面展示装置，其特征在于，包括：

对象检测单元，检测到当前页面内包含视频对象；

特征获取单元，提取所述视频对象的视频帧，并获取被提取的视频帧的预设特征参数信息；

属性设置单元，根据所述预设特征参数信息，设置所述当前页面内的显示对象的预设显示属性。

8.根据权利要求7所述的装置，其特征在于，所述特征获取单元通过下述方式提取所述视频对象的视频帧：

按照预设频率提取所述视频对象的视频帧。

9.根据权利要求8所述的装置，其特征在于，所述特征获取单元通过下述方式提取所述视频对象的视频帧：

侦听所述当前页面内发生的视频播放事件；

若所述视频对象处于播放状态，则按照预设频率提取所述视频对象的视频帧；

若所述视频对象处于非播放状态，则停止提取所述视频对象的视频帧。

10.根据权利要求7所述的装置，其特征在于，所述特征获取单元通过下述方式获取被提取的视频帧的预设特征参数信息：

将所述被提取的视频帧绘制为画布canvas对象；

从所述canvas对象中读取所述预设特征参数信息。

11.根据权利要求7所述的装置，其特征在于，所述预设特征参数信息包括以下至少之一：颜色、亮度。

所述预设显示属性包括以下至少之一：背景颜色、背景亮度、背景图案、文字颜色、文字内容。

12.根据权利要求7所述的装置，其特征在于，还包括：

对象识别单元，识别所述视频帧中包含的图片或文字对象；

对象展示单元，查找与所述图片或文字对象相关联的显示对象，并展示于所述当前页面中。