CN108572772A - 图片内容呈现方法及装置 - Google Patents

Abstract

本申请实施例提供了一种图片内容呈现方法及装置，其中方法包括：获取用户针对页面中的图片的增强现实AR浏览请求；其中，所述页面通过浏览器呈现；确定所述AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景；根据所述目标图片生成用于添加在所述AR场景中的虚拟对象；其中，所述虚拟对象用于表示所述目标图片的图片内容；在所述AR场景中实时加载所述虚拟对象；其中，所述虚拟对象的显示视角与所述AR场景对应的对象显示视角相同。通过本申请实施例，能够解决图片显示方式单一的问题，提高用户的图片浏览体验。

Description

图片内容呈现方法及装置

技术领域

本申请涉及AR(Augmented Reality，增强现实)及图片处理领域，尤其涉及一种图片内容呈现方法及装置。

背景技术

目前，用户通过浏览器浏览图片的过程基本为：用户在浏览器中搜索目标图片，在搜索到目标图片的缩略图后，点击目标图片的缩略图，浏览器响应点击操作在新的页面中显示目标图片供用户浏览，进一步，浏览器向用户提供图片放大和缩小按钮，用户通过放大和缩小按钮对目标图片进行放大和缩小。然而现有技术中，浏览器中的图片只能够放大显示和缩小显示，图片显示方式单一，用户体验较差。

发明内容

本申请实施例的目的是提供一种图片内容呈现方法及装置，以解决图片显示方式单一的问题，提高用户的图片浏览体验。

为解决上述技术问题，本申请实施例是这样实现的：

第一方面，本申请实施例提供了一种图片内容呈现方法，包括：

获取用户针对页面中的图片的增强现实AR浏览请求；其中，所述页面通过浏览器呈现；

确定所述AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景；

根据所述目标图片生成用于添加在所述AR场景中的虚拟对象；其中，所述虚拟对象用于表示所述目标图片的图片内容；

在所述AR场景中实时加载所述虚拟对象；其中，所述虚拟对象的显示视角与所述AR场景对应的对象显示视角相同。

第二方面，本申请实施例提供了一种图片内容呈现装置，包括：

请求获取模块，用于获取用户针对页面中的图片的增强现实AR浏览请求；其中，所述页面通过浏览器呈现；

场景创建模块，用于确定所述AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景；

对象生成模块，用于根据所述目标图片生成用于添加在所述AR场景中的虚拟对象；其中，所述虚拟对象用于表示所述目标图片的图片内容；

对象加载模块，用于在所述AR场景中实时加载所述虚拟对象；其中，所述虚拟对象的显示视角与所述AR场景对应的对象显示视角相同。

第三方面，本申请实施例提供了一种移动终端，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如上述第一方面所述的图片内容呈现方法的步骤。

第四方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上述第一方面所述的图片内容呈现方法的步骤。

本申请实施例中，首先获取用户针对页面中的图片的AR浏览请求，其中，页面通过浏览器呈现，其次确定AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景，然后根据目标图片生成用于添加在AR场景中的虚拟对象，其中，该虚拟对象用于表示目标图片的图片内容，最后在AR场景中实时加载该虚拟对象，其中，该虚拟对象的显示视角与AR场景对应的对象显示视角相同。通过本申请实施例，能够达到在AR场景中以虚拟对象的方式呈现浏览器内的图片内容的效果，从而向用户提供图片内容的AR显示，解决图片显示方式单一的问题，提高用户的图片浏览体验和浏览器使用体验。进一步地，由于在AR场景中实时加载虚拟对象，且虚拟对象的显示视角与AR场景对应的对象显示视角相同，因此能够达到随着AR场景的视角变化实时对应变化虚拟对象的显示视角的效果，从而进一步提高用户的图片浏览体验。并且，在浏览器场景下提供图片的AR浏览方式，能够使得用户更加多元化的使用浏览器，丰富浏览器的功能。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本申请一实施例提供的图片内容呈现方法的流程示意图；

图2为本申请一实施例提供的图片浏览的场景示意图；

图3a为本申请一实施例提供的目标图片的示意图；

图3b为本申请一实施例提供的虚拟对象的示意图；

图4为本申请另一实施例提供的图片内容呈现方法的流程示意图；

图5为本申请另一实施例提供的图片内容呈现方法的流程示意图；

图6为本申请一实施例提供的图片内容呈现装置的模块组成示意图；

图7为本申请一实施例提供的图片内容呈现设备的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本申请中的技术方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

为解决图片显示方式单一的问题，提高用户的图片浏览体验，本申请实施例提供了一种图片内容呈现方法及装置，下面进行详细介绍。

图1为本申请一实施例提供的图片内容呈现方法的流程示意图，该方法能够由移动终端执行，如图1所示，该方法包括以下步骤：

步骤S102，获取用户针对页面中的图片的AR浏览请求；其中，页面通过浏览器呈现；

步骤S104，确定AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景；

步骤S106，根据目标图片生成用于添加在AR场景中的虚拟对象；其中，该虚拟对象用于表示目标图片的图片内容；

步骤S108，在AR场景中实时加载该虚拟对象；其中，该虚拟对象的显示视角与AR场景对应的对象显示视角相同。

本申请实施例中，首先获取用户针对页面中的图片的AR浏览请求，其中，页面通过浏览器呈现，其次确定AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景，然后根据目标图片生成用于添加在AR场景中的虚拟对象，其中，该虚拟对象用于表示目标图片的图片内容，最后在AR场景中实时加载该虚拟对象，其中，该虚拟对象的显示视角与AR场景对应的对象显示视角相同。通过本申请实施例，能够达到在AR场景中以虚拟对象的方式呈现浏览器内的图片内容的效果，从而向用户提供图片内容的AR显示，解决图片显示方式单一的问题，提高用户的图片浏览体验和浏览器使用体验。进一步地，由于在AR场景中实时加载虚拟对象，且虚拟对象的显示视角与AR场景对应的对象显示视角相同，因此能够达到随着AR场景的视角变化实时对应变化虚拟对象的显示视角的效果，从而进一步提高用户的图片浏览体验。并且，在浏览器场景下提供图片的AR浏览方式，能够使得用户更加多元化的使用浏览器，丰富浏览器的功能。

图2为本申请一实施例提供的图片浏览的场景示意图，如图2所示，移动终端中的浏览器运行后，浏览器向用户提供被浏览的页面(如网页)，该页面中显示有多个图片，每个图片对应有一个“AR浏览”按钮，当移动终端接收到用户对该按钮的点击操作后，移动终端确定获取到用户针对页面中的图片的AR浏览请求，移动终端将被点击的“AR浏览”按钮对应的图片确定为该AR浏览请求对应的目标图片，也即用户意愿采用AR方式浏览的图片。

本实施例中，目标图片可以为一张可以为多张，用户可以通过勾选的方式选中多张图片作为目标图片。目标图片是浏览器页面上显示的图片，可以是网页中的图片，还可以是浏览器在多标签页显示模式下，每个标签页的缩略图。

移动终端在确定目标图片后，还启动本机上的摄像头，通过摄像头获取视野内的信息，将视野内的信息作为当前环境信息，移动终端还基于摄像头获取的当前环境信息实时创建AR场景，具体创建方式可以采用通用的AR场景创建算法，这里不做限定。

创建AR场景后，移动终端可以采用以下(1)(2)(3)三种方式中的任意一种，根据目标图片生成用于添加在AR场景中的虚拟对象：

(1)将目标图片作为添加在AR场景中的虚拟对象；

该方式中，直接将目标图片作为添加在AR场景中的虚拟对象。通过该方式，在AR场景中显示虚拟对象，即为在AR场景中显示目标图片。

(2)对目标图片的前景对象进行提取，根据提取到的前景对象生成前景图片，将前景图片作为添加在AR场景中的虚拟对象；

图3a为本申请一实施例提供的目标图片的示意图，图3b为本申请一实施例提供的虚拟对象的示意图，如图3a所示，目标图片包括前景对象和背景两部分，前景对象为植物盆栽，背景为斜线图案，则本方式中，对目标图片的前景对象进行提取，得到植物盆栽，然后根据提取到的前景对象生成前景图片，前景图片可以为只包含前景对象，不包含其他像素的图片，如图3b所示，前景图片只包含植物盆栽，不包括背景部分，最后，将前景图片作为添加在AR场景中的虚拟对象。通过该方式，在AR场景中显示虚拟对象，即为在AR场景中显示目标图片中的前景对象。通过该方式，能够在AR场景中以显示前景对象的方式显示目标图片的图片内容，排除目标图片的背景部分的干扰，从而带给用户更好的图片内容浏览体验。

(3)对目标图片的前景对象进行提取，创建提取到的前景对象对应的三维模型，将该三维模型作为添加在AR场景中的虚拟对象。

与方式(2)类似，该方式中，首先对目标图片的前景对象进行提取，如提取得到上例中的植物盆栽，然后，创建提取到的前景对象对应的三维模型，将该三维模型作为添加在AR场景中的虚拟对象，其中，三维模型能够以立体的方式反映前景对象的形态特征，形态特征包括形状特征和姿态特征。通过该方式，在AR场景中显示虚拟对象，即为在AR场景中显示目标图片中的前景对象对应的三维模型。通过该方式，能够以三维模型的方式在AR场景中展示目标图片的图片内容，从而带给用户更好的图片内容浏览体验。

本实施例中，可以通过以下(31)(32)两种方式中的任意一种，创建提取到的前景对象对应的三维模型：

(31)基于深度学习及人工智能等算法，创建提取到的前景对象对应的三维模型。

比如，基于深度学习及人工智能等算法训练指定模型，利用该指定模型创建提取到的前景对象对应的三维模型。通过该方式创建三维模型，具有创建准确速度快、真实还原前景对象的优点，能够使得用户在AR场景中浏览到显示效果更为真实的图片内容。

(32)根据前景对象的形态信息和前景对象对应的实体对象的形态对称关系，确定前景对象对应的三维模型的形态信息，根据前景对象的尺寸信息，确定三维模型的尺寸信息，基于三维模型的形态信息和三维模型的尺寸信息，创建三维模型。

具体地，当前景对象对应的实体对象为具有形态对称关系的物品时，比如前景对象对应的实体对象为篮球，篮球为具有形态对称关系的正球体，又如前景对象对应的实体对象为首饰盒，首饰盒为具有形态对称关系的矩形，则本方式中，首先根据前景对象的形态信息和前景对象对应的实体对象的形态对称关系，确定前景对象对应的三维模型的形态信息，其中，前景对象的形态信息包括前景对象的形状和姿态等信息，三维模型的形态信息包括三维模型的形状和姿态等信息，由于前景对象对应的实体对象为具有形态对称关系的物品，因此根据前景对象的形状和姿态等信息，能够确定得到前景对象对应的三维模型的形状和姿态等信息。

然后，根据前景对象的尺寸信息，确定三维模型的尺寸信息，由于前景对象的形态信息及其对应的三维模型的形态信息已经确定，因此根据前景对象的尺寸信息，能够确定得到三维模型的尺寸信息，比如，前景对象为篮球，其直径为10厘米，则三维模型为直径为10厘米的正球体。其中，前景对象的尺寸信息能够从目标图片中获取，若无法获取，可以设置前景对象的尺寸为默认尺寸，前景对象的尺寸信息的单位可以为像素或者厘米。

最后，基于三维模型的形态信息和三维模型的尺寸信息创建三维模型。可以采用通用的建模方法创建三维模型，这里不做限制。

下面通过两个具体的例子说明方式(32)的建模过程。

a，前景对象为矩形物体，从目标图片中获取前景对象的长宽高分别为m、n、q，则确定前景对象对应的三维模型也为矩形物体，尺寸为m、n、q，三维模型的姿态与前景对象的姿态相同，根据三维模型的姿态、形状和尺寸，建立得到三维模型。

b，前景对象为正方体和球体的组合，从目标图片中获取正方体的边长为t，球体的直径为y，则确定前景对象对应的三维模型中，正方体的边长为t，球体的直径为y，三维模型的姿态与前景对象的姿态相同，根据三维模型的姿态、形状和尺寸，建立得到三维模型。

本实施例中，提供上述(31)(32)两种方式创建前景对象对应的三维模型，具体实施时可以根据需求选择一种方式。

上述步骤S108中，在AR场景中实时加载虚拟对象，具体为：根据AR场景的光线信息，设置虚拟对象的光线信息，将设置后的虚拟对象实时加载在AR场景中。

由于AR场景是基于摄像头实时获取的当前环境信息实时创建的，因此AR场景具有对应的光线信息，如光线信息为光线从东方照射，或者光线信息为黄色调灯光，则移动终端根据AR场景的光线信息，设置虚拟对象的光线信息，将设置后的虚拟对象实时加载在AR场景中，从而营造虚拟对象真实存在于当前环境中的效果，为用户营造沉浸式图片内容浏览体验，进一步地提高用户体验。

本实施例中，在AR场景中实时加载虚拟对象后，虚拟对象的显示视角与AR场景对应的对象显示视角相同，随着AR场景的显示视角的变化，虚拟对象也实时呈现对应的视角，从而达到随着AR场景的显示视角变化实时变化虚拟对象的显示视角的效果，从而进一步提高用户的图片内容浏览体验。

一个实施例中，在AR场景中实时加载虚拟对象后，若用户通过拖动、转动等操作更改虚拟对象的显示视角，则AR场景中虚拟对象能够随着用户操作对应地更改显示视角并实时加载，达到根据用户操作实时调整显示视角的效果。

一个实施例中，可以通过SLAM(simultaneous localization and mapping，即时定位与地图构建)算法在AR场景中实时加载虚拟对象。关于SLAM算法将在后文进行介绍。

真实环境中有高低起伏、有障碍物、有遮挡关系，SLAM算法可以让虚拟对象跟真实环境中的物理信息进行交互，防止障碍物遮挡虚拟对象。SLAM算法还可以自动确定虚拟对象在AR场景中的位置，当然虚拟对象在AR场景中的位置还可以通过用户操作改变。SLAM算法还可以保证虚拟对象的显示视角与AR场景对应的对象显示视角相同，使得虚拟对象的浏览效果接近真实物体的浏览效果。

图4为本申请另一实施例提供的图片内容呈现方法的流程示意图，该方法由移动终端执行，如图4所示，该方法在图1的基础上，还包括：

步骤S110，判断虚拟对象是否与特定主题相关联；

在虚拟对象加载后，移动终端判断虚拟对象是否与特定主题相关联，特定主题可以包括电影、电视剧、小说、歌曲、动画片等，还可以包括人物、汽车、衣服、包、鞋等，特定主题还可以为电影、电视剧、小说、歌曲、动画片、人物、汽车、衣服、包、鞋的具体名称或者具体品牌名称。若虚拟对象从属于某个特定主题下，在确定虚拟对象与特定主题相关联，否则，确定虚拟对象不与特定主题关联。

比如虚拟对象为小猪佩奇这一角色，从属于动画片《小猪佩奇》主题，则确定虚拟对象与特征主题关联，关联的特定主题为动画片《小猪佩奇》；又如虚拟对象为某型号的特斯拉汽车，从属于电动汽车“特斯拉”主题，则确定虚拟对象与特征主题关联，关联的特定主题为汽车品牌“特斯拉”。

若确定虚拟对象与特定主题相关联，则执行步骤S112，否则，结束流程。

步骤S112，若关联，则获取虚拟对象对应的信息和/或关联的特定主题对应的信息，在AR场景中输出获取的信息。

续接上例，虚拟对象为小猪佩奇，关联的特定主题为动画片《小猪佩奇》，则虚拟对象对应的信息包括但不限于小猪佩奇这一角色的角色信息，关联的特定主题对应的信息包括但不限于动画片《小猪佩奇》的信息。

续接上例，虚拟对象为某型号的特斯拉汽车，关联的特定主题为汽车品牌“特斯拉”，则虚拟对象对应的信息包括但不限于该型号的特斯拉汽车的相关信息，关联的特定主题对应的信息包括但不限于汽车品牌“特斯拉”的相关信息。

本实施例中，“和/或”表示二者中的一个或全部，移动终端可以从网络上获取虚拟对象对应的信息和/或关联的特定主题对应的信息并显示在AR场景中，从而自动向用户推送用户可能感兴趣的信息，使用户在AR场景中浏览虚拟对象的同时浏览到相关信息，提高用户的信息获取体验。

图5为本申请另一实施例提供的图片内容呈现方法的流程示意图，该方法由移动终端执行，如图5所示，该方法在图1的基础上，还包括：

步骤S114，在AR场景中加载虚拟对象对应的信息查询控件；

在虚拟对象加载后，移动终端在AR场景中加载虚拟对象对应的信息查询控件，比如，在AR场景中加载多个按钮，该多个按钮为信息查询控件，每个按钮对应查询一种信息。

步骤S116，接收到用户对信息查询控件的触发操作后，获取被触发的信息查询控件对应的查询应答数据，并加载在AR场景中；

其中，查询应答数据包括价格数据、产地数据、厂家数据、购买地址、用户评价中的至少一种。

触发操作可以为点击操作。移动终端接收到用户对某个信息查询控件的点击操作后，获取被点击的信息查询控件对应的查询应答数据并加载在AR场景中。

举例，虚拟对象为连衣裙，在虚拟对象加载后，移动终端在AR场景中加载虚拟对象对应的信息查询控件，包括三个按钮，“价格查询按钮”、“购买地址查询按钮”和“评价查询按钮”，移动终端接收到用户对某个按钮的点击操作后，从网络上获取被点击的按钮对应的查询应答数据，如被点击的按钮为“价格查询按钮”，则移动终端获取该连衣裙的价格，被点击的按钮为“评价查询按钮”，则移动终端获取该连衣裙的用户评价，移动终端将获取的查询应答数据显示在AR场景中。

通过图5中的方法，能够向用户提供虚拟对象对应的信息查询控件，并在接收到用户对信息查询控件的触发操作后，获取被触发的信息查询控件对应的查询应答数据并加载在AR场景中，从而方便用户在AR环境中浏览图片内容的同时获取所需的信息，提高用户的信息获取体验。

进一步地，本实施例中的方法还包括：在虚拟对象加载后，获取用户针对虚拟对象的操作信息，根据获取的操作信息，对虚拟对象进行以下处理中的至少一种：旋转处理、缩放处理、移动处理、颜色变换处理、光线变换处理。

具体地，在虚拟对象加载后，移动终端向用户提供操作接口，用户通过操作接口发送针对虚拟对象的操作信息，操作信息包括旋转操作、缩放操作、移动操作、颜色变换操作、光线变换操作中的至少一种，移动终端接收到用户的操作信息后，根据接收的操作信息，对虚拟对象进行对应的处理。其中，操作接口可以以控件(如按钮)的形式显示在AR场景中。

综上，通过本申请实施例中的方法，能够达到在AR场景中以虚拟对象的方式呈现图片内容的效果，从而向用户提供图片内容的AR显示，解决图片显示方式单一的问题，提高用户的图片浏览体验。进一步地，由于在AR场景中实时加载虚拟对象，且虚拟对象的显示视角与AR场景对应的对象显示视角相同，因此能够达到随着AR场景的显示视角变化实时变化虚拟对象的显示视角的效果，从而进一步提高用户的图片浏览体验。并且，在浏览器场景下提供图片的AR浏览方式，能够使得用户更加多元化的使用浏览器，丰富浏览器的功能。

这里以Tango的API(Application Programming Interface，应用程序编程接口)为例，说明一下AR中的SLAM算法和各个传感器之间的关系。Tango API提供三个核心功能：运动追踪(motion tracking)、场景学习(area learning)和深度感知(depth percetion)。

运动追踪的输出是实时的6自由度姿态，这个模块有滤波框架和优化框架可供选择，传感器主要包括单目、双目等的排列组合。场景学习的输出是场景中的一些特征，并将它们保存下来，以便将来能够重新定位以前到过的场景，或者用于校正漂移，提高追踪算法的整体精度。深度感知的输出是一些点云，通过API调用，可以从Tango设备得到原始点云，结合运动追踪，可以将不同视角下的点云拼接起来，得到场景完整的点云，调用一些应用程序可以实现距离测量、场景扫描等功能。

对应上述的方法，本申请实施例还提供了一种一种图片内容呈现装置，图6为本申请一实施例提供的图片内容呈现装置的模块组成示意图，如图6所示，该装置包括：

请求获取模块61，用于获取用户针对页面中的图片的增强现实AR浏览请求；其中，所述页面通过浏览器呈现；

场景创建模块62，用于确定所述AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景；

对象生成模块63，用于根据所述目标图片生成用于添加在所述AR场景中的虚拟对象；其中，所述虚拟对象用于表示所述目标图片的图片内容；

对象加载模块64，用于在所述AR场景中实时加载所述虚拟对象；其中，所述虚拟对象的显示视角与所述AR场景对应的对象显示视角相同。

可选地，所述对象生成模块63具体用于：

将所述目标图片作为添加在所述AR场景中的虚拟对象；

或者

对所述目标图片的前景对象进行提取，根据提取到的所述前景对象生成前景图片，将所述前景图片作为添加在所述AR场景中的虚拟对象；

或者，

对所述目标图片的前景对象进行提取，创建提取到的所述前景对象对应的三维模型，将所述三维模型作为添加在所述AR场景中的虚拟对象。

可选地，所述对象生成模块63还具体用于：

基于深度学习及人工智能算法，创建提取到的所述前景对象对应的三维模型。

可选地，所述对象加载模块64具体用于：

根据所述AR场景的光线信息，设置所述虚拟对象的光线信息；

将设置后的所述虚拟对象实时加载在所述AR场景中。

可选地，该装置还包括：

主题判断模块，用于在所述虚拟对象加载后，判断所述虚拟对象是否与特定主题相关联；

信息获取模块，用于若关联，则获取所述虚拟对象对应的信息和/或关联的所述特定主题对应的信息，在所述AR场景中输出获取的信息。

可选地，该装置还包括：

控件加载模块，用于在所述虚拟对象加载后，在所述AR场景中加载所述虚拟对象对应的信息查询控件；

数据获取模块，用于接收到用户对所述信息查询控件的触发操作后，获取被触发的所述信息查询控件对应的查询应答数据，并加载在所述AR场景中；

其中，所述查询应答数据包括价格数据、产地数据、厂家数据、购买地址、用户评价中的至少一种。

可选地，该装置还包括：

操作获取模块，用于在所述虚拟对象加载后，获取用户针对所述虚拟对象的操作信息；

对象处理模块，用于根据所述操作信息，对所述虚拟对象进行以下处理中的至少一种：

旋转处理、缩放处理、移动处理、颜色变换处理、光线变换处理。

本申请实施例中，首先获取用户针对页面中的图片的AR浏览请求，其中，页面通过浏览器呈现，其次确定AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景，然后根据目标图片生成用于添加在AR场景中的虚拟对象，其中，该虚拟对象用于表示目标图片的图片内容，最后在AR场景中实时加载该虚拟对象，其中，该虚拟对象的显示视角与AR场景对应的对象显示视角相同。通过本申请实施例，能够达到在AR场景中以虚拟对象的方式呈现浏览器内的图片内容的效果，从而向用户提供图片内容的AR显示，解决图片显示方式单一的问题，提高用户的图片浏览体验和浏览器使用体验。进一步地，由于在AR场景中实时加载虚拟对象，且虚拟对象的显示视角与AR场景对应的对象显示视角相同，因此能够达到随着AR场景的视角变化实时对应变化虚拟对象的显示视角的效果，从而进一步提高用户的图片浏览体验。并且，在浏览器场景下提供图片的AR浏览方式，能够使得用户更加多元化的使用浏览器，丰富浏览器的功能。

进一步地，基于上述的方法，本申请实施例还提供了一种图片内容呈现设备，图7为本申请一实施例提供的图片内容呈现设备的结构示意图。

如图7所示，图片内容呈现设备可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上的处理器701和存储器702，存储器702中可以存储有一个或一个以上存储应用程序或数据。其中，存储器702可以是短暂存储或持久存储。存储在存储器702的应用程序可以包括一个或一个以上模块(图示未示出)，每个模块可以包括对图片内容呈现设备中的一系列计算机可执行指令。更进一步地，处理器701可以设置为与存储器702通信，在图片内容呈现设备上执行存储器702中的一系列计算机可执行指令。图片内容呈现设备还可以包括一个或一个以上电源703，一个或一个以上有线或无线网络接口704，一个或一个以上输入输出接口705，一个或一个以上键盘706等。

在一个具体的实施例中，图片内容呈现设备包括处理器，存储器，存储在存储器上并可在所述处理器上运行的计算机程序，该计算机程序被处理器执行时实现上述图片内容呈现方法实施例的各个过程，具体包括以下步骤：

获取用户针对页面中的图片的增强现实AR浏览请求；其中，所述页面通过浏览器呈现；

确定所述AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景；

根据所述目标图片生成用于添加在所述AR场景中的虚拟对象；其中，所述虚拟对象用于表示所述目标图片的图片内容；

在所述AR场景中实时加载所述虚拟对象；其中，所述虚拟对象的显示视角与所述AR场景对应的对象显示视角相同。

可选地，计算机可执行指令在被执行时，所述根据所述目标图片生成用于添加在所述AR场景中的虚拟对象，包括：

将所述目标图片作为添加在所述AR场景中的虚拟对象；

或者

对所述目标图片的前景对象进行提取，根据提取到的所述前景对象生成前景图片，将所述前景图片作为添加在所述AR场景中的虚拟对象；

或者，

对所述目标图片的前景对象进行提取，创建提取到的所述前景对象对应的三维模型，将所述三维模型作为添加在所述AR场景中的虚拟对象。

可选地，计算机可执行指令在被执行时，所述创建提取到的所述前景对象对应的三维模型，包括：

基于深度学习及人工智能算法，创建提取到的所述前景对象对应的三维模型。

可选地，计算机可执行指令在被执行时，所述在所述AR场景中实时加载所述虚拟对象，包括：

根据所述AR场景的光线信息，设置所述虚拟对象的光线信息；

将设置后的所述虚拟对象实时加载在所述AR场景中。

可选地，计算机可执行指令在被执行时，还包括：

在所述虚拟对象加载后，判断所述虚拟对象是否与特定主题相关联；

若关联，则获取所述虚拟对象对应的信息和/或关联的所述特定主题对应的信息，在所述AR场景中输出获取的信息。

可选地，计算机可执行指令在被执行时，还包括：

在所述虚拟对象加载后，在所述AR场景中加载所述虚拟对象对应的信息查询控件；

接收到用户对所述信息查询控件的触发操作后，获取被触发的所述信息查询控件对应的查询应答数据，并加载在所述AR场景中；

其中，所述查询应答数据包括价格数据、产地数据、厂家数据、购买地址、用户评价中的至少一种。

可选地，计算机可执行指令在被执行时，还包括：

在所述虚拟对象加载后，获取用户针对所述虚拟对象的操作信息；

根据所述操作信息，对所述虚拟对象进行以下处理中的至少一种：

旋转处理、缩放处理、移动处理、颜色变换处理、光线变换处理。

本申请实施例中，首先获取用户针对页面中的图片的AR浏览请求，其中，页面通过浏览器呈现，其次确定AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景，然后根据目标图片生成用于添加在AR场景中的虚拟对象，其中，该虚拟对象用于表示目标图片的图片内容，最后在AR场景中实时加载该虚拟对象，其中，该虚拟对象的显示视角与AR场景对应的对象显示视角相同。通过本申请实施例，能够达到在AR场景中以虚拟对象的方式呈现浏览器内的图片内容的效果，从而向用户提供图片内容的AR显示，解决图片显示方式单一的问题，提高用户的图片浏览体验和浏览器使用体验。进一步地，由于在AR场景中实时加载虚拟对象，且虚拟对象的显示视角与AR场景对应的对象显示视角相同，因此能够达到随着AR场景的视角变化实时对应变化虚拟对象的显示视角的效果，从而进一步提高用户的图片浏览体验。并且，在浏览器场景下提供图片的AR浏览方式，能够使得用户更加多元化的使用浏览器，丰富浏览器的功能。

进一步地，本申请实施例还提供一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现上述图片内容呈现方法实施例的各个过程，且能达到相同的技术效果，具体地，该计算机程序被处理器执行时实现：

获取用户针对页面中的图片的增强现实AR浏览请求；其中，所述页面通过浏览器呈现；

确定所述AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景；

根据所述目标图片生成用于添加在所述AR场景中的虚拟对象；其中，所述虚拟对象用于表示所述目标图片的图片内容；

在所述AR场景中实时加载所述虚拟对象；其中，所述虚拟对象的显示视角与所述AR场景对应的对象显示视角相同。

可选地，该计算机程序被处理器执行时，所述根据所述目标图片生成用于添加在所述AR场景中的虚拟对象，包括：

将所述目标图片作为添加在所述AR场景中的虚拟对象；

或者

对所述目标图片的前景对象进行提取，根据提取到的所述前景对象生成前景图片，将所述前景图片作为添加在所述AR场景中的虚拟对象；

或者，

对所述目标图片的前景对象进行提取，创建提取到的所述前景对象对应的三维模型，将所述三维模型作为添加在所述AR场景中的虚拟对象。

可选地，该计算机程序被处理器执行时，所述创建提取到的所述前景对象对应的三维模型，包括：

基于深度学习及人工智能算法，创建提取到的所述前景对象对应的三维模型。

可选地，该计算机程序被处理器执行时，所述在所述AR场景中实时加载所述虚拟对象，包括：

根据所述AR场景的光线信息，设置所述虚拟对象的光线信息；

将设置后的所述虚拟对象实时加载在所述AR场景中。

可选地，该计算机程序被处理器执行时，还包括：

在所述虚拟对象加载后，判断所述虚拟对象是否与特定主题相关联；

若关联，则获取所述虚拟对象对应的信息和/或关联的所述特定主题对应的信息，在所述AR场景中输出获取的信息。

可选地，该计算机程序被处理器执行时，还包括：

在所述虚拟对象加载后，在所述AR场景中加载所述虚拟对象对应的信息查询控件；

接收到用户对所述信息查询控件的触发操作后，获取被触发的所述信息查询控件对应的查询应答数据，并加载在所述AR场景中；

其中，所述查询应答数据包括价格数据、产地数据、厂家数据、购买地址、用户评价中的至少一种。

可选地，该计算机程序被处理器执行时，还包括：

在所述虚拟对象加载后，获取用户针对所述虚拟对象的操作信息；

根据所述操作信息，对所述虚拟对象进行以下处理中的至少一种：

旋转处理、缩放处理、移动处理、颜色变换处理、光线变换处理。

本申请实施例中，首先获取用户针对页面中的图片的AR浏览请求，其中，页面通过浏览器呈现，其次确定AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景，然后根据目标图片生成用于添加在AR场景中的虚拟对象，其中，该虚拟对象用于表示目标图片的图片内容，最后在AR场景中实时加载该虚拟对象，其中，该虚拟对象的显示视角与AR场景对应的对象显示视角相同。通过本申请实施例，能够达到在AR场景中以虚拟对象的方式呈现浏览器内的图片内容的效果，从而向用户提供图片内容的AR显示，解决图片显示方式单一的问题，提高用户的图片浏览体验和浏览器使用体验。进一步地，由于在AR场景中实时加载虚拟对象，且虚拟对象的显示视角与AR场景对应的对象显示视角相同，因此能够达到随着AR场景的视角变化实时对应变化虚拟对象的显示视角的效果，从而进一步提高用户的图片浏览体验。并且，在浏览器场景下提供图片的AR浏览方式，能够使得用户更加多元化的使用浏览器，丰富浏览器的功能。

本实施例中，所述的计算机可读存储介质，如只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、磁碟或者光盘等。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (14)

1.一种图片内容呈现方法，其特征在于，包括：

获取用户针对页面中的图片的增强现实AR浏览请求；其中，所述页面通过浏览器呈现；

确定所述AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景；

根据所述目标图片生成用于添加在所述AR场景中的虚拟对象；其中，所述虚拟对象用于表示所述目标图片的图片内容；

在所述AR场景中实时加载所述虚拟对象；其中，所述虚拟对象的显示视角与所述AR场景对应的对象显示视角相同。

2.根据权利要求1所述的方法，其特征在于，所述根据所述目标图片生成用于添加在所述AR场景中的虚拟对象，包括：

将所述目标图片作为添加在所述AR场景中的虚拟对象；

或者

对所述目标图片的前景对象进行提取，根据提取到的所述前景对象生成前景图片，将所述前景图片作为添加在所述AR场景中的虚拟对象；

或者，

对所述目标图片的前景对象进行提取，创建提取到的所述前景对象对应的三维模型，将所述三维模型作为添加在所述AR场景中的虚拟对象。

3.根据权利要求2所述的方法，其特征在于，所述创建提取到的所述前景对象对应的三维模型，包括：

基于深度学习及人工智能算法，创建提取到的所述前景对象对应的三维模型。

4.根据权利要求1所述的方法，其特征在于，所述在所述AR场景中实时加载所述虚拟对象，包括：

根据所述AR场景的光线信息，设置所述虚拟对象的光线信息；

将设置后的所述虚拟对象实时加载在所述AR场景中。

5.根据权利要求1至4任一项所述的方法，其特征在于，还包括：

在所述虚拟对象加载后，判断所述虚拟对象是否与特定主题相关联；

若关联，则获取所述虚拟对象对应的信息和/或关联的所述特定主题对应的信息，在所述AR场景中输出获取的信息。

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

在所述虚拟对象加载后，在所述AR场景中加载所述虚拟对象对应的信息查询控件；

接收到用户对所述信息查询控件的触发操作后，获取被触发的所述信息查询控件对应的查询应答数据，并加载在所述AR场景中；

其中，所述查询应答数据包括价格数据、产地数据、厂家数据、购买地址、用户评价中的至少一种。

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

在所述虚拟对象加载后，获取用户针对所述虚拟对象的操作信息；

根据所述操作信息，对所述虚拟对象进行以下处理中的至少一种：

旋转处理、缩放处理、移动处理、颜色变换处理、光线变换处理。

8.一种图片内容呈现装置，其特征在于，包括：

请求获取模块，用于获取用户针对页面中的图片的增强现实AR浏览请求；其中，所述页面通过浏览器呈现；

场景创建模块，用于确定所述AR浏览请求对应的目标图片，并基于摄像头获取的当前环境信息实时创建AR场景；

对象生成模块，用于根据所述目标图片生成用于添加在所述AR场景中的虚拟对象；其中，所述虚拟对象用于表示所述目标图片的图片内容；

对象加载模块，用于在所述AR场景中实时加载所述虚拟对象；其中，所述虚拟对象的显示视角与所述AR场景对应的对象显示视角相同。

9.根据权利要求8所述的装置，其特征在于，所述对象生成模块具体用于：

将所述目标图片作为添加在所述AR场景中的虚拟对象；

或者

对所述目标图片的前景对象进行提取，根据提取到的所述前景对象生成前景图片，将所述前景图片作为添加在所述AR场景中的虚拟对象；

或者，

对所述目标图片的前景对象进行提取，创建提取到的所述前景对象对应的三维模型，将所述三维模型作为添加在所述AR场景中的虚拟对象。

10.根据权利要求9所述的装置，其特征在于，所述对象生成模块还具体用于：

基于深度学习及人工智能算法，创建提取到的所述前景对象对应的三维模型。

11.根据权利要求8所述的装置，其特征在于，所述对象加载模块具体用于：

根据所述AR场景的光线信息，设置所述虚拟对象的光线信息；

将设置后的所述虚拟对象实时加载在所述AR场景中。

12.根据权利要求8至11任一项所述的装置，其特征在于，还包括：

主题判断模块，用于在所述虚拟对象加载后，判断所述虚拟对象是否与特定主题相关联；

信息获取模块，用于若关联，则获取所述虚拟对象对应的信息和/或关联的所述特定主题对应的信息，在所述AR场景中输出获取的信息。

13.根据权利要求8至11任一项所述的装置，其特征在于，还包括：

控件加载模块，用于在所述虚拟对象加载后，在所述AR场景中加载所述虚拟对象对应的信息查询控件；

数据获取模块，用于接收到用户对所述信息查询控件的触发操作后，获取被触发的所述信息查询控件对应的查询应答数据，并加载在所述AR场景中；

其中，所述查询应答数据包括价格数据、产地数据、厂家数据、购买地址、用户评价中的至少一种。

14.根据权利要求8至11任一项所述的装置，其特征在于，还包括：

操作获取模块，用于在所述虚拟对象加载后，获取用户针对所述虚拟对象的操作信息；

对象处理模块，用于根据所述操作信息，对所述虚拟对象进行以下处理中的至少一种：

旋转处理、缩放处理、移动处理、颜色变换处理、光线变换处理。