CN114996612A - 页面版头的展示方法及装置 - Google Patents

Abstract

本申请提供页面版头的展示方法及装置，其中所述页面版头的展示方法包括：接收针对目标页面的版头加载请求，其中，所述版头加载请求用于加载所述目标页面的版头控件；根据所述版头加载请求加载所述版头控件对应的静态资源，并判断所述版头控件能否展示交互资源；在所述版头控件可以展示所述交互资源的情况下，加载所述交互资源，并在所述版头控件中展示所述交互资源对应的交互界面，其中，所述交互界面用于用户与所述交互资源进行交互。实现了在版头控件中展示可交互的游戏资源的目的，使用户可以在网页版头中玩游戏，以提高用户浏览兴趣、使用黏度。

Description

页面版头的展示方法及装置

技术领域

本申请涉及页面版头信息处理技术领域，特别涉及页面版头的展示方法。本申请同时涉及页面版头的展示装置，一种计算设备，以及一种计算机可读存储介质。

背景技术

随着互联网的发展与应用，越来越多的用户会在网络上浏览相关讯息、观看视频、直播等，当用户通过浏览器访问网页时，尤其是一些具有首页、主页等性质的网页，通常可以从功能上将页面分为两个区域，一部分为版头，另一部分为用于展示主体内容的区域。其中，版头通常会展示在页面的最顶部，以横向条幅的样式存在，因此，也经常被称为“banner”，其主要是起到美化页面、烘托页面气氛的作用。网页中的版头区域可能是用户最先注意到的区域，所以在版头区域设置相关内容对于网页来说是吸引用户、提高用户浏览兴趣的一种手段。目前，网页的版头区域通常以图片或视频形式展现，这样的展现方式对于用户来说过于枯燥，并且与用户之间没有交互，缺少对用户的吸引力。因此，如何提高网页版头区域对用户的吸引力是目前亟需解决的问题。

发明内容

有鉴于此，本申请实施例提供了页面版头的展示方法。本申请同时涉及页面版头的展示装置，一种计算设备，以及一种计算机可读存储介质，以解决现有技术中存在的页面版头无法与用户进行交互导致用户浏览兴趣不高的问题。

根据本申请实施例的第一方面，提供了一种页面版头的展示方法，应用于浏览器，包括：

接收针对目标页面的版头加载请求，其中，所述版头加载请求用于加载所述目标页面的版头控件；

根据所述版头加载请求加载所述版头控件对应的静态资源，并判断所述版头控件能否展示交互资源；

在所述版头控件可以展示所述交互资源的情况下，加载所述交互资源，并在所述版头控件中展示所述交互资源对应的交互界面，其中，所述交互界面用于用户与所述交互资源进行交互。

根据本申请实施例的第二方面，提供了一种页面版头的展示装置，应用于浏览器，包括：

接收模块，被配置为接收针对目标页面的版头加载请求，其中，所述版头加载请求用于加载所述目标页面的版头控件；

判断模块，被配置为根据所述版头加载请求加载所述版头控件对应的静态资源，并判断所述版头控件能否展示交互资源；

展示模块，被配置为在所述版头控件可以展示所述交互资源的情况下，加载所述交互资源，并在所述版头控件中展示所述交互资源对应的交互界面，其中，所述交互界面用于用户与所述交互资源进行交互。

根据本申请实施例的第三方面，提供了一种计算设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机指令，所述处理器执行所述计算机指令时实现所述页面版头的展示方法的步骤。

根据本申请实施例的第四方面，提供了一种计算机可读存储介质，其存储有计算机指令，该计算机指令被处理器执行时实现所述页面版头的展示方法的步骤。

本申请提供的页面版头的展示方法，应用于浏览器，包括：接收针对目标页面的版头加载请求，其中，所述版头加载请求用于加载所述目标页面的版头控件；根据所述版头加载请求加载所述版头控件对应的静态资源，并判断所述版头控件能否展示交互资源；在所述版头控件可以展示所述交互资源的情况下，加载所述交互资源，并在所述版头控件中展示所述交互资源对应的交互界面，其中，所述交互界面用于用户与所述交互资源进行交互。

本申请一实施例通过判断版头控件能否展示交互资源，在版头控件能展示交互资源的情况下，在版头控件中展示交互资源对应的交互界面。实现了在版头控件中展示可交互的游戏资源的目的，使用户可以在网页版头中玩游戏，以提高用户浏览兴趣、使用黏度。

附图说明

图1是本申请一实施例提供的一种页面版头的展示方法的流程图；

图2是本申请一实施例提供的一种应用于加载版头游戏的页面版头的展示方法的处理流程图；

图3是本申请一实施例提供的一种页面版头的展示装置的结构示意图；

图4是本申请一实施例提供的一种计算设备的结构框图。

具体实施方式

在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本申请内涵的情况下做类似推广，因此本申请不受下面公开的具体实施的限制。

在本申请一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请一个或多个实施例。在本申请一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本申请一个或多个实施例中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本申请一个或多个实施例中可能采用术语第一、第二等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本申请一个或多个实施例范围的情况下，第一也可以被称为第二，类似地，第二也可以被称为第一。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

首先，对本申请一个或多个实施例涉及的名词术语进行解释。

网页版头：web端网站首页的焦点图区域。

文档对象模型(DOM)：他将web端页面与脚本或编程语言连接起来。通常是指JavaScript，但将HTML、SVG或XML文档建模为对象并不是JavaScript语言的一部分。因此DOM模型用一个逻辑树来表示一个文档，树的每个分支的终点都是一个节点(node)，每个节点都包含着对象(objects)。

WebGL：WebGL是一种JavaScriptAPI，用于在不使用外挂程序的情况下在任何相容的网页浏览器中呈现交互式2D和3D图形。

Shadow DOM：它可以将一个隐藏的、独立的DOM附加到一个元素上，并将标记结构、样式和行为隐藏起来，并与页面上的其他代码相隔离，保证不同的部分不会混在一起，可使代码更加干净、整洁。

目前，部分网页中包括有网页版头，网页版头通常会展示在页面的最顶部，用于展示主体内容，当用户在web端用过浏览器访问网页时，网页版头可以向用户展示相关信息，以此来吸引用户浏览。但是，现有技术中通常是以图片、视频作为页面的版头，但是，这种版头向用户传达的信息比较少，无法与用户进行有效互动，容易造成用户对网页版头进行浏览的兴趣不高，无法提高用户的使用黏度。

基于此在本申请中，提供了页面版头的展示方法，实现了在页面版头中加入可与用户进行互动的游戏资源，提高用户的浏览兴趣。本申请同时涉及页面版头的展示装置，一种计算设备，以及一种计算机可读存储介质，在下面的实施例中逐一进行详细说明。

图1示出了根据本申请一实施例提供的一种页面版头的展示方法的流程图，具体包括以下步骤：

步骤102：接收针对目标页面的版头加载请求，其中，所述版头加载请求用于加载所述目标页面的版头控件。

其中，目标页面可以理解为本次用户浏览的页面，在目标页面中设置有版头控件，版头控件用于向用户展示推荐信息，例如，版头控件中可以展示一些活动图片、推荐视频等信息，在本申请实施例中版头控件中还可以展示游戏入口、游戏动画。版头加载请求可以理解为加载目标页面的版头的请求，当用户打开包括有版头的页面时，浏览器会接收到加载版头的请求，通过该版头加载请求加载版头控件，从而为用户展示相关信息。

在实际应用中，当用户在web端使用浏览器访问一些包括有版头的页面时，浏览器会接收到用户客户端的浏览请求，同时会接收到服务器或客户端发送的版头加载请求，根据版头加载请求加载目标页面的版头控件。

在本申请一实施例中，浏览器接收到针对目标页面A的版头加载请求，版头加载请求用于加载目标页面A的版头控件，版头控件中可以展示图片、视频或游戏。

步骤104：根据所述版头加载请求加载所述版头控件对应的静态资源，并判断所述版头控件能否展示交互资源。

其中，静态资源可以理解为版头控件展示的图片资源。在实际应用中，在判断版头控件能否展示交互资源之前，可以在版头控件中展示默认的图片资源，保证用户能够在看到交互资源之前，即可浏览到相应的图片资源，使得版头控件不会处于空闲状态，以免在加载视频资源或游戏资源中，使得用户无法观看到版头控件的展示内容，降低用户的浏览兴趣。交互资源可以理解为版头控件展示的游戏资源，在加载静态资源之后，即可对版头控件能否展示交互资源进行判断，从而确定是否为用户提供游戏资源的展示。判断版头控件能否展示交互资源实质上是判断当前浏览器是否支持版头游戏，在浏览器可以支持版头游戏的情况下，则版头控件可以展示对应的交互资源，即游戏资源。

在实际应用中，静态资源可以定期更换并确定、也可以根据版头加载请求中携带的静态资源标识确定。在定期更换的情况下，目标页面的默认加载的静态资源是确定的；在根据静态资源标识确定的情况下，版头加载请求中会携带静态资源标识，根据静态资源标识确定待展示的静态资源。当根据版头控件的配置信息确定版头控件的展示内容时，浏览器可以先获取图片资源文件，加载图片资源文件以在版头控件中先展示图片资源，减轻用户在等待加载时的无聊感，提高用户浏览兴趣。

在本申请一实施例中，根据版头加载请求加载版头控件对应的默认图片，并判断目标页面的版头控件能否展示交互资源。

具体地，判断所述版头控件能否展示交互资源，包括：根据所述版头加载请求获取所述版头控件的配置信息，其中，所述配置信息包括交互配置文件；

根据所述交互配置文件判断所述版头控件能否展示交互资源。

其中，版头控件的配置信息可以理解为版头控件所要展示的内容的信息。例如，配置信息中可以包括有图片、视频的资源信息或者交互配置文件。交互配置文件可以理解为当版头控件展示游戏之前所需的配置文件，交互配置文件可以包括浏览器支持展示游戏资源的自检程序或者游戏类型、名称等配置文件，浏览器可以根据配置信息确定本次为用户所展示的内容。

在实际应用中，当用户通过浏览器浏览目标页面时，浏览器会根据版头加载请求获取到目标页面的版头控件的配置信息，当配置信息中包括有交互配置文件时，浏览器则会优先根据交互配置文件判断本次版头控件能否展示游戏资源，当判断结果为版头控件不能展示游戏资源时，则向用户展示图片资源或视频资源。

在本申请一实施例中，沿用上例，浏览器根据版头加载请求获取版头控件的配置信息，配置信息中包括有版头控件展示游戏资源的自检程序，根据自检程序可以确定浏览器是否支持在版头控件中展示游戏资源。

具体地，所述交互配置文件包括交互检测文件；

根据所述交互配置文件判断所述版头控件能否展示交互资源，包括：

在可以运行所述交互检测文件的情况下，确定所述版头控件可以展示交互资源；

在不可以运行所述交互检测文件的情况下，确定所述版头控件不可以展示交互资源。

其中，交互检测文件可以理解为检测版头控件能否展示交互资源的文件，浏览器通过能否运行交互检测文件来判断是否支持版头控件加载交互资源文件。

在实际应用中，当浏览器不能运行交互检测文件时，说明浏览器不支持在版头控件中加载交互资源文件，则在版头控件中加载图片、视频资源；当浏览器可以运行交互检测文件时，说明浏览器支持在版头控件中加载交互资源文件，则在版头控件中加载交互资源文件。

在本申请一具体实施例中，沿用上例，浏览器获取到版头控件的交互配置文件，交互配置文件为游戏自检程序，浏览器检测能否运行游戏自检程序，确定浏览器可以运行游戏自检程序时，代表浏览器支持在版头控件中展示游戏资源，则版头控件中可以展示游戏资源。

在本申请一具体实施例中，沿用上例，浏览器获取到版头控件的交互配置文件，交互配置文件为游戏自检程序，检测浏览器能否运行游戏自检程序，确定浏览器不可以运行游戏自检程序时，代表浏览器不支持在版头控件中展示游戏资源，则版头控件中可以展示图片资源或视频资源。

步骤106：在所述版头控件可以展示所述交互资源的情况下，加载所述交互资源，并在所述版头控件中展示所述交互资源对应的交互界面，其中，所述交互界面用于用户与所述交互资源进行交互。

其中，版头控件可以展示交互资源可以理解为浏览器支持在版头控件中展示游戏资源，则在版头控件可以展示交互资源的情况下，浏览器会获取交互资源并加载交互资源对应的交互资源文件，交互资源文件即为游戏资源文件，在版头控件中加载游戏资源文件，即可以在版头控件中展示游戏资源文件对应的游戏资源，交互资源可以理解为游戏资源。

在实际实施时，交互资源对应的交互界面可以包括游戏的展示动画以及游戏入口控件，当用户点击游戏入口控件时，则可以进入游戏，在目标页面的版头控件中玩游戏，提高用户的浏览兴趣和使用粘度。

在本申请一实施例中，沿用上例，在浏览器支持版头控件加载游戏资源文件的情况下，浏览器获取获取到游戏资源文件，在版头控件中加载游戏资源文件，以使版头控件可以展示游戏资源。

在实际应用中，也有浏览器不支持在版头控件中展示交互资源的情况，具体地，所述配置信息还包括视频资源文件，根据所述交互配置文件判断所述版头控件能否展示交互资源，还包括：

在所述版头控件不可以展示所述交互资源的情况下，加载所述视频资源文件，在所述版头控件中加载并展示所述视频资源文件对应的视频资源。

其中，视频资源文件即为不可交互的资源文件，在实际应用中，当版头控件不能展示交互资源时，即浏览器不支持在版头控件中运行版头游戏时，则可以获取视频资源文件，后续会在版头控件中展示视频资源。

在本申请一实施例中，沿用上例，在版头控件不可以展示游戏资源的情况下，获取视频资源文件，在版头控件中加载并展示视频资源文件对应的视频资源。

在版头控件能展示交互资源的情况下，浏览器需要获取到待展示的交互资源对应的交互资源文件，具体地，所述配置信息包括目标交互资源标识；

加载所述交互资源，包括：

根据所述目标交互资源标识在资源数据库中查找确定目标交互资源文件；

加载所述目标交互资源文件。

其中，目标交互资源标识可以理解为本次版头控件加载的交互资源的交互资源文件的标识，交互资源标识可以理解为资源的唯一序列号或唯一名称。资源数据库可以理解为保存有全部资源文件的数据库，数据库可以存储在服务器中，当浏览器需要目标交互资源文件时，可以根据目标交互资源对应的目标交互资源标识在资源数据库中查找到目标交互资源文件，从而进行后续加载目标交互资源文件。

在实际应用中，页面的版头控件中可以展示很多种交互资源，即可以展示很多种不同的游戏资源，具体实施时，展示规则可以根据页面的开发人员确定，例如根据时间不同，展示不同的游戏资源。当在一个时间段内，展示的为相同的游戏资源，则浏览器可以根据此时获取到的配置信息中的目标交互资源标识确定本次所要展示的目标交互资源文件，并在版头控件中加载展示目标交互资源。

在本申请一实施例中，配置信息中包括目标交互资源标识A，根据目标交互资源标识A在资源数据库进行查找，查找到目标交互资源标识A对应的目标交互资源文件A，则可以在版头控件中加载并展示目标交互资源A。

具体地，所述交互资源包括游戏资源文件；

加载所述交互资源，并在所述版头控件中展示所述交互资源对应的交互界面，包括：

加载所述游戏资源文件；

在所述版头控件中展示所述游戏资源文件对应的游戏交互界面。

其中，交互资源对应的交互资源文件即为游戏资源文件，因用户可以通过版头控件玩游戏，即用户可以在版头控件中与游戏资源进行交互。游戏交互界面可以理解为用户可以进行交互的游戏界面，实际实施时，游戏交互界面包括版头游戏入口以及游戏待机动画。

在实际应用中，游戏资源文件可以包括有游戏的初始展示动画和游戏入口控件，当版头控件加载游戏资源文件之后，则可以在版头控件中展示版头游戏入口和游戏待机动画，用户通过点击版头游戏入口控件，则可以开始玩游戏。

具体地，所述游戏资源文件包括待机资源文件；

加载所述游戏资源文件，包括：

加载所述待机资源文件；

相应的，在所述版头控件中展示所述游戏资源文件对应的游戏交互界面，包括：

在所述版头控件中展示所述待机资源文件对应的待机资源。

其中，待机资源可以理解为游戏待机动画资源，待机资源文件可以理解为游戏待机动画对应的资源文件。

在本申请一实施例中，沿用上例，加载游戏资源文件，在版头控件中展示游戏资源文件对应的游戏入口控件和游戏待机动画。

在实际应用中，当浏览器在版头控件中加载并展示游戏入口控件和游戏待机动画之后，用户则可以与版头控件中展示的交互资源进行交互，即点击游戏入口控件，从而开始玩游戏。具体地，所述方法还包括：

接收针对所述游戏交互界面的交互指令；

响应于所述交互指令获取游戏运行资源文件；

加载所述游戏运行资源文件，在所述版头控件中启动所述游戏运行资源对应的目标游戏。

其中，交互指令可以理解为用户与游戏资源的交互指令，即用户点击游戏入口控件的指令，游戏运行资源文件可以理解为运行游戏所需的资源文件，游戏运行资源文件可以为运行版头游戏的JavaScript文件，加载游戏运行资源则可以初始化游戏对象并启动游戏。

在实际应用中，当用户在看到版头控件中展示的游戏资源时，若有想要游玩的想法，会通过点击游戏入口控件即开始游戏的按钮来启动游戏，此时，浏览器会获取并加载游戏运行资源文件，从而在版头控件中启动游戏，为用户提供游玩渠道。

在本申请一实施例中，接收到用户针对游戏资源的启动指令，即接收到用户针对游戏资源中游戏入口控件的点击指令，获取运行游戏的脚本文件，加载脚本文件，从而在版头控件中启动目标游戏。

具体地，所述游戏运行资源文件还包括动画资源文件，所述方法还包括：

加载所述动画资源文件，在所述版头控件中播放所述动画资源文件对应的动画资源。

其中，动画资源文件可以理解为加载游戏时展示的动画文件，加载动画资源文件之后，则可以在版头控件中播放对应的游戏动画，可以是在加载游戏的脚本文件时同时为用户展示相应的剧情动画，避免加载动画过于无聊，降低用户的游戏体验。

在实际应用中，当用户点击开始游戏之后，则开始加载游戏运行资源文件，在加载过程中，可以先加载动画资源文件，为用户展示游戏的相关剧情动画，提高用户的游玩兴趣及游戏体验。

在本申请一实施例中，沿用上例，游戏运行资源文件中包括动画资源文件和游戏脚本文件，在加载游戏运行资源文件时，可以先加载动画资源文件，在版头控件中播放动画资源文件对应的动画资源。

具体地，在所述版头控件中播放所述动画资源文件对应的动画资源之后，所述方法还包括：

确定所述游戏运行资源文件的加载状态；

在所述加载状态是未完成的情况下，在所述版头控件中展示所述加载状态的加载进度。

其中，加载状态可以理解为加载游戏运行资源文件的加载情况，加载状态可以包括加载中、加载完成。当加载状态为加载中时则代表用户还无法开始玩游戏，需要等待游戏加载，此时可以在版头控件中展示游戏的加载进度。

在实际应用中，当加载游戏运行资源文件时，可以向用户展示游戏的剧情动画，当剧情动画播放结束后，若游戏运行资源文件还没有加载完毕，则会向用户展示当前的加载进度。

在本申请一实施例中，在播放游戏的剧情动画结束之后，确定游戏运行资源文件的加载状态，在加载状态是未完成时，在版头控件中展示加载进度。

具体地，所述方法还包括：

接收针对所述目标游戏的操作指令；

根据所述操作指令获取所述目标游戏的初始游戏画面；

基于所述操作指令和所述初始游戏画面生成所述操作指令对应的目标游戏画面。

其中，操作指令可以理解为用户玩游戏时输入的指令，操作指令可以是移动游戏角色的指令，初始游戏画面可以理解为当前的游戏画面，在接收到用户的操作指令之后，则需要根据当前的游戏画面和操作指令生成操作指令对应的目标游戏画面，目标游戏画面即为执行过操作指令对应的操作之后的画面。

在实际应用中，当用户玩游戏时，会不断发出针对目标游戏的操作指令，根据操作指令需要不断渲染目标游戏的游戏画面。

在本申请一实施例中，接收针对目标游戏的移动角色指令，根据操作指令获取目标游戏的当前游戏画面，并根据操作指令和当前游戏画面生成执行操作指令后的游戏画面。

具体地，基于所述操作指令和所述初始游戏画面生成所述操作指令对应的目标游戏画面，包括：

获取所述初始游戏画面的初始游戏逻辑信息；

根据所述操作指令对初始游戏逻辑信息进行更新，生成目标游戏逻辑信息；

基于所述目标游戏逻辑信息渲染生成目标游戏画面。

其中，初始游戏逻辑信息可以理解为初始游戏画面中游戏场景对象的逻辑，初始游戏逻辑信息可以包括有游戏角色的站立、跑动、跳跃等逻辑，也包括游戏场景中某些对象的碰撞和反馈效果逻辑，通过操作指令对初始游戏逻辑信息进行更新生成目标游戏逻辑信息，根据目标游戏逻辑信息则可以渲染生成目标游戏画面。

在实际应用中，目标游戏的游戏架构包括有渲染器、场景树、物理引擎、动画状态机、摄像机和游戏逻辑系统等部分。

渲染器是通过获取摄像机数据，遍历整个场景树，将所有可渲染对象以一定顺序渲染在帧缓冲上的对象。可渲染对象是对WebGL Shader Program、WebGL VertexArrayObject、WebGL Texture和一些可配置参数的封装，通过调用其render方法，能使用WebGL的绘制指令将其描述的对象渲染在帧缓冲上。

场景树是通过树状结构将整个场景的所以对象组织起来，对父节点进行的变换操作会应用在它所有的子节点上，游戏运行逻辑通过从根节点遍历场景树，执行更新。渲染器也会通过从根节点遍历场景树，渲染整个场景中的可渲染对象。

物理引擎是实现在场景中某些对象需要类似现实的碰撞和反馈效果，每个需要物理效果的对象会额外的包含其物理性质描述的参数及其物理状态数据，并在每一帧中运行物理引擎的更新机制，计算其更新后的状态数据。

动画状态机是在场景中一些对象需要维护其动画状态时，如玩家拥有站立、跑动、跳跃、落下、抓取等不同状态和其动画，为了便于维护这些状态，保证每个状态都能正确播放不同的动画，这里单独抽象出了动画状态机，提供了切换状态时触发的执行逻辑和何时从当前状态切换到下一状态的判断逻辑维护。

摄像机是用于确定视角位置，包括视角上方向、朝向方向、视野大小、正交还是透视投影、实际渲染分辨率等参数，计算当前摄像机的视图矩阵和投影矩阵，提供给渲染器使用。同时支持对摄像机的各项参数进行运行时修改，满足运镜效果的一些需求场景。

游戏逻辑系统通过引用并更新部分游戏状态、资源和场景对象完成逻辑的执行和数据的更新。在版头控件中进行游戏，通过Shadow DOM技术，将其样式、输入与页面其他部分隔离，并通过监听整个版头游戏区域的输入事件来读取输入，支持键盘操作重开。游戏的开始、结束、新手教程及游戏中的分数显示HUD都通过在Shadow DOM中添加或移除子元素来实现，因不依赖大型前端框架，从而减少了游戏资源文件体积。

在本申请一实施例中，获取当前游戏画面的初始游戏逻辑信息，用户的操作指令为控制游戏角色前进，则根据操作指令对初始游戏逻辑信息中的游戏角色的数据进行更新，生成目标游戏逻辑信息，根据目标游戏逻辑信息生成目标游戏画面。

具体地，所述操作指令还包括视角调整指令；

基于所述操作指令和所述初始游戏画面生成所述操作指令对应的目标游戏画面，还包括：

获取所述初始游戏画面的初始视角信息；

根据所述视角调整指令调整所述初始视角信息，生成目标视角信息；

基于所述目标视角信息渲染生成目标游戏画面。

其中，初始视角信息可以理解为当前游戏画面的视角，当操作指令为视角调整指令时，则表征用户想要调整游戏画面的视角，则可以根据视角调整指令调整初始视角信息，生成目标视角信息，根据目标视角信息渲染生成目标游戏画面。

在实际应用中，用户可以动态调整游戏视角，例如当前视角为距离游戏人物a距离，用户想要调远与游戏人物的距离，则可以发出视角调整指令，视角调整指令中包括调整视野大小指令，根据视角调整指令调整游戏视野大小，从而调整距离游戏人物的距离。具体地，视角调整指令可以理解为调整摄像机的指令，通过调整摄像机的位置、方向、视野大小等参数，则可以为渲染器提供调整参数，由渲染器生成目标游戏画面。

在本申请一实施例中，操作指令中包括视角调整指令，视角调整指令为调整游戏画面向下移，则获取当前游戏画面的初始视角信息，根据视角调整指令调整当前游戏画面的初始视角信息，生成目标视角信息，目标视角信息为初始视角信息向下移动后的视角信息，根据目标视角信息渲染生成目标游戏画面。

本申请提供的一种页面版头的展示方法，应用于浏览器，包括：接收针对目标页面的版头加载请求，其中，所述版头加载请求用于加载所述目标页面的版头控件；根据所述版头加载请求加载所述版头控件对应的静态资源，并判断所述版头控件能否展示交互资源；在所述版头控件可以展示所述交互资源的情况下，加载所述交互资源，并在所述版头控件中展示所述交互资源对应的交互界面，其中，所述交互界面用于用户与所述交互资源进行交互。通过对版头控件能否展示交互资源进行判断，在版头控件可以展示交互资源的情况下，在版头控件中展示交互资源，使得用户可以在版头控件中与交互资源进行交互，即在版头控件中进行玩游戏的交互，提高用户浏览页面的浏览兴趣，提升用户的使用粘度和认同感。

下述结合附图2，以本申请提供的页面版头的展示方法在加载版头游戏的应用为例，对所述页面版头的展示方法进行进一步说明。其中，图2示出了本申请一实施例提供的一种应用于加载版头游戏的页面版头的展示方法的处理流程图，具体包括以下步骤：

步骤202：接收针对目标页面的版头加载请求，其中，所述版头加载请求用于加载所述目标页面的版头控件。

其中，版头加载请求为加载目标页面版头控件的请求，目标页面可以是一些门户网站的页面。

步骤204：根据所述版头加载请求获取所述版头控件的配置信息，其中，所述配置信息包括游戏配置文件。

其中，游戏配置文件为浏览器运行的版头游戏自检程序文件。

步骤206：判断版头控件能否加载所述游戏配置文件对应的游戏资源文件。

其中，判断版头控件能否加载游戏资源文件为判断浏览器能否运行版头游戏自检程序文件，在版头控件可以加载游戏资源文件的情况下，获取游戏资源文件并加载，以在版头控件中展示游戏资源。

步骤208：根据配置信息中的目标游戏资源标识在资源数据库中查找，根据查找结果获取目标游戏资源文件。

步骤210：加载目标游戏资源文件。

步骤212：在版头控件中展示目标游戏资源文件对应的游戏资源。

本申请一实施例提供的应用于加载版头游戏的页面版头的展示方法，包括接收针对目标页面的版头加载请求，其中，所述版头加载请求用于加载所述目标页面的版头控件，根据所述版头加载请求获取所述版头控件的配置信息，其中，所述配置信息包括游戏配置文件，判断版头控件能否加载所述游戏配置文件对应的游戏资源文件，根据配置信息中的目标游戏资源标识在资源数据库中查找，根据查找结果获取目标游戏资源文件，加载目标游戏资源文件，在版头控件中展示目标游戏资源文件对应的游戏资源。通过判断版头控件能否加载游戏配置文件对应的游戏资源文件，确定版头控件最后加载的实际内容，在版头控件可以加载游戏资源文件的情况下，在版头控件中加载并展示游戏资源，使得用户可以在目标页面的版头控件中进行游戏，提高用户浏览兴趣，提升用户的使用粘度和认同感。

与上述方法实施例相对应，本申请还提供了页面版头的展示装置实施例，图3示出了本申请一实施例提供的一种页面版头的展示装置的结构示意图。如图3所示，该装置包括：

接收模块302，被配置为接收针对目标页面的版头加载请求，其中，所述版头加载请求用于加载所述目标页面的版头控件；

判断模块304，被配置为根据所述版头加载请求加载所述版头控件对应的静态资源，并判断所述版头控件能否展示交互资源；

展示模块306，被配置为在所述版头控件可以展示所述交互资源的情况下，加载所述交互资源，并在所述版头控件中展示所述交互资源对应的交互界面，其中，所述交互界面用于用户与所述交互资源进行交互。

可选的，所述判断模块304进一步被配置为：根据所述版头加载请求获取所述版头控件的配置信息，其中，所述配置信息包括交互配置文件；

根据所述交互配置文件判断所述版头控件能否展示交互资源。

可选的，所述判断模块304进一步被配置为：所述交互配置文件包括交互检测文件；

在可以运行所述交互检测文件的情况下，确定所述版头控件可以加载所述交互配置文件对应的交互资源文件；

在不可以运行所述交互检测文件的情况下，确定所述版头控件不可以加载所述交互配置文件对应的交互资源文件。

可选的，所述判断模块304进一步被配置为：所述配置信息包括目标交互资源标识；

根据所述目标交互资源标识在资源数据库中查找；

根据查找结果获取并加载目标交互资源文件。

可选地，所述展示模块306进一步被配置为：所述交互资源包括游戏资源文件；

加载所述游戏资源文件；

在所述版头控件中展示所述游戏资源文件对应的游戏交互界面。

可选地，所述展示模块306进一步被配置为：所述游戏资源文件还包括待机资源文件；

加载所述待机资源文件；

在所述版头控件中展示所述待机资源文件对应的待机资源。

可选地，所述装置还包括启动装置，被配置为：

接收针对所述游戏交互界面的交互指令；

响应于所述交互指令获取游戏运行资源文件；

加载所述游戏运行资源文件，在所述版头控件中启动所述游戏运行资源对应的目标游戏。

可选地，所述启动装置进一步配置为：所述游戏运行资源文件还包括动画资源文件；

加载所述动画资源文件，在所述版头控件中播放所述动画资源文件对应的动画资源。

可选地，所述启动装置进一步配置为：

确定所述游戏运行资源文件的加载状态；

在所述加载状态是未完成的情况下，在所述版头控件中展示所述加载状态的加载进度。

可选地，所述判断模块304进一步被配置为：所述配置信息还包括视频资源文件；

在所述版头控件不可以展示所述交互资源的情况下，加载所述视频资源文件，在所述版头控件中加载并展示所述视频资源文件对应的视频资源。

可选地，所述启动装置进一步配置为：

接收针对所述目标游戏的操作指令；

根据所述操作指令获取所述目标游戏的初始游戏画面；

基于所述操作指令和所述初始游戏画面生成所述操作指令对应的目标游戏画面。

可选地，所述启动装置进一步配置为：

获取所述初始游戏画面的初始游戏逻辑信息；

根据所述操作指令对初始游戏逻辑信息进行更新，生成目标游戏逻辑信息；

基于所述目标游戏逻辑信息渲染生成目标游戏画面。

可选地，所述启动装置进一步配置为：

获取所述初始游戏画面的初始视角信息；

根据所述视角调整指令调整所述初始视角信息，生成目标视角信息；

基于所述目标视角信息渲染生成目标游戏画面。

本申请提供的一种页面版头的展示装置，应用于浏览器，包括：接收模块，被配置为接收针对目标页面的版头加载请求，其中，所述版头加载请求用于加载所述目标页面的版头控件；判断模块，被配置为根据所述版头加载请求加载所述版头控件对应的静态资源，并判断所述版头控件能否展示交互资源；展示模块，被配置为在所述版头控件可以展示所述交互资源的情况下，加载所述交互资源，并在所述版头控件中展示所述交互资源对应的交互界面，其中，所述交互界面用于用户与所述交互资源进行交互。通过对版头控件能否展示交互资源进行判断，在版头控件可以展示交互资源的情况下，在版头控件中展示交互资源，使得用户可以在版头控件中与交互资源进行交互，即在版头控件中进行玩游戏的交互，提高用户浏览页面的浏览兴趣，提升用户的使用粘度和认同感。

上述为本实施例的一种页面版头的展示装置的示意性方案。需要说明的是，该页面版头的展示装置的技术方案与上述的页面版头的展示方法的技术方案属于同一构思，页面版头的展示装置的技术方案未详细描述的细节内容，均可以参见上述页面版头的展示方法的技术方案的描述。

图4示出了根据本申请一实施例提供的一种计算设备400的结构框图。该计算设备400的部件包括但不限于存储器410和处理器420。处理器420与存储器410通过总线430相连接，数据库450用于保存数据。

计算设备400还包括接入设备440，接入设备440使得计算设备400能够经由一个或多个网络460通信。这些网络的示例包括公用交换电话网(PSTN)、局域网(LAN)、广域网(WAN)、个域网(PAN)或诸如因特网的通信网络的组合。接入设备440可以包括有线或无线的任何类型的网络接口(例如，网络接口卡(NIC))中的一个或多个，诸如IEEE802.11无线局域网(WLAN)无线接口、全球微波互联接入(Wi-MAX)接口、以太网接口、通用串行总线(USB)接口、蜂窝网络接口、蓝牙接口、近场通信(NFC)接口，等等。

在本申请的一个实施例中，计算设备400的上述部件以及图4中未示出的其他部件也可以彼此相连接，例如通过总线。应当理解，图4所示的计算设备结构框图仅仅是出于示例的目的，而不是对本申请范围的限制。本领域技术人员可以根据需要，增添或替换其他部件。

计算设备400可以是任何类型的静止或移动计算设备，包括移动计算机或移动计算设备(例如，平板计算机、个人数字助理、膝上型计算机、笔记本计算机、上网本等)、移动电话(例如，智能手机)、可佩戴的计算设备(例如，智能手表、智能眼镜等)或其他类型的移动设备，或者诸如台式计算机或PC的静止计算设备。计算设备400还可以是移动式或静止式的服务器。

其中，处理器420执行所述计算机指令时实现所述的页面版头的展示方法的步骤。

上述为本实施例的一种计算设备的示意性方案。需要说明的是，该计算设备的技术方案与上述的页面版头的展示方法的技术方案属于同一构思，计算设备的技术方案未详细描述的细节内容，均可以参见上述页面版头的展示方法的技术方案的描述。

本申请一实施例还提供一种计算机可读存储介质，其存储有计算机指令，该计算机指令被处理器执行时实现如前所述页面版头的展示方法的步骤。

上述为本实施例的一种计算机可读存储介质的示意性方案。需要说明的是，该存储介质的技术方案与上述的页面版头的展示方法的技术方案属于同一构思，存储介质的技术方案未详细描述的细节内容，均可以参见上述页面版头的展示方法的技术方案的描述。

上述对本申请特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

所述计算机指令包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。

需要说明的是，对于前述的各方法实施例，为了简便描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其它顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定都是本申请所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其它实施例的相关描述。

以上公开的本申请优选实施例只是用于帮助阐述本申请。可选实施例并没有详尽叙述所有的细节，也不限制该发明仅为所述的具体实施方式。显然，根据本申请的内容，可作很多的修改和变化。本申请选取并具体描述这些实施例，是为了更好地解释本申请的原理和实际应用，从而使所属技术领域技术人员能很好地理解和利用本申请。本申请仅受权利要求书及其全部范围和等效物的限制。

Claims (16)

1.一种页面版头的展示方法，其特征在于，应用于浏览器，包括：

接收针对目标页面的版头加载请求，其中，所述版头加载请求用于加载所述目标页面的版头控件；

根据所述版头加载请求加载所述版头控件对应的静态资源，并判断所述版头控件能否展示交互资源；

在所述版头控件可以展示所述交互资源的情况下，加载所述交互资源，并在所述版头控件中展示所述交互资源对应的交互界面，其中，所述交互界面用于用户与所述交互资源进行交互。

2.如权利要求1所述的方法，其特征在于，判断所述版头控件能否展示交互资源，包括：

根据所述版头加载请求获取所述版头控件的配置信息，其中，所述配置信息包括交互配置文件；

根据所述交互配置文件判断所述版头控件能否展示交互资源。

3.如权利要求2所述的方法，其特征在于，所述交互配置文件包括交互检测文件；

根据所述交互配置文件判断所述版头控件能否展示交互资源，包括：

在可以运行所述交互检测文件的情况下，确定所述版头控件可以展示交互资源；

在不可以运行所述交互检测文件的情况下，确定所述版头控件不可以展示交互资源。

4.如权利要求2所述的方法，其特征在于，所述配置信息包括目标交互资源标识；

加载所述交互资源，包括：

根据所述目标交互资源标识在资源数据库中确定目标交互资源文件；

加载所述目标交互资源文件。

5.如权利要求1所述的方法，其特征在于，所述交互资源包括游戏资源文件；

加载所述交互资源，并在所述版头控件中展示所述交互资源对应的交互界面，包括：

加载所述游戏资源文件；

在所述版头控件中展示所述游戏资源文件对应的游戏交互界面。

6.如权利要求5所述的方法，其特征在于，所述游戏资源文件包括待机资源文件；

加载所述游戏资源文件，包括：

加载所述待机资源文件；

相应的，在所述版头控件中展示所述游戏资源文件对应的游戏交互界面，包括：

在所述版头控件中展示所述待机资源文件对应的待机资源。

7.如权利要求5所述的方法，其特征在于，所述方法还包括：

接收针对所述游戏交互界面的交互指令；

响应于所述交互指令获取游戏运行资源文件；

加载所述游戏运行资源文件，在所述版头控件中启动所述游戏运行资源对应的目标游戏。

8.如权利要求7所述的方法，其特征在于，所述游戏运行资源文件还包括动画资源文件，所述方法还包括：

加载所述动画资源文件，在所述版头控件中播放所述动画资源文件对应的动画资源。

9.如权利要求8所述的方法，其特征在于，在所述版头控件中播放所述动画资源文件对应的动画资源之后，所述方法还包括：

确定所述游戏运行资源文件的加载状态；

在所述加载状态是未完成的情况下，在所述版头控件中展示所述加载状态的加载进度。

10.如权利要求2所述的方法，其特征在于，所述配置信息还包括视频资源文件，根据所述交互配置文件判断所述版头控件能否展示交互资源，还包括：

在所述版头控件不可以展示所述交互资源的情况下，加载所述视频资源文件，在所述版头控件中加载并展示所述视频资源文件对应的视频资源。

11.如权利要求7所述的方法，其特征在于，所述方法还包括：

接收针对所述目标游戏的操作指令；

根据所述操作指令获取所述目标游戏的初始游戏画面；

基于所述操作指令和所述初始游戏画面生成所述操作指令对应的目标游戏画面。

12.如权利要求11所述的方法，其特征在于，基于所述操作指令和所述初始游戏画面生成所述操作指令对应的目标游戏画面，包括：

获取所述初始游戏画面的初始游戏逻辑信息；

根据所述操作指令对初始游戏逻辑信息进行更新，生成目标游戏逻辑信息；

基于所述目标游戏逻辑信息渲染生成目标游戏画面。

13.如权利要求11所述的方法，其特征在于，所述操作指令还包括视角调整指令；

基于所述操作指令和所述初始游戏画面生成所述操作指令对应的目标游戏画面，还包括：

获取所述初始游戏画面的初始视角信息；

根据所述视角调整指令调整所述初始视角信息，生成目标视角信息；

基于所述目标视角信息渲染生成目标游戏画面。

14.一种页面版头的展示装置，其特征在于，应用于浏览器，包括：

接收模块，被配置为接收针对目标页面的版头加载请求，其中，所述版头加载请求用于加载所述目标页面的版头控件；

判断模块，被配置为根据所述版头加载请求加载所述版头控件对应的静态资源，并判断所述版头控件能否展示交互资源；

展示模块，被配置为在所述版头控件可以展示所述交互资源的情况下，加载所述交互资源，并在所述版头控件中展示所述交互资源对应的交互界面，其中，所述交互界面用于用户与所述交互资源进行交互。

15.一种计算设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机指令，其特征在于，所述处理器执行所述计算机指令时实现权利要求1-13任意一项所述方法的步骤。

16.一种计算机可读存储介质，其存储有计算机指令，其特征在于，该计算机指令被处理器执行时实现权利要求1-13任意一项所述方法的步骤。

Images