CN114092362A - 一种全景图片加载方法和装置 - Google Patents

Abstract

本发明公开了一种全景图片加载方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：接收图片加载请求，图片加载请求指示了待加载的全景图片，全景图片对应有多张第一图片和多张第二图片，第二图片与所对应的第一图片内容相同、且第二图片的分辨率大于所对应的第一图片的分辨率；分别加载多张第二图片对应的第一图片，以展示全景图片；当监听到针对全景图片的触发指令时，确定触发指令指示的目标第一图片以及第一图片区域；在与目标第一图片所对应的目标第二图片中，确定与第一图片区域对应的第二图片区域，并利用第二图片区域替换全景图片中的第一图片区域。该实施方式不仅提高了全景图片的加载速度，而且提升了用户体验。

Description

一种全景图片加载方法和装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种全景图片加载方法和装置。

背景技术

随着计算机技术的发展，全景图片应运而生。全景图片本质上是由数张高清图片拼合得到的，以使用户能够从更多的角度看到更完整的场景，在游戏、租房、VR等领域内，全景图片均有广泛的应用场景。

但是，在图片加载过程中，由于全景图片中包含多张高清图片，导致全景图片的加载速度较慢，降低了用户体验。

发明内容

有鉴于此，本发明实施例提供一种全景图片加载方法和装置，预先设置待加载的全景图片对应有多张分辨率较低的第一图片和多张分辨率较高的第二图片、且第一图片和第二图片内容相同，在接收到图片加载请求后，能够先加载分辨率较低的第一图片，以展示全景图片，当监听到针对全景图片的触发指令时，再将触发指令指示的第一图片区域替换为分辨率较高的第二图片区域，从而不仅提高了全景图片的加载速度，而且提升了用户体验。

为实现上述目的，根据本发明实施例的一个方面，提供了一种全景图片加载方法。

本发明实施例的一种全景图片加载方法包括：

接收图片加载请求，图片加载请求指示了待加载的全景图片，全景图片对应有多张第一图片和多张第二图片，第二图片与所对应的第一图片内容相同、且第二图片的分辨率大于所对应的第一图片的分辨率；

根据图片加载请求，分别加载多张第二图片对应的第一图片，以展示全景图片；

当监听到针对全景图片的触发指令时，确定触发指令指示的目标第一图片，以及目标第一图片中的第一图片区域；

在与目标第一图片所对应的目标第二图片中，确定与第一图片区域对应的第二图片区域，并利用第二图片区域替换全景图片中的第一图片区域。

可选地，

当未监听到针对全景图片的触发指令时，根据第一预设顺序，将第一图片替换为第二图片。

可选地，

根据图片加载请求，分别加载多张第二图片对应的第一图片，包括：

按照第二预设顺序，将多张第一图片的像素值依次保存至数组中；其中，第二预设顺序为根据多张第一图片得到全景图片的顺序。

可选地，

利用第二图片区域替换全景图片中的第一图片区域，包括：

将数组中保存的第一图片区域对应的像素值替换为对应的第二图片区域的像素值，以将第一图片区域替换为第二图片区域。

可选地，

第二图片由多张第二子图片组成；

利用第二图片区域替换全景图片中的第一图片区域，包括：

从多张第二子图片中确定与第一图片区域对应的目标第二子图片；

加载并展示目标第二子图片，以利用目标第二子图片覆盖第一图片区域。

可选地，

第一图片由多张第一子图片组成，第一子图片与第二子图片一一对应；

利用第二图片区域替换全景图片中的第一图片区域，包括：

从多张第一子图片中确定与第一图片区域对应的目标第一子图片；

利用目标第二子图片替换目标第一子图片。

可选地，

该方法还包括：

计算第一图片的尺寸与第二图片的尺寸的比值；

当比值小于1时，针对每一张第一图片，均执行：

根据比值，将第一图片放大相应的倍数，以使第一图片的尺寸等于第二图片的尺寸。

可选地，

当方法应用在VR天空盒中时，在分别加载多张第二图片对应的第一图片之后，还包括：

根据第一图片以及预设的第一渲染策略，对VR天空盒中的场景进行渲染。

可选地，

在利用第二图片区域替换全景图片中的第一图片区域之后，还包括：

根据第二图片区域以及预设的第二渲染策略，对VR天空盒中的场景进行渲染。

可选地，

变更指令为以下任意一种：放大指令、聚焦指令或裁剪指令。

为实现上述目的，根据本发明实施例的又一方面，提供了一种全景图片加载装置。

本发明实施例的一种全景图片加载装置包括请求接收模块、图片加载模块、图片确定模块以及图片替换模块；其中：

请求接收模块，用于接收图片加载请求，图片加载请求指示了待加载的全景图片，全景图片对应有多张第一图片和多张第二图片，第二图片与所对应的第一图片内容相同、且第二图片的分辨率大于所对应的第一图片的分辨率；

图片加载模块，用于根据图片加载请求，分别加载多张第二图片对应的第一图片，以展示全景图片；

图片确定模块，用于当监听到针对全景图片的触发指令时，确定触发指令指示的目标第一图片，以及目标第一图片中的第一图片区域；

图片替换模块，用于在与目标第一图片所对应的目标第二图片中，确定与第一图片区域对应的第二图片区域，并利用第二图片区域替换全景图片中的第一图片区域。

为实现上述目的，根据本发明实施例的又一方面，提供了一种全景图片加载电子设备。

本发明实施例的一种全景图片加载电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现本发明实施例的一种全景图片加载方法。

为实现上述目的，根据本发明实施例的再一方面，提供了一种计算机可读存储介质。

本发明实施例的一种计算机可读存储介质，其上存储有计算机程序，程序被处理器执行时实现本发明实施例的一种全景图片加载方法。

上述发明中的一个实施例具有如下优点或有益效果：预先设置待加载的全景图片对应有多张分辨率较低的第一图片和多张分辨率较高的第二图片、且第一图片和第二图片内容相同，在接收到图片加载请求后，能够先加载分辨率较低的第一图片，以展示全景图片，当监听到针对全景图片的触发指令时，再将触发指令指示的第一图片区域替换为分辨率较高的第二图片区域，从而不仅提高了全景图片的加载速度，而且提升了用户体验。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明实施例的一种全景图片加载方法的主要步骤的示意图；

图2是一种第一图片；

图3是对第一图片进行Resize操作的示意图；

图4是进行Resize操作后得到的第一图片；

图5是根据本发明实施例的一种渲染VR天空盒中的场景的方法的主要步骤的示意图；

图6是根据本发明实施例的一种利用第二图片区域替换全景图片中的第一图片区域的方法的主要步骤的示意图；

图7是一种展示的第一图片；

图8是根据本发明实施例的一种利用目标第二子图片覆盖第一图片区域的方法的主要步骤的示意图；

图9是另一种展示的第一图片；

图10是根据本发明实施例的一种全景图片加载装置的主要模块的示意图；

图11是本发明实施例可以应用于其中的示例性系统架构图；

图12是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

需要指出的是，在不冲突的情况下，本发明的实施例以及实施例中的技术特征可以相互结合。

图1是根据本发明实施例的一种全景图片加载方法的主要步骤的示意图。

如图1所示，本发明实施例的一种全景图片加载方法主要包括以下步骤：

步骤S101：接收图片加载请求，图片加载请求指示了待加载的全景图片，全景图片对应有多张第一图片和多张第二图片，第二图片与所对应的第一图片内容相同、且第二图片的分辨率大于所对应的第一图片的分辨率。

在本发明实施例中，全景图片对应有两套平面图片，一套为多张分辨率较低的第一图片，另一套为多张分辨率较高的第二图片，第一图片与第二图片一一对应、且第一图片与第二图片的内容相同。

步骤S102：根据图片加载请求，分别加载多张第二图片对应的第一图片，以展示全景图片。

在本发明一个优选的实施例中，本方案提出的全景图片加载方法是应用在VR天空盒中，此时，在加载第一图片之前，该方法还包括：初始化3D场景，并创建天空盒。

在本发明实施例中，在加载多张第一图片时，可以按照根据多张第一图片得到全景图片的第二预设顺序，将多张第一图片的像素值依次保存至数组中。在本发明一个优选的实施例中，VR天空盒中的全景图片对应六张第一图片，因此可以按照第二预设顺序，即x正轴方向、x负轴方向、y正轴方向、y负轴方向、z正轴方向、z负轴方向的顺序依次将六张第一图片的像素值存入textureList数组中。

在本发明实施例中，还可以进一步计算第一图片的尺寸与第二图片的尺寸的比值；当比值小于1时，说明根据第一图片拼接得到的全景图片比根据第二图片拼接得到的全景图片小，后续利用第二图片替换第一图片时会使全景图片发生变形，影响用户体验，因此需要针对每一张第一图片，均执行：根据比值，将第一图片放大相应的倍数，以使第一图片的尺寸等于第二图片的尺寸，以在加载全景图片的过程中使用户感知不到替换图片的过程、保证用户体验。

在本发明一个优选的实施例中，将六张第一图片的像素值存入textureList数组之后，可以利用canvas在VR天空盒中创建一个离屏FBO(Frame Buffer Object，帧缓冲对象)，该离屏FBO的视口大小与第二图片的尺寸相同，然后依次读取textureList数组中保存的像素值，将每张第一图片绘制在离屏FBO上，当第一图片的尺寸与第二图片的尺寸的比值小于1时，绘制在离屏FBO上的第一图片如图2所示，因此需要对绘制在离屏FBO上的第一图片进行Resize操作，如图3所示，即根据比值将第一图片放大相应的倍数，以使第一图片的尺寸等于离屏FBO的视口大小，此时第一图片的尺寸也等于第二图片的尺寸，如图4所示，从而能够在加载全景图片的过程中使用户感知不到替换图片的过程、保证用户体验。

在本发明一个优选的实施例中，对第一图片进行Resize操作之后，可以使用扩大尺寸后的第一图片的像素值替换textureList数组中对应的像素值。

在本发明实施例中，在分别加载多张第二图片对应的第一图片之后，还可以根据第一图片以及预设的第一渲染策略，对VR天空盒中的场景进行渲染。在本发明一个优选的实施例中，可以读取textureList数组中扩大尺寸后的第一图片的像素值，并根据第一渲染策略，对VR天空盒中的场景进行渲染，具体的渲染方法如图5所示，该方法主要包括一下步骤：

步骤S501：清空缓冲区；

步骤S502：启用a_position；

步骤S503：绑定缓冲区；

步骤S504：设置a_position；

步骤S505：启用a_textcoord；

步骤S506：绑定缓冲区；

步骤S507：设置a_textcoord；

步骤S508：绑定帧缓存；

步骤S509：设置视口大小；

步骤S510：绑定第一图片；

步骤S511：开启0号贴图通道；

步骤S512：绘制关键帧。

通过上述步骤S101和S102，全景图片即初步加载完成，用户即可以看到低清场景。

步骤S103：当监听到针对全景图片的触发指令时，确定触发指令指示的目标第一图片，以及目标第一图片中的第一图片区域。

在本发明实施例中，变更指令为以下任意一种：放大指令、聚焦指令或裁剪指令。

步骤S104：在与目标第一图片所对应的目标第二图片中，确定与第一图片区域对应的第二图片区域，并利用第二图片区域替换全景图片中的第一图片区域。

在本发明实施例中，当未监听到针对全景图片的触发指令时，可以并发下载多张第二图片，然后根据第一预设顺序，将第一图片替换为第二图片，从而逐渐将低分辨率的第一图片在用户感知不到的情况下替换为高分辨率的第二图片，进一步保证用户体验。其中，第一预设顺序可以与第二预设顺序相同，即在VR天空盒中按照x正轴方向、x负轴方向、y正轴方向、y负轴方向、z正轴方向、z负轴方向的顺序将第一图片替换为第二图片，也可以与第二预设方向不同，对此本方案不作具体限定。

在本发明实施例中，当监听到针对全景图片的触发指令时，说明用户对第一图片进行了放大、聚焦或裁剪操作，此时分辨率较低的第一图片可能会出现噪点等情况，影响用户体验，因此需要暂停上述根据第一预设顺序，将第一图片替换为第二图片的过程，而优先确定出触发指令指示的目标第一图片、以及目标第一图片中的第一图片区域，以进行后续将低分辨率的第一图片区域替换为高分辨率的第二图片区域的过程，防止由于所加载的低分辨率的第一图片影响到用户体验。而在将低分辨率的第一图片区域替换为高分辨率的第二图片区域之后，可以继续根据第一预设顺序，将第一图片替换为第二图片。

在本发明实施例中，第二图片可以由多张第二子图片组成；此时利用第二图片区域替换全景图片中的第一图片区域的方法如图6所示，该方法主要包括以下步骤：

步骤S601：从多张第二子图片中确定与第一图片区域对应的目标第二子图片；

步骤S602：加载并展示目标第二子图片，以利用目标第二子图片覆盖第一图片区域。

举例来说，第二图片由四张第二子图片组成，用户针对某一张第一图片的右下角进行了放大操作，因此能够监听到放大指令，该放大指令指示了将该第一图片作为目标第一图片，并将该第一图片的右下角指作为第一图片区域；再根据目标第一图片，确定出对应的第二图片，并根据第一图片区域，从四张第二子图片中确定出对应的目标第二子图片；然后加载并展示该目标第二子图片，以利用目标第二子图片覆盖第一图片区域。此时展示的第一图片如图7所示，用户放大操作针对的区域已被替换为高分辨率的第二图片区域，因此不会出现噪点等问题，保证了用户体验。

在本发明实施例中，第一图片也可以由多张第一子图片组成，第一子图片与第二子图片一一对应；此时利用目标第二子图片覆盖第一图片区域的方法如图8所示，该方法主要包括以下步骤：

步骤S801：从多张第一子图片中确定与第一图片区域对应的目标第一子图片；

步骤S802：利用目标第二子图片替换目标第一子图片。

在本发明一个优选的实施例中，可以将在全景图片中位于同一位置的第一子图片与第二子图片的名称内包含同一后缀，以建立第一子图片与第二子图片的一一对应关系。此时可以根据第一图片区域确定出对应的目标第一子图片，再根据目标第一子图片的名称中所包含的后缀迅速确定出目标第二子图片，进而触发updateSubImage函数，利用目标第二子图片替换目标第一子图片。此时展示的第一图片如图9所示。

在本发明一个优选的实施例中，可以利用updateSubImage函数，直接将textureList数组中保存的扩大尺寸后的第一图片的第一图片区域对应的像素值替换为对应的第二图片区域的像素值，以将第一图片区域替换为第二图片区域。

在本发明实施例中，在利用第二图片区域替换全景图片中的第一图片区域之后，还包括：根据第二图片区域以及预设的第二渲染策略，对VR天空盒中的场景进行渲染。其中，第二渲染策略可以与第一渲染策略相同，也可以与第一渲染策略不同，对此本方案不作具体限定。

根据本发明实施例的一种全景图片加载方法可以看出，预先设置待加载的全景图片对应有多张分辨率较低的第一图片和多张分辨率较高的第二图片、且第一图片和第二图片内容相同，在接收到图片加载请求后，能够先加载分辨率较低的第一图片，以展示全景图片，当监听到针对全景图片的触发指令时，再将触发指令指示的第一图片区域替换为分辨率较高的第二图片区域，从而不仅提高了全景图片的加载速度，而且提升了用户体验。

图10是根据本发明实施例的一种全景图片加载装置的主要模块的示意图。

如图10所示，本发明实施例的一种全景图片加载装置1000包括请求接收模块1001、图片加载模块1002、图片确定模块1003以及图片替换模块1004；其中：

请求接收模块1001，用于接收图片加载请求，图片加载请求指示了待加载的全景图片，全景图片对应有多张第一图片和多张第二图片，第二图片与所对应的第一图片内容相同、且第二图片的分辨率大于所对应的第一图片的分辨率；

图片加载模块1002，用于根据图片加载请求，分别加载多张第二图片对应的第一图片，以展示全景图片；

图片确定模块1003，用于当监听到针对全景图片的触发指令时，确定触发指令指示的目标第一图片，以及目标第一图片中的第一图片区域；

图片替换模块1004，用于在与目标第一图片所对应的目标第二图片中，确定与第一图片区域对应的第二图片区域，并利用第二图片区域替换全景图片中的第一图片区域。

在本发明实施例中，当未监听到针对全景图片的触发指令时，图片替换模块1004进一步用于：根据第一预设顺序，将第一图片替换为第二图片。

在本发明实施例中，图片加载模块1002进一步用于：按照第二预设顺序，将多张第一图片的像素值依次保存至数组中；其中，第二预设顺序为根据多张第一图片得到全景图片的顺序。

在本发明实施例中，图片替换模块1004进一步用于：将数组中保存的第一图片区域对应的像素值替换为对应的第二图片区域的像素值，以将第一图片区域替换为第二图片区域。

在本发明实施例中，第二图片由多张第二子图片组成；图片替换模块1004进一步用于：从多张第二子图片中确定与第一图片区域对应的目标第二子图片；加载并展示目标第二子图片，以利用目标第二子图片覆盖第一图片区域。

在本发明实施例中，第一图片由多张第一子图片组成，第一子图片与第二子图片一一对应；图片替换模块1004进一步用于：从多张第一子图片中确定与第一图片区域对应的目标第一子图片；利用目标第二子图片替换目标第一子图片。

在本发明实施例中，图片加载模块1002进一步用于：计算第一图片的尺寸与第二图片的尺寸的比值；当比值小于1时，针对每一张第一图片，均执行：根据比值，将第一图片放大相应的倍数，以使第一图片的尺寸等于第二图片的尺寸。

在本发明实施例中，当方法应用在VR天空盒中时，在分别加载多张第二图片对应的第一图片之后，图片加载模块1002进一步用于：根据第一图片以及预设的第一渲染策略，对VR天空盒中的场景进行渲染。

在本发明实施例中，在利用第二图片区域替换全景图片中的第一图片区域之后，图片替换模块1004进一步用于：根据第二图片区域以及预设的第二渲染策略，对VR天空盒中的场景进行渲染。

在本发明实施例中，变更指令为以下任意一种：放大指令、聚焦指令或裁剪指令。

根据本发明实施例的一种全景图片加载装置可以看出，预先设置待加载的全景图片对应有多张分辨率较低的第一图片和多张分辨率较高的第二图片、且第一图片和第二图片内容相同，在接收到图片加载请求后，能够先加载分辨率较低的第一图片，以展示全景图片，当监听到针对全景图片的触发指令时，再将触发指令指示的第一图片区域替换为分辨率较高的第二图片区域，从而不仅提高了全景图片的加载速度，而且提升了用户体验。

图11示出了可以应用本发明实施例的一种全景图片加载方法或一种全景图片加载装置的示例性系统架构1100。

如图11所示，系统架构1100可以包括终端设备1101、1102、1103，网络1104和电子设备1105。网络1104用以在终端设备1101、1102、1103和电子设备1105之间提供通信链路的介质。网络1104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备1101、1102、1103通过网络1104与电子设备1105交互，以接收或发送消息等。终端设备1101、1102、1103上可以安装有各种VR应用，例如VR游戏应用、VR看房软件等。

终端设备1101、1102、1103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

电子设备1105可以是提供各种服务的服务器，例如对用户利用终端设备1101、1102、1103所浏览的VR看房网站提供支持的后台管理服务器。后台管理服务器可以对接收到的看房请求等数据进行分析等处理，并将处理结果(例如房屋信息等)反馈给终端设备。

需要说明的是，本发明实施例所提供的一种全景图片加载方法一般由电子设备1105执行，相应地，一种全景图片加载装置一般设置于电子设备1105中。

应该理解，图11中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和电子设备。

下面参考图12，其示出了适于用来实现本发明实施例的终端设备的计算机系统1200的结构示意图。图12示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图12所示，计算机系统1200包括中央处理单元(CPU)1201，其可以根据存储在只读存储器(ROM)1202中的程序或者从存储部分1208加载到随机访问存储器(RAM)1203中的程序而执行各种适当的动作和处理。在RAM 1203中，还存储有系统1200操作所需的各种程序和数据。CPU 1201、ROM 1202以及RAM 1203通过总线1204彼此相连。输入/输出(I/O)接口1205也连接至总线1204。

以下部件连接至I/O接口1205：包括键盘、鼠标等的输入部分1206；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分1207；包括硬盘等的存储部分1208；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分1209。通信部分1209经由诸如因特网的网络执行通信处理。驱动器1210也根据需要连接至I/O接口1205。可拆卸介质1211，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1210上，以便于从其上读出的计算机程序根据需要被安装入存储部分1208。

特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分1209从网络上被下载和安装，和/或从可拆卸介质1211被安装。在该计算机程序被中央处理单元(CPU)1201执行时，执行本发明的系统中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括请求接收模块、图片加载模块、图片确定模块以及图片替换模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，请求接收模块还可以被描述为“用于接收图片加载请求的模块”。

作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：接收图片加载请求，图片加载请求指示了待加载的全景图片，全景图片对应有多张第一图片和多张第二图片，第二图片与所对应的第一图片内容相同、且第二图片的分辨率大于所对应的第一图片的分辨率；根据图片加载请求，分别加载多张第二图片对应的第一图片，以展示全景图片；当监听到针对全景图片的触发指令时，确定触发指令指示的目标第一图片，以及目标第一图片中的第一图片区域；在与目标第一图片所对应的目标第二图片中，确定与第一图片区域对应的第二图片区域，并利用第二图片区域替换全景图片中的第一图片区域。

根据本发明实施例的技术方案，预先设置待加载的全景图片对应有多张分辨率较低的第一图片和多张分辨率较高的第二图片、且第一图片和第二图片内容相同，在接收到图片加载请求后，能够先加载分辨率较低的第一图片，以展示全景图片，当监听到针对全景图片的触发指令时，再将触发指令指示的第一图片区域替换为分辨率较高的第二图片区域，从而不仅提高了全景图片的加载速度，而且提升了用户体验。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (13)

1.一种全景图片加载方法，其特征在于，包括：

接收图片加载请求，所述图片加载请求指示了待加载的全景图片，所述全景图片对应有多张第一图片和多张第二图片，所述第二图片与所对应的所述第一图片内容相同、且所述第二图片的分辨率大于所对应的所述第一图片的分辨率；

根据所述图片加载请求，分别加载所述多张第二图片对应的所述第一图片，以展示所述全景图片；

当监听到针对所述全景图片的触发指令时，确定所述触发指令指示的目标第一图片，以及所述目标第一图片中的第一图片区域；

在与所述目标第一图片所对应的目标第二图片中，确定与所述第一图片区域对应的第二图片区域，并利用所述第二图片区域替换所述全景图片中的所述第一图片区域。

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

当未监听到针对所述全景图片的触发指令时，根据第一预设顺序，将所述第一图片替换为第二图片。

3.根据权利要求1所述的方法，其特征在于，所述根据所述图片加载请求，分别加载所述多张第二图片对应的所述第一图片，包括：

按照第二预设顺序，将所述多张第一图片的像素值依次保存至数组中；其中，所述第二预设顺序为根据所述多张第一图片得到所述全景图片的顺序。

4.根据权利要求3所述的方法，其特征在于，所述利用所述第二图片区域替换所述全景图片中的所述第一图片区域，包括：

将所述数组中保存的第一图片区域对应的像素值替换为对应的第二图片区域的像素值，以将所述第一图片区域替换为所述第二图片区域。

5.根据权利要求1所述的方法，其特征在于，所述第二图片由多张第二子图片组成；

所述利用所述第二图片区域替换所述全景图片中的所述第一图片区域，包括：

从所述多张第二子图片中确定与所述第一图片区域对应的目标第二子图片；

加载并展示所述目标第二子图片，以利用所述目标第二子图片覆盖所述第一图片区域。

6.根据权利要求5所述的方法，其特征在于，所述第一图片由多张第一子图片组成，所述第一子图片与所述第二子图片一一对应；

所述利用所述第二图片区域替换所述全景图片中的所述第一图片区域，包括：

从所述多张第一子图片中确定与所述第一图片区域对应的目标第一子图片；

利用所述目标第二子图片替换所述目标第一子图片。

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

计算所述第一图片的尺寸与所述第二图片的尺寸的比值；

当所述比值小于1时，针对每一张所述第一图片，均执行：

根据所述比值，将所述第一图片放大相应的倍数，以使所述第一图片的尺寸等于所述第二图片的尺寸。

8.根据权利要求1所述的方法，其特征在于，当所述方法应用在VR天空盒中时，在所述分别加载所述多张第二图片对应的所述第一图片之后，还包括：

根据所述第一图片以及预设的第一渲染策略，对所述VR天空盒中的场景进行渲染。

9.根据权利要求8所述的方法，其特征在于，在所述利用所述第二图片区域替换所述全景图片中的所述第一图片区域之后，还包括：

根据所述第二图片区域以及预设的第二渲染策略，对所述VR天空盒中的场景进行渲染。

10.根据权利要求1-9任一所述的方法，其特征在于，所述变更指令为以下任意一种：放大指令、聚焦指令或裁剪指令。

11.一种全景图片加载装置，其特征在于，包括请求接收模块、图片加载模块、图片确定模块以及图片替换模块；其中：

所述请求接收模块，用于接收图片加载请求，所述图片加载请求指示了待加载的全景图片，所述全景图片对应有多张第一图片和多张第二图片，所述第二图片与所对应的所述第一图片内容相同、且所述第二图片的分辨率大于所对应的所述第一图片的分辨率；

所述图片加载模块，用于根据所述图片加载请求，分别加载所述多张第二图片对应的所述第一图片，以展示所述全景图片；

所述图片确定模块，用于当监听到针对所述全景图片的触发指令时，确定所述触发指令指示的目标第一图片，以及所述目标第一图片中的第一图片区域；

所述图片替换模块，用于在与所述目标第一图片所对应的目标第二图片中，确定与所述第一图片区域对应的第二图片区域，并利用所述第二图片区域替换所述全景图片中的所述第一图片区域。

12.一种全景图片加载电子设备，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-10中任一所述的方法。

13.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-10中任一所述的方法。

Images