CN111414225A - 三维模型远程展示方法、第一终端、电子设备及存储介质 - Google Patents

Abstract

一种三维模型远程展示方法、第一终端、电子设备及存储介质。该方法包括：基于网络图形库绘图协议，在页面中加载三维模型；调用增强现实接口展示三维模型的第一姿态；基于实时音视频技术与第二终端建立传输通道组，使得第二终端在页面中与第一终端同步展示三维模型的第一姿态；响应于检测到的对第一终端上所展示的三维模型执行的调整操作，获取对应于调整操作的操作数据；基于网络图形库绘图协议并调用增强现实接口，展示与调整操作对应的三维模型的第二姿态；通过传输通道组将操作数据由第一终端传输至第二终端，以使得第二终端展示与调整操作对应的三维模型的第二姿态。该方法可以在网页中展示三维车辆模型，可以实现终端之间的屏幕共享。

Description

三维模型远程展示方法、第一终端、电子设备及存储介质

技术领域

本公开的实施例涉及一种三维模型远程展示方法、第一终端、电子设备及存储介质。

背景技术

随着人们物质生活水平的提高，汽车交易量逐年上升。在汽车交易过程中，买方需要获取汽车的信息，例如汽车的外形、颜色、配置、价格等，然后根据实际需求选择心仪的汽车。例如，买方可以到4S店现场看车，但是，现场看车会受到时间、距离等因素的影响，看车效率较低。随着近年来网络技术的发展，买方可以通过网络获取汽车的信息，从而无需现场看车，提高了看车效率。

发明内容

本公开至少一个实施例提供一种三维模型远程展示方法，应用于第一终端，所述方法包括：基于网络图形库绘图协议，在页面中加载三维模型；调用增强现实接口展示所述三维模型的第一姿态；基于实时音视频技术与第二终端建立传输通道组，使得所述第二终端在页面中与所述第一终端同步展示所述三维模型的第一姿态；响应于检测到的对所述第一终端上所展示的所述三维模型执行的调整操作，获取对应于所述调整操作的操作数据；基于所述网络图形库绘图协议并调用所述增强现实接口，展示与所述调整操作对应的所述三维模型的第二姿态；通过所述传输通道组将所述操作数据由所述第一终端传输至所述第二终端，使得所述第二终端基于所述操作数据对所述第二终端所展示的所述三维模型的第一姿态同步执行所述调整操作，以使得所述第二终端展示与所述调整操作对应的所述三维模型的第二姿态。

例如，在本公开一实施例提供的方法中，所述网络图形库绘图协议包括WebGL。

例如，在本公开一实施例提供的方法中，所述增强现实接口包括JavaScript形式的ARcore开发接口或JavaScript形式的ARKit开发接口。

例如，在本公开一实施例提供的方法中，所述页面包括浏览器页面或者应用程序页面。

例如，在本公开一实施例提供的方法中，调用所述增强现实接口展示所述三维模型的第一姿态包括：获取图像；调用所述增强现实接口对所述图像进行平面识别，以识别所述图像中的展示平面；调用所述增强现实接口在所述展示平面上展示所述三维模型的第一姿态。

例如，在本公开一实施例提供的方法中，调用所述增强现实接口展示所述三维模型的第一姿态还包括：在识别到所述展示平面之后、展示所述三维模型的第一姿态之前，提示用户点击所述展示平面；接收所述用户的点击指令以确定点击位置。

例如，在本公开一实施例提供的方法中，调用所述增强现实接口在所述展示平面上展示所述三维模型的第一姿态包括：调用所述增强现实接口在所述展示平面上的点击位置处展示所述三维模型的第一姿态。

例如，在本公开一实施例提供的方法中，调用所述增强现实接口展示所述三维模型的第一姿态还包括：调用所述增强现实接口处理环境光数据，并对所述三维模型的第一姿态的展示效果参数进行调节。

例如，在本公开一实施例提供的方法中，所述展示效果参数包括阴影、色彩饱和度和白平衡。

例如，在本公开一实施例提供的方法中，响应于检测到的对所述第一终端上所展示的所述三维模型执行的所述调整操作，获取对应于所述调整操作的所述操作数据，包括：响应于检测到的对所述第一终端上所展示的所述三维模型执行的所述调整操作，利用所述第一终端中配置的第一页面监听工具监听所述调整操作以获取基于所述第一页面监听工具的所述操作数据。

例如，在本公开一实施例提供的方法中，通过所述传输通道组将所述操作数据由所述第一终端传输至所述第二终端，使得所述第二终端基于所述操作数据对所述第二终端所展示的所述三维模型的第一姿态同步执行所述调整操作，以使得所述第二终端展示与所述调整操作对应的所述三维模型的第二姿态，包括：通过所述传输通道组将基于所述第一页面监听工具的操作数据由所述第一终端传输至所述第二终端，使得所述第二终端根据所述操作数据设定所述第二终端中配置的第二页面监听工具的状态，以使得所述第二终端展示与所述调整操作对应的所述三维模型的第二姿态；其中，所述第一页面监听工具和所述第二页面监听工具是相同类型的页面监听工具。

例如，在本公开一实施例提供的方法中，基于所述网络图形库绘图协议并调用所述增强现实接口，展示与所述调整操作对应的所述三维模型的第二姿态，包括：基于所述网络图形库绘图协议对所述三维模型的尺寸、展示角度和展示位置进行与所述调整操作对应的调节，基于所述网络图形库绘图协议并调用所述增强现实接口展示所述三维模型的第二姿态，以使所述三维模型从第一姿态切换为第二姿态。

例如，在本公开一实施例提供的方法中，基于所述网络图形库绘图协议并调用所述增强现实接口，展示与所述调整操作对应的所述三维模型的第二姿态，包括：调用所述增强现实接口处理所述三维模型的姿态数据以对所述三维模型的尺寸、展示角度和展示位置进行与所述调整操作对应的调节，基于所述网络图形库绘图协议并调用所述增强现实接口展示所述三维模型的第二姿态，以使所述三维模型从第一姿态切换为第二姿态。

例如，在本公开一实施例提供的方法中，所述三维模型在第一姿态下的展示姿态参数与所述三维模型在第二姿态下的展示姿态参数不同，所述展示姿态参数包括尺寸、展示角度和展示位置中的至少之一。

例如，在本公开一实施例提供的方法中，所述三维模型为三维车辆模型，所述展示角度包括所述三维车辆模型的外形观看角度和/或所述三维车辆模型的内部空间观看角度，所述第一姿态为所述三维车辆模型在所述展示角度为外形观看角度下的姿态或在所述展示角度为内部空间观看角度下的姿态，所述第二姿态为所述三维车辆模型在所述展示角度为外形观看角度下的姿态或在所述展示角度为内部空间观看角度下的姿态。

例如，在本公开一实施例提供的方法中，所述三维车辆模型包含车辆内部空间的形状、车辆轮廓和材质信息。

例如，在本公开一实施例提供的方法中，所述调整操作是对所述第一终端上所展示的所述三维模型执行的以下操作中的任意一种：点击、拖动、放大和缩小。

本公开至少一个实施例还提供一种用于远程展示三维模型的第一终端，包括：页面加载单元，配置为基于网络图形库绘图协议，在页面中加载三维模型；增强现实处理单元，配置为调用增强现实接口展示所述三维模型的第一姿态；通信单元，配置为基于实时音视频技术与第二终端建立传输通道组，使得所述第二终端在页面中与所述第一终端同步展示所述三维模型的第一姿态；获取单元，配置为响应于检测到的对所述第一终端上所展示的所述三维模型执行的调整操作，获取对应于所述调整操作的操作数据；切换单元，配置为基于所述网络图形库绘图协议并调用所述增强现实接口，展示与所述调整操作对应的所述三维模型的第二姿态；传输单元，配置为通过所述传输通道组将所述操作数据由所述第一终端传输至所述第二终端，使得所述第二终端基于所述操作数据对所述第二终端所展示的所述三维模型的第一姿态同步执行所述调整操作，以使得所述第二终端展示与所述调整操作对应的所述三维模型的第二姿态。

本公开至少一个实施例还提供一种电子设备，包括：处理器；存储器，包括一个或多个计算机程序模块；其中，所述一个或多个计算机程序模块被存储在所述存储器中并被配置为由所述处理器执行，所述一个或多个计算机程序模块包括用于实现本公开任一实施例所述的三维模型远程展示方法的指令。

本公开至少一个实施例还提供一种存储介质，用于存储非暂时性计算机可读指令，当所述非暂时性计算机可读指令由计算机执行时可以实现本公开任一实施例所述的三维模型远程展示方法。

附图说明

为了更清楚地说明本公开实施例的技术方案，下面将对实施例的附图作简单地介绍，显而易见地，下面描述中的附图仅仅涉及本公开的一些实施例，而非对本公开的限制。

图1为本公开至少一个实施例提供的一种三维模型远程展示方法的流程示意图；

图2为本公开至少一个实施例提供的第一终端与第二终端进行屏幕共享的示意图；

图3为图1所示的三维模型远程展示方法的步骤S120的一种流程示意图；

图4为图1所示的三维模型远程展示方法的步骤S120的另一种流程示意图；

图5为图1所示的三维模型远程展示方法的步骤S120的再一种流程示意图；

图6A为本公开至少一个实施例提供的一种三维模型远程展示方法的展示效果图之一；

图6B为本公开至少一个实施例提供的一种三维模型远程展示方法的展示效果图之二；

图6C为本公开至少一个实施例提供的一种三维模型远程展示方法的展示效果图之三；

图7为一种可用于实施本公开实施例提供的三维模型远程展示方法的系统示意图；

图8为本公开至少一个实施例提供的一种用于远程展示三维模型的第一终端的示意框图；

图9为本公开至少一个实施例提供的远程展示的应用示意图；

图10为本公开至少一个实施例提供的一种电子设备的示意框图；

图11为本公开至少一个实施例提供的另一种电子设备的示意框图；以及

图12为本公开至少一个实施例提供的一种存储介质的示意图。

具体实施方式

为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例的附图，对本公开实施例的技术方案进行清楚、完整地描述。显然，所描述的实施例是本公开的一部分实施例，而不是全部的实施例。基于所描述的本公开的实施例，本领域普通技术人员在无需创造性劳动的前提下所获得的所有其他实施例，都属于本公开保护的范围。

除非另外定义，本公开使用的技术术语或者科学术语应当为本公开所属领域内具有一般技能的人士所理解的通常意义。本公开中使用的“第一”、“第二”以及类似的词语并不表示任何顺序、数量或者重要性，而只是用来区分不同的组成部分。同样，“一个”、“一”或者“该”等类似词语也不表示数量限制，而是表示存在至少一个。“包括”或者“包含”等类似的词语意指出现该词前面的元件或者物件涵盖出现在该词后面列举的元件或者物件及其等同，而不排除其他元件或者物件。“连接”或者“相连”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电性的连接，不管是直接的还是间接的。“上”、“下”、“左”、“右”等仅用于表示相对位置关系，当被描述对象的绝对位置改变后，则该相对位置关系也可能相应地改变。

通常情况下，买方通过网络看车时，可以通过网页或软件获取多个角度的车辆照片，这些车辆照片为2D图片，难以反映车辆的真实情况。随着科技的进步，3D看车应运而生。在3D看车的应用场景中，买方可以在软件上观看车辆的三维模型，从而可以直观地了解车辆状况。但是，这需要用户在终端设备上安装相应的软件，占用了终端设备的硬件资源，使用不够便捷。而且，车辆的三维模型的呈现方式较为突兀，真实感不足，用户体验较差。

基于平面显示或者基于虚拟现实(Virtual Reality，VR)或增强现实(AugmentedReality，AR)显示技术，可以实现对于车辆照片或车辆模型的远程展示。在远程展示的过程中，需要在两个终端之间进行同步显示，或者可以称为屏幕共享。屏幕共享可以理解为在不同终端之间实时地保持不同终端的屏幕内显示的内容一致。例如，在屏幕共享的状态下，对应于第一终端的第一用户在第一终端的第一屏幕上对显示的车辆照片或车辆模型进行诸如拖动操作之后，第二终端也将执行该拖动操作，使得第二终端的第二屏幕上显示的内容与第一屏幕保持同步。

在实现屏幕共享的方法中，可以基于网页即时通信(Web Real-TimeCommunication，WebRTC)技术，通过屏幕截取的方式来获取第一屏幕上当前显示的图像，再将截取的图像传输给第二终端，从而在第二终端的第二屏幕上同步显示第一屏幕上显示的内容。例如，可以以每秒30帧、45帧的速率来进行屏幕截取，并将截取的图像逐个地传输给第二终端。然而，这种屏幕截取的方式将占用大量的设备资源来存储、传输截取的图像，这将导致大量设备资源占用，降低设备的性能，甚至出现显示卡顿、设备发热等现象。大量的图像数据传输也将导致显示延迟问题，也即，两个终端显示的内容存在时间差，这在性能较低的移动终端上尤其明显。此外，为了降低传输图像占用的数据量，可能对截取的图像进行压缩，降低分辨率，这使得第二终端显示的图像存在不清晰的问题，降低了用户体验。

本公开至少一个实施例提供一种三维模型远程展示方法、用于远程展示三维模型的第一终端、电子设备及存储介质。该三维模型远程展示方法可以在页面(例如网页)中展示三维模型(例如三维车辆模型)，无需安装原生应用程序，使用便捷，可以实现三维车辆模型与现实场景的融合，能够提供更加真实的在线看车方式，并且提高在线看车的互动性和可玩性。而且，该三维模型远程展示方法可以实现终端之间的屏幕共享，降低了传输的数据量，能够避免占用大量的设备资源，避免出现显示卡顿、设备发热等现象，可以解决显示延迟问题，保证各个终端显示的图像的分辨率，提高了用户的使用体验。

下面，将参考附图详细地说明本公开的实施例。应当注意的是，不同的附图中相同的附图标记将用于指代已描述的相同的元件。

本公开至少一个实施例提供一种三维模型远程展示方法，应用于第一终端。该方法包括：基于网络图形库绘图协议，在页面中加载三维模型；调用增强现实接口展示三维模型的第一姿态；基于实时音视频技术与第二终端建立传输通道组，使得第二终端在页面中与第一终端同步展示三维模型的第一姿态；响应于检测到的对第一终端上所展示的三维模型执行的调整操作，获取对应于调整操作的操作数据；基于网络图形库绘图协议并调用增强现实接口，展示与调整操作对应的三维模型的第二姿态；通过传输通道组将操作数据由第一终端传输至第二终端，使得第二终端基于操作数据对第二终端所展示的三维模型的第一姿态同步执行调整操作，以使得第二终端展示与调整操作对应的三维模型的第二姿态。

图1为本公开至少一个实施例提供的一种三维模型远程展示方法的流程示意图。

例如，该三维模型远程展示方法应用于第一终端，该第一终端包括具有计算功能的任何电子设备，例如可以为手机、笔记本电脑、平板电脑、台式计算机、服务器等，本公开的实施例对此不作限制。例如，该第一终端具有中央处理单元(Central Processing Unit，CPU)或图形处理单元(Graphics Processing Unit，GPU)，以及还包括存储器。该存储器例如为非易失性存储器(例如只读存储器(Read Only Memory，ROM))，其上存储有操作系统的代码。例如，存储器上还存储有代码或指令，通过运行这些代码或指令，可以实现本公开实施例提供的三维模型远程展示方法。例如，该第一终端还可以包括显示部件，该显示部件例如为液晶显示屏(Liquid Crystal Display，LCD)、有机发光二极管(Organic LightEmitting Diode，OLED)显示屏、量子点发光二极管(Quantum Dot Light Emitting Diode，QLED)显示屏、投影部件、VR头戴式显示设备(例如VR头盔、VR眼镜)、AR显示设备等，本公开的实施例对此不作限制。本公开实施例提供的三维模型远程展示方法可以利用第一终端的显示部件显示相应的内容，以进行三维模型的展示。

例如，第一终端可以通过执行该三维模型远程展示方法来实现与第二终端之间的屏幕共享。这里，第一终端、第二终端仅是为了区分两个终端，并不表示任何顺序、数量或者重要性。类似地，第二终端也可以通过执行该三维模型远程展示方法来实现与第一终端之间的屏幕共享，本公开的实施例对此不作限制。

如图1所示，在至少一个实施例中，该方法包括如下操作。

步骤S110：基于网络图形库绘图协议，在页面中加载三维模型；

步骤S120：调用增强现实接口展示三维模型的第一姿态；

步骤S130：基于实时音视频技术与第二终端建立传输通道组，使得第二终端在页面中与第一终端同步展示三维模型的第一姿态；

步骤S140：响应于检测到的对第一终端上所展示的三维模型执行的调整操作，获取对应于调整操作的操作数据；

步骤S150：基于网络图形库绘图协议并调用增强现实接口，展示与调整操作对应的三维模型的第二姿态；

步骤S160：通过传输通道组将操作数据由第一终端传输至第二终端，使得第二终端基于操作数据对第二终端所展示的三维模型的第一姿态同步执行调整操作，以使得第二终端展示与调整操作对应的三维模型的第二姿态。

例如，在步骤S110中，网络图形库绘图协议可以为WebGL(Web GraphicsLibrary)。WebGL是一种3D绘图协议，该绘图协议把JavaScript和开放图形库(例如OpenGL)结合起来。OpenGL可以提供图形程序接口，用于渲染2D、3D矢量图形。例如，通常的页面(例如网页)采用HTML标准构建，HTML的画布(Canvas)使用JavaScript在页面上绘制图像。在WebGL技术中，通过增加OpenGL(例如版本为OpenGL ES 2.0)的一个JavaScript绑定，从而可以为HTML的Canvas提供硬件3D加速渲染。由此，页面的开发人员可以借助显示该页面的终端设备的显卡在页面中流畅地显示三维模型。基于WebGL，可以利用终端设备底层的硬件加速对图形进行渲染，从而可以在页面上显示三维模型，而无需浏览器插件的支持，具有高效的图形渲染速度。

需要说明的是，本公开的实施例中，网络图形库绘图协议不限于为WebGL，也可以为其他适用的用于在页面中绘制三维模型的协议，这可以根据实际需求而定，本公开的实施例对此不作限制。

例如，页面包括浏览器页面或者应用程序页面。

例如，浏览器页面为通过浏览器访问的页面，也即通常的网页。用户可以采用任意的浏览器访问该页面。浏览器例如可以为Internet Explorer浏览器、火狐浏览器、Safari浏览器、360浏览器、搜狗浏览器等，本公开的实施例对此不作限制。

例如，应用程序页面为通过页面视图访问的页面。页面视图例如为WebView，WebView是安卓(Andriod)中用于显示页面的控件。用户可以在使用应用程序时，利用应用程序中的页面视图控件访问页面，而无需使用浏览器。通常的应用程序(例如“微信”、“58同城”等)具有页面视图控件，从而可以在应用程序内访问页面。需要说明的是，页面视图不限于WebView，也可以为IOS系统、Windows Phone系统或其他任意系统中用于在应用程序内访问页面的控件，这可以根据实际需求而定，本公开的实施例对此不作限制。

需要说明的是，浏览器页面和应用程序页面本质上是相同的，均为包含HTML标签的文件并且采用超文本标记语言格式，只是两者所利用的访问工具不同。当然，本公开的实施例不限于此，页面还可以包括通过其他方式访问的页面，这可以根据实际需求而定。

例如，三维模型可以为三维车辆模型，该三维车辆模型包含车辆内部空间的形状、车辆轮廓和材质信息等。例如，可以根据实际车辆，基于Azure Kinect DK或基于深度双目相机进行建模而得到三维车辆模型，该三维车辆模型能够较好地反映实际车辆的情况，真实感较强。例如，三维车辆模型与实际车辆的尺寸比例为1：N，N为大于1的整数。三维车辆模型的内部空间的形状、轮廓与实际车辆的内部空间的形状、轮廓相同，并且，三维车辆模型的材质(例如颜色、纹理等)与实际车辆的视觉效果相同。由此，用户可以通过观看三维车辆模型而获取与观看实际车辆相同的直观感受。

需要说明的是，本公开的实施例中，三维模型不限于三维车辆模型，也可以为任意的其他物品的模型，例如三维房间模型、三维家具模型、三维家电模型等，这可以根据实际需求而定，本公开的实施例对此不作限制。

例如，在步骤S120中，增强现实(AR)接口包括JavaScript形式的ARcore开发接口或JavaScript形式的ARKit开发接口。ARcore是谷歌推出的搭建增强现实应用程序的软件开发平台，可以用于开发安卓平台上的增强现实应用，或者为安卓应用增加增强现实功能。ARKit是苹果公司推出的搭建增强现实应用程序的软件开发平台，可以用于开发IOS平台上的增强现实应用，或者为IOS应用增加增强现实功能。增强现实技术可以将虚拟信息与真实世界巧妙融合，使虚拟信息与真实世界互为补充，从而实现对真实世界的“增强”。关于ARcore和ARKit的详细说明可参考常规设计，此处不再详述。需要说明的是，由于三维模型基于WebGL被加载到页面中，因此，增强现实接口需要为JavaScript形式，以便于在页面中被调用。

需要说明的是，本公开的实施例中，增强现实接口不限于上文中描述的类型，还可以为其他适用的增强现实开发接口，这可以根据操作系统的类型而定，本公开的实施例对此不作限制。

例如，在步骤S130中，基于实时音视频技术(Real-Time Communication，RTC)与第二终端建立传输通道组，使得第二终端在页面中与第一终端同步展示三维模型的第一姿态。例如，该三维模型为三维车辆模型，该第一姿态可以为在任意的观看角度下三维车辆模型的展示姿态，该第一姿态可以展示三维车辆模型的外形或内部空间。

例如，第一终端可以获取第一终端的参数和第二终端的参数，并根据第一终端的参数和第二终端的参数建立传输通道组，从而基于实时音视频技术与第二终端建立传输通道组。第一终端的参数可以包括第一终端的IP(Internet Protocol)地址(例如，网络IP地址)、第一终端对应的设备标识(例如，手机的ID等)、时间等信息，第二终端的参数可以包括第二终端的IP地址、第二终端对应的设备标识、时间等信息。例如，第一终端和第二终端可以为各种移动终端、固定终端等，移动终端可以为手机、平板电脑等，固定终端可以为台式计算机等。第一终端和第二终端可以为相同类型或不同类型的设备。例如，第一终端和第二终端还可以包括移动终端的应用程序(Application，App)。应用程序例如可以为“58同城”等。

作为一个示例，传输通道组可以通过有线网络和/或无线网络的方式实现数据传输。有线网络例如可以采用双绞线、同轴电缆或光纤传输等方式进行数据传输，无线网络例如可以采用3G/4G/5G移动通信网络、蓝牙、Zigbee或者WiFi等方式进行数据传输。例如，传输通道组是基于实时音视频技术建立的，使得传输通道组传输数据时延时较小，从而满足实时数据交互的需求。

例如，当基于实时音视频技术在第一终端和第二终端之间建立传输通道组后，第一终端和第二终端能够通过传输通道组来实现数据的实时传输。例如，该数据可以是下文描述的操作数据。

作为一个示例，图2为本公开至少一个实施例提供的第一终端与第二终端进行屏幕共享的示意图。如图2所示，第一终端201的第一屏幕2011内显示有三维模型的第一姿态。第一终端201与第二终端202之间具有基于实时音视频技术建立的传输通道组，用于进行实时数据传输。第二终端202的第二屏幕2021内同步地显示有该三维模型的第一姿态。也即是，第一屏幕2011和第二屏幕2021所显示的三维模型的尺寸、展示角度、展示位置等参数是相同的，用户观看第一屏幕2011所显示的三维模型的视觉感受与观看第二屏幕2021所显示的三维模型的视觉感受相同或基本相同。例如，第一终端201与第二终端202位于不同地点，从而实现远程屏幕共享。

例如，如图1所示，在步骤S140中，响应于检测到的对第一终端上所展示的三维模型执行的调整操作，获取对应于调整操作的操作数据。例如，对应于第一终端的第一用户可以对第一终端的第一屏幕执行屏幕操作，也即，上述调整操作，以改变第一屏幕上显示的画面。该调整操作可以是对第一终端上所展示的三维模型执行的以下操作中的任意一种：点击、拖动、放大和缩小。例如，对应于第一终端的第一用户可以利用鼠标或直接在触摸屏上操作以点击、拖动三维模型，或者对三维模型进行放大、缩小等操作，从而改变三维模型的展示姿态，使第一屏幕所显示的不再为三维模型的第一姿态。需要说明的是，本公开的实施例中，调整操作可以为任意适用的对第一终端上所展示的三维模型所执行的操作，本公开的实施例对此不作限制。

例如，如图1所示，在步骤S150中，基于网络图形库绘图协议并调用增强现实接口，展示与调整操作对应的三维模型的第二姿态。由此，第一终端所展示的三维模型从第一姿态切换为第二姿态。

例如，三维模型在第一姿态下的展示姿态参数与三维模型在第二姿态下的展示姿态参数不同，该展示姿态参数包括尺寸(例如大小)、展示角度和展示位置中的至少之一。例如，三维模型在第一姿态下的尺寸、展示角度和展示位置中的任意一个、两个或三个参数与在第二姿态下的相应的参数不同，从而使用户获得不同的观看感受。关于展示位置的详细说明将在下文描述，此处不再赘述。

例如，三维模型为三维车辆模型，上述展示角度包括三维车辆模型的外形观看角度和/或三维车辆模型的内部空间观看角度。第一姿态可以为三维车辆模型在展示角度为外形观看角度下的姿态或在展示角度为内部空间观看角度下的姿态，第二姿态可以为三维车辆模型在展示角度为外形观看角度下的姿态或在展示角度为内部空间观看角度下的姿态。

当第一终端所展示的三维车辆模型从第一姿态切换为第二姿态时，三维车辆模型可以仅具有外形观看角度的改变(也即从一个外形观看角度切换为另一个外形观看角度)，也可以仅具有内部空间观看角度的改变(也即从一个内部空间观看角度切换为另一个内部空间观看角度)，还可以从外形观看角度切换为内部空间观看角度或者从内部空间观看角度切换为外形观看角度。由此，可以使对应于第一终端的第一用户观看三维车辆模型的外形和内部空间，并且可以随意切换展示角度。

例如，在一个示例中，可以基于网络图形库绘图协议对三维模型的尺寸、展示角度和展示位置进行与调整操作对应的调节，基于网络图形库绘图协议并调用增强现实接口展示三维模型的第二姿态，以使三维模型从第一姿态切换为第二姿态。在该示例中，对三维模型的调节是通过网络图形库绘图协议完成的。例如，可以基于WebGL，对三维模型的尺寸、展示角度和展示位置进行调节，从而提供更好的用户体验。例如，用户可以利用鼠标或直接用手指在触摸屏上操作，从而可以对三维模型进行拖动、缩放、旋转、外形与内部空间切换等操作。

例如，在另一个示例中，可以调用增强现实接口处理三维模型的姿态数据以对三维模型的尺寸、展示角度和展示位置进行与调整操作对应的调节，基于网络图形库绘图协议并调用增强现实接口展示三维模型的第二姿态，以使三维模型从第一姿态切换为第二姿态。在该示例中，对三维模型的调节是通过调用增强现实接口完成的。例如，可以利用增强现实接口提供的姿态估计功能，通过调用增强现实接口处理姿态数据，然后根据处理结果对三维模型的尺寸、展示角度和展示位置进行调节，从而提供更好的用户体验。

例如，本公开实施例提供的三维模型远程展示方法通过运行代码的方式运行在第一终端中，该第一终端可以为移动终端，例如手机、平板电脑等，姿态数据为该移动终端的姿态数据。例如，用户可以手握移动终端并改变移动终端的姿态，通过调用增强现实接口处理姿态数据，从而可以根据处理结果调节三维模型的尺寸、展示角度和展示位置等。这种方式可以简化用户操作，提高互动性，提高用户的使用体验。关于增强现实技术中的姿态估计功能的说明可参考常规设计，此处不再详述。

例如，基于网络图形库绘图协议并调用增强现实接口展示三维模型的第二姿态的具体方法可以参考利用步骤S110和步骤S120展示三维模型的第一姿态的方法，此处不再详述。

在检测到调整操作后，第一终端可以获取对应于调整操作的操作数据。在执行调整操作后，第一终端将展示与该调整操作相对应的三维模型的第二姿态。也即是，调整操作用于使得第一屏幕显示的三维模型从第一姿态改变成第二姿态。关于获取操作数据的具体过程，将在下文详细描述。

例如，如图1所示，在步骤S160中，通过传输通道组将操作数据由第一终端传输至第二终端，使得第二终端基于操作数据对第二终端所展示的三维模型的第一姿态同步执行调整操作，以使得第二终端展示与调整操作对应的三维模型的第二姿态。例如，第二终端在接收到通过传输通道组传输的操作数据之后，第二终端可以基于该操作数据对第二终端所展示的三维模型的第一姿态同步执行调整操作，以使得第二终端同步展示三维模型的第二姿态。

例如，在一些示例中，当对应于第一终端的第一用户对第一屏幕显示的三维模型执行放大操作时，与该放大操作对应的操作数据被传输至第二终端，第二终端基于该操作数据对第二屏幕显示的三维模型也同步执行放大操作，从而使得第一终端与第二终端实现屏幕共享，使第一终端与第二终端均展示放大后的三维模型。当第一用户对第一屏幕显示的三维模型执行其他操作时，第一终端和第二终端的工作方式与上述方式类似，以此类推。

在本公开的实施例提供的三维模型远程展示方法中，第一用户对应于第一终端，第二用户对应于第二终端。第一用户和第二用户可以位于不同地点，第一用户和第二用户可以远程观看三维模型，并切换三维模型的姿态。在远程展示的过程中，第一用户与第二用户可以同时观看到三维模型的相同姿态的图像，也即，实现屏幕共享。例如，当三维模型为三维车辆模型时，若第一终端展示的第一姿态对应于三维车辆模型外形的主视图画面，则第二终端展示的第一姿态也对应于该三维车辆模型外形的主视图画面，且第一用户和第二用户所观看到的三维车辆模型的尺寸、展示角度和展示位置均相同，从而使第一终端对应的第一用户和第二终端对应的第二用户观看到三维车辆模型的相同图像。

在建立传输通道组之后，第一终端和第二终端可以获取对应于同一三维模型的同一姿态的图像，例如，对应于同一三维车辆模型的图像。例如，第一终端可以首先确定要展示的三维模型的标识，诸如车辆标识、序号等信息，然后将该三维模型的标识通过传输通道组发送给第二终端，使得第二终端也访问并展示该三维模型。

需要说明的是，在第一终端与第二终端初始展示三维模型的初始姿态时，可能存在第一终端所展示的初始画面和第二终端所展示的初始画面不相同的情况。在此情况下，需要同步第一终端所展示的初始画面和第二终端所展示的初始画面，以使第一终端所展示的画面和第二终端所展示的画面相同。

图3为图1所示的三维模型远程展示方法的步骤S120的一种流程示意图。例如，如图3所示，在至少一个实施例中，图1中的步骤S120可以进一步包括如下操作。

步骤S121：获取图像；

步骤S122：调用增强现实接口对图像进行平面识别，以识别图像中的展示平面；

步骤S123：调用增强现实接口在展示平面上展示三维模型的第一姿态。

例如，在步骤S121中，获取的图像为真实场景的图像。例如，在一些示例中，实现该三维模型远程展示方法的第一终端具有摄像头，可以利用该摄像头拍摄得到真实场景的图像。例如，该图像可以为实时显示的视频，也可以为图片(即照片)，本公开的实施例对此不作限制。例如，在另一些示例中，可以通过网络获取图像，该图像为预先拍摄的、反映真实场景的、存储在网络中的图像。例如，可以从多个图像中选择某一图像并进行获取，多个图像反映的场景彼此不同。需要说明的是，本公开的实施例中，获取图像的方式不限于上文描述的方式，也可以采用任意适用的方式，这可以根据实际需求而定，本公开的实施例对此不作限制。

例如，在步骤S122中，调用增强现实接口(例如前述的JavaScript形式的ARcore开发接口或JavaScript形式的ARKit开发接口)对图像进行平面识别。例如，图像中可能存在一个或多个平面，例如地面、桌面等。当图像中仅存在一个平面时，将该平面确定为展示平面。当图像中存在多个平面时，可以根据预设规则将多个平面中的一个平面确定为展示平面。例如，在一些示例中，可以根据多个平面的相对大小将较大的平面确定为展示平面。例如，在另一些示例中，可以在识别到多个平面后由用户自行选择多个平面中的一个平面作为展示平面。

需要说明的是，上述预设规则不限于上文描述的两种方式，可以为任意的方式，这可以根据实际需求而定，本公开的实施例对此不作限制。例如，根据真实场景的特点，上述图像中也可能不存在平面，即无法得到展示平面，在这种情形下，可以提示用户无法识别展示平面而需要重新获取图像。

例如，平面识别可以通过三角测量算法实现，也可以通过其他适用的算法实现，本公开的实施例对此不作限制。关于增强现实技术中的平面识别和三角算法的详细说明可参考常规设计，此处不再详述。

例如，在步骤S123中，调用增强现实接口在展示平面上展示三维模型的第一姿态，也即是，将三维模型的第一姿态显示在展示平面上。例如，第一终端不仅显示获取的图像，并且在图像中的展示平面上显示三维模型的第一姿态，从而实现三维模型与真实场景的融合，达到展示三维模型的目的。

需要说明的是，在将三维模型的第一姿态切换为第二姿态时，可以将三维模型的第二姿态展示在之前所确定的展示第一姿态的展示平面上，而无需再次进行展示平面的识别。当然，本公开的实施例不限于此，在其他示例中，也可以在将三维模型的第一姿态切换为第二姿态时，重新获取图像并进行展示平面的识别，这可以根据实际需求而定，本公开的实施例对此不作限制。

图4为图1所示的三维模型远程展示方法的步骤S120的另一种流程示意图。例如，如图4所示，在至少一个实施例中，图1中的步骤S120可以进一步包括如下操作。

步骤S121：获取图像；

步骤S122：调用增强现实接口对图像进行平面识别，以识别图像中的展示平面；

步骤S124：提示用户点击展示平面；

步骤S125：接收用户的点击指令以确定点击位置；

步骤S123a：调用增强现实接口在展示平面上的点击位置处展示三维模型的第一姿态。

该实施例中的步骤S121和步骤S122与图3中所示的步骤S121和步骤S122基本相同，相关说明可参考前述内容，此处不再赘述。

例如，在步骤S124中，在识别到展示平面之后，提示用户点击展示平面。例如，可以通过弹出文本框的方式提示用户，也可以通过语音播报的方式提示用户，或者通过其他适用的方式提示用户，本公开的实施例对此不作限制。例如，可以在显示的图像中标出展示平面，从而便于用户进行点击。例如，可以采用线框标出展示平面，也可以用高亮着色的方式显示展示平面，或者采用其他适用的方式标出展示平面，本公开的实施例对此不作限制。

例如，在步骤S125中，接收用户的点击指令以确定点击位置，用户可以点击展示平面的任意位置。例如，该实施例提供的三维模型远程展示方法通过运行代码的方式运行在第一终端中，该第一终端包括输入设备，例如鼠标或触摸屏。用户可以用手指直接点击触摸屏上的位置，或者用鼠标点击屏幕上的位置，该第一终端接收到点击指令，从而可以确定点击位置。例如，当用户点击展示平面上的任意位置时，接收到的点击指令有效，从而可以进行后续操作。当用户点击展示平面之外的位置时，接收到的点击指令无效，则提示用户重新点击。

例如，在该实施例中，图3中所示的步骤S123可以实现为图4中所示的步骤S123a。例如，在步骤S123a中，确定点击位置之后，调用增强现实接口在展示平面上的点击位置处展示三维模型的第一姿态。例如，可以根据预设的显示比例显示三维模型并使三维模型处于第一姿态，并且使三维模型的中心位于展示平面上的点击位置，从而可以在展示平面上的点击位置处展示三维模型。例如，预设的显示比例可以根据实际需求而定，例如可以使三维模型与展示平面的尺寸比例为1:1或1:2，以达到较好的展示效果。当然，本公开的实施例不限于此，预设的显示比例可以为任意数值，并且，预设的显示比例也可以由用户更改和重新配置，本公开的实施例对此不作限制。

需要说明的是，本公开的实施例中，也可以省略步骤S124和步骤S125，也即是，当识别到展示平面后，不再提示用户点击展示平面，此时，步骤S123a例如相应变更为默认在展示平面的中心处展示三维模型的第一姿态。

图5为图1所示的三维模型远程展示方法的步骤S120的再一种流程示意图。例如，如图5所示，在至少一个实施例中，图1中的步骤S120可以进一步包括如下操作。

步骤S121：获取图像；

步骤S122：调用增强现实接口对图像进行平面识别，以识别图像中的展示平面；

步骤S123：调用增强现实接口在展示平面上展示三维模型的第一姿态；

步骤S126：调用增强现实接口处理环境光数据，并对三维模型的第一姿态的展示效果参数进行调节。

该实施例中的步骤S121-S123与图3中所示的步骤S121-S123基本相同，相关说明可参考前述内容，此处不再赘述。

例如，在步骤S126中，环境光数据为真实场景中的环境光数据，例如光强、光照方向等参数。例如，在一些示例中，实现该三维模型远程展示方法的第一终端包括光传感器，利用光传感器可以获取环境光数据。例如，在另一些示例中，通过对获取的真实场景的图像进行处理和分析，从而获取环境光数据。当然，本公开的实施例不限于此，可以采用任意适用的方式获取环境光数据。

例如，利用增强现实接口提供的环境光估计功能，通过调用增强现实接口处理环境光数据，然后根据处理结果对三维模型的第一姿态的展示效果参数进行调节，以使三维模型与真实场景拥有一致的光照效果，从而使三维模型无缝地融合到真实场景中，可以提高展示效果的真实度。例如，展示效果参数包括阴影、色彩饱和度和白平衡等，还可以包括其他适用的参数，本公开的实施例对此不作限制。关于增强现实技术中的环境光估计功能的说明可参考常规设计，此处不再详述。

需要说明的是，在展示三维模型的第二姿态时，可以采用与展示三维模型的第一姿态类似的方式进行展示，此处不再赘述。

在本公开的至少一个实施例中，响应于检测到的对第一终端上所展示的三维模型执行的调整操作，获取对应于调整操作的操作数据，包括：响应于检测到的对第一终端上所展示的三维模型执行的调整操作，利用第一终端中配置的第一页面监听工具监听调整操作以获取基于第一页面监听工具的操作数据。在得到操作数据后，第一终端通过传输通道组将基于第一页面监听工具的操作数据由第一终端传输至第二终端，使得第二终端根据操作数据设定第二终端中配置的第二页面监听工具的状态，以使得第二终端展示与调整操作对应的三维模型的第二姿态。例如，第一页面监听工具和第二页面监听工具是相同类型的页面监听工具。

作为一个示例，利用脚本(诸如JavaScript)在Canvas画布上绘制图像，从而实现在页面上绘制图像。例如，第一页面监听工具可以是包括脚本的Canvas画布，从而可以监听调整操作。在监听到调整操作之后，Canvas画布将获取对应于调整操作的操作数据，并基于获取的操作数据来绘制图像。例如，在第一用户对第一屏幕显示的三维模型执行放大操作之后，Canvas画布可以监听到该放大操作，并获取到对应于该放大操作的诸如放大倍率的操作数据，并基于该操作数据来进行图形绘制，以显示对三维模型的第一姿态按照该放大倍率进行放大后得到的第二姿态。

接着，第一终端可以将Canvas画布获取到的操作数据通过传输通道组实时地发送至第二终端。当第二终端接收到第一终端发送的操作数据后，将接收到的操作数据提供给第二终端中的配置的Canvas画布，以使得第二终端的Canvas画布基于该操作数据来绘制图形，例如，执行相应的放大操作，以实现在第二屏幕上同步显示三维模型的第二姿态。

在其他示例中，第一用户和第二用户还可以在屏幕共享的同时进行信息沟通，例如，通过传输通道组来传输语音数据，从而更及时地传递信息和更准确地反馈信息，可以提升产品体验感，提升产品性能，增加三维模型远程展示的趣味性。

利用本公开实施例提供的三维模型远程展示方法，可以在页面(例如网页)中展示三维模型(例如三维车辆模型)，无需安装原生应用程序，使用便捷。并且，可以实现三维车辆模型与现实场景的融合，能够提供更加真实的在线看车方式，并且可以提高在线看车的互动性和可玩性，有效提高了用户的使用体验。通过建立传输通道组来实时地传递操作数据，使得第一终端与第二终端可以基于实时传递的操作数据来进行同步显示，即实现了第一终端和第二终端之间的屏幕共享，保证两个终端的屏幕的同步显示。通过这种方式，可以有效降低传输的数据量，避免占用大量的设备资源，避免出现显示卡顿、设备发热等现象。此外，在降低数据传输量的基础上，还可以避免大量的图像数据传输导致的显示延迟问题，更有利于实现实时屏幕共享，缩小两个终端显示内容的时间差。进一步地，由于屏幕共享是基于第一终端与第二终端中配置的页面监听工具执行相同的操作来实现的，可以保证两个终端显示的图像的分辨率，提高了用户的使用体验，使得远程展示更便捷。

需要说明的是，本公开的实施例中，三维模型远程展示方法的各个步骤的执行顺序不受限制，虽然上文以特定顺序描述了各个步骤的执行过程，但这并不构成对本公开实施例的限制。该三维模型远程展示方法中的各个步骤可以串行执行或并行执行，这可以根据实际需求而定。该三维模型远程展示方法还可以包括更多或更少的步骤，本公开的实施例对此不作限制。

图6A为本公开至少一个实施例提供的一种三维模型远程展示方法的展示效果图之一，图6B为本公开至少一个实施例提供的一种三维模型远程展示方法的展示效果图之二。

如图6A所示，本公开实施例提供的三维模型远程展示方法通过运行代码的方式运行在第一终端中，真实场景中存在圆桌310。第一用户通过安装在第一终端上的浏览器访问页面(例如网页)，或者通过安装在第一终端上的应用程序中的WebView控件访问页面。然后，通过第一终端的摄像头拍摄得到真实场景的图像并显示在该页面中，使得该页面中显示的图像包括圆桌310。通过调用增强现实接口对图像进行平面识别，从而识别出桌面311，该桌面311即为前述的展示平面。

接着，提示第一用户点击页面中显示的桌面311，第一用户例如在该提示下点击了桌面311的中心位置。接收到第一用户的点击指令后，基于WebGL并调用增强现实接口，在页面中显示的桌面311的中心位置处展示三维车辆模型320，此时展示的是三维车辆模型320的第一姿态。基于实时音视频技术，第一终端与第二终端建立传输通道组，使得第二终端在页面中与第一终端同步展示三维车辆模型320的第一姿态。此时，第一终端的页面中和第二终端的页面中所展示的画面均为图6A所示的画面。

接着，第一用户对第一终端上所展示的三维车辆模型320执行旋转操作和缩小操作，第一终端中配置的第一页面监听工具监听这些操作以获取操作数据。例如，旋转操作用于改变三维车辆模型320的展示角度，缩小操作用于缩小三维车辆模型320的尺寸。响应于该操作数据，第一终端展示与这些操作对应的三维车辆模型320的第二姿态，例如，该第二姿态如图6B所示。与图6A所示的画面相比，图6B所示的画面中三维车辆模型320的尺寸和展示角度均发生了变化。

然后，第一终端通过传输通道组将该操作数据传输至第二终端。第二终端接收到该操作数据后，基于该操作数据对第二终端所展示的三维车辆模型320同步执行旋转操作和缩小操作，以使得第二终端展示三维车辆模型320的第二姿态。此时，第一终端的页面中和第二终端的页面中所展示的画面均为图6B所示的画面。

由此，通过第一用户对三维车辆模型320进行例如拖动、缩放、旋转、外形与内部空间切换等操作，可以在第一终端的页面中和第二终端的页面中同步展示三维车辆模型320的不同姿态，从而提供更好的观看体验。

图6C为本公开至少一个实施例提供的一种三维模型远程展示方法的展示效果图之三。如图6C所示，本公开实施例提供的三维模型远程展示方法通过运行代码的方式运行在第一终端中，真实场景为一房间330。第一用户通过安装在第一终端上的浏览器访问页面(例如网页)，或者通过安装在第一终端上的应用程序中的WebView控件访问页面。然后，通过第一终端的摄像头拍摄得到真实场景的图像并显示在该页面中，使得该页面中显示的图像包括房间330。通过调用增强现实接口对图像进行平面识别，从而识别出地面331，该地面331即为前述的展示平面。

接着，提示第一用户点击页面中显示的地面331，第一用户例如在该提示下点击了地面331的任一位置。接收到第一用户的点击指令后，基于WebGL并调用增强现实接口，在页面中显示的地面331的该处位置展示三维车辆模型320的第一姿态。基于实时音视频技术，第一终端与第二终端建立传输通道组，使得第二终端在页面中与第一终端同步展示三维车辆模型320的第一姿态。此时，第一终端的页面中和第二终端的页面中所展示的画面均为图6C所示的画面。后续对三维车辆模型320的姿态进行切换以及使第一终端和第二终端通过传输操作数据而实现同步显示的方法与图6A-6B所示的示例基本相同，此处不再赘述。

图7为一种可用于实施本公开实施例提供的三维模型远程展示方法的系统示意图。如图7所示，该系统400可以包括第一终端410、网络420、服务器430、数据库440和第二终端450。例如，该系统400可以用于实施本公开任一实施例提供的三维模型远程展示方法。

第一终端410例如为电脑410-1或手机410-2。第二终端450例如为电脑450-1或手机450-2。可以理解的是，第一终端410和第二终端450可以是能够执行数据处理的任何其他类型的电子设备，其可以包括但不限于台式电脑、笔记本电脑、平板电脑、智能手机、智能家居设备、可穿戴设备、车载电子设备、监控设备等。第一终端410和第二终端450也可以是设置有电子设备的任何装备，例如车辆、机器人等。

第一用户可以对安装在第一终端410上的应用程序进行操作，应用程序通过网络420将用户行为数据传输给服务器430，第一终端410还可以通过网络420接收服务器430传输的数据。第一用户还可以利用安装在第一终端410上的浏览器访问页面或者利用应用程序的页面视图控件访问页面，该页面利用本公开实施例提供的三维模型远程展示方法进行三维模型展示。

网络420可以是单个网络，或至少两个不同网络的组合。例如，网络420可以包括但不限于局域网、广域网、公用网络、专用网络等中的一种或几种的组合。

第二用户可以利用安装在第二终端450上的浏览器访问页面或者利用应用程序的页面视图控件访问页面。当第一终端410利用本公开实施例提供的三维模型远程展示方法进行三维模型展示时，操作数据可以通过网络420从第一终端410传输至第二终端450，第二终端450在页面中与第一终端410同步展示三维模型。

服务器430可以是一个单独的服务器，或一个服务器群组，群组内的各个服务器通过有线的或无线的网络进行连接。一个服务器群组可以是集中式的，例如数据中心，也可以是分布式的。服务器430可以是本地的或远程的。

数据库440可以泛指具有存储功能的设备。数据库440主要用于存储第一终端410、第二终端450和服务器430在工作中所利用、产生和输出的各种数据。例如，数据库440中存储有大量三维模型数据，服务器430从数据库440中读取第一用户所选择的三维模型数据，并将该三维模型数据通过网络420发送至第一终端410，第一终端410显示该三维模型数据对应的三维模型，并使第二终端450远程同步显示该三维模型，从而便于第一用户和第二用户浏览或观看。数据库440可以是本地的或远程的。数据库440可以包括各种存储器、例如随机存取存储器(Random Access Memory，RAM)、只读存储器(Read Only Memory，ROM)等。以上提及的存储设备只是列举了一些例子，该系统400可以使用的存储设备并不局限于此。

数据库440可以经由网络420与服务器430或其一部分相互连接或通信，或直接与服务器430相互连接或通信，或是上述两种方式的结合。

在一些示例中，数据库440可以是独立的设备。在另一些示例中，数据库440也可以集成在第一终端410、第二终端450和服务器430中的至少一个中。例如，数据库440可以设置在第一终端410上，也可以设置在第二终端450上，还可以设置在服务器430上。又例如，数据库440也可以是分布式的，其一部分设置在第一终端410上，另一部分设置在服务器430上。

本公开至少一个实施例还提供一种用于远程展示三维模型的第一终端，该第一终端可以在页面(例如网页)中展示三维模型(例如三维车辆模型)，无需安装原生应用程序，使用便捷，并且可以实现三维车辆模型与现实场景的融合，能够提供更加真实的在线看车方式，并且提高在线看车的互动性和可玩性。而且，该第一终端可以实现终端之间的屏幕共享，降低了传输的数据量，能够避免占用大量的设备资源，避免出现显示卡顿、设备发热等现象，可以解决显示延迟问题，保证各个终端显示的图像的分辨率，提高了用户的使用体验。

图8为本公开至少一个实施例提供的一种用于远程展示三维模型的第一终端的示意框图。如图8所示，该第一终端500包括页面加载单元510、增强现实处理单元520、通信单元530、获取单元540、切换单元550和传输单元560。例如，第一终端500可以应用于任意的需要远程展示三维模型的设备或系统中，本公开的实施例对此不作限制。

页面加载单元510配置为基于网络图形库绘图协议，在页面中加载三维模型。例如，页面加载单元510可以执行如图1所示的三维模型远程展示方法的步骤S110。增强现实处理单元520配置为调用增强现实接口展示三维模型的第一姿态。例如，增强现实处理单元520可以执行如图1所示的三维模型远程展示方法的步骤S120。通信单元530配置为基于实时音视频技术与第二终端建立传输通道组，使得第二终端在页面中与第一终端500同步展示三维模型的第一姿态。例如，通信单元530可以执行如图1所示的三维模型远程展示方法的步骤S130。

获取单元540配置为响应于检测到的对第一终端500上所展示的三维模型执行的调整操作，获取对应于调整操作的操作数据。例如，获取单元540可以执行如图1所示的三维模型远程展示方法的步骤S140。切换单元550配置为基于网络图形库绘图协议并调用增强现实接口，展示与调整操作对应的三维模型的第二姿态。例如，切换单元550可以执行如图1所示的三维模型远程展示方法的步骤S150。传输单元560配置为通过传输通道组将操作数据由第一终端500传输至第二终端，使得第二终端基于操作数据对第二终端所展示的三维模型的第一姿态同步执行调整操作，以使得第二终端展示与调整操作对应的三维模型的第二姿态。例如，传输单元560可以执行如图1所示的三维模型远程展示方法的步骤S160。

例如，页面加载单元510和增强现实处理单元520可以作为整体复用为切换单元550，从而既用于展示三维模型的第一姿态，又用于在需要时展示三维模型的第二姿态，以提高资源利用率。

例如，页面加载单元510、增强现实处理单元520、通信单元530、获取单元540、切换单元550和传输单元560可以为硬件、软件、固件以及它们的任意可行的组合。例如，页面加载单元510、增强现实处理单元520、通信单元530、获取单元540、切换单元550和传输单元560可以为专用或通用的电路、芯片或装置等，也可以为处理器和存储器的结合。关于上述各个单元的具体实现形式，本公开的实施例对此不作限制。

需要说明的是，本公开的实施例中，第一终端500的各个单元与前述的三维模型远程展示方法的各个步骤对应，关于第一终端500的具体功能和技术效果可以参考关于三维模型远程展示方法的相关描述，此处不再赘述。图8所示的第一终端500的组件和结构只是示例性的，而非限制性的，根据需要，该第一终端500还可以包括其他组件和结构。

图9为本公开至少一个实施例提供的远程展示的应用示意图。如图9所示，第一终端501可以包括第一屏幕，用于向第一用户展示三维模型，第二终端502可以包括第二屏幕，用于向第二用户展示三维模型。第一终端501可以为前述的第一终端500。第一终端501与第二终端502之间建立有传输通道组，例如可以是用于实时通信的长连接通道。此外，在建立了传输通道组之后，第一终端501和第二终端502可以获取对应于相同三维模型的数据，该三维模型可以是三维车辆模型。接着，第一终端501中的工具单元，例如Canvas画布，可以监听第一用户对第一屏幕的调整操作，获取对应于该调整操作的操作数据，并基于该操作数据在第一屏幕上进行图形绘制，以切换所展示的三维车辆模型的姿态。

此外，第一终端501中的语音单元，例如麦克风，可以监听第一用户的语音输入，并获取语音数据。接着，第一终端501可以利用通信单元经由建立的传输通道组将语音数据以及操作数据传输至第二终端502的通信单元。第二终端502中的工具单元可以基于接收的操作数据执行调整操作，以切换在第二屏幕上所展示的三维车辆模型的姿态。此外，第二终端502中的语音单元可以基于接收的语音数据来播放语音。通过图9所示出的过程，可以实现终端之间的屏幕共享，在第一终端501显示的页面中和第二终端502显示的页面中同步展示三维车辆模型。

图10为本公开至少一个实施例提供的一种电子设备的示意框图。如图10所示，该电子设备600包括处理器610和存储器620。存储器620用于存储非暂时性计算机可读指令(例如一个或多个计算机程序模块)。处理器610用于运行非暂时性计算机可读指令，非暂时性计算机可读指令被处理器610运行时可以执行上文所述的三维模型远程展示方法中的一个或多个步骤。存储器620和处理器610可以通过总线系统和/或其它形式的连接机构(未示出)互连。

例如，处理器610可以是中央处理单元(CPU)、图形处理单元(GPU)、数字信号处理器(DSP)或者具有数据处理能力和/或程序执行能力的其它形式的处理单元，例如现场可编程门阵列(FPGA)等；例如，中央处理单元(CPU)可以为X86或ARM架构等。处理器610可以为通用处理器或专用处理器，可以控制电子设备600中的其它组件以执行期望的功能。

例如，存储器620可以包括一个或多个计算机程序产品的任意组合，计算机程序产品可以包括各种形式的计算机可读存储介质，例如易失性存储器和/或非易失性存储器。易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。非易失性存储器例如可以包括只读存储器(ROM)、硬盘、可擦除可编程只读存储器(EPROM)、便携式紧致盘只读存储器(CD-ROM)、USB存储器、闪存等。在计算机可读存储介质上可以存储一个或多个计算机程序模块，处理器610可以运行一个或多个计算机程序模块，以实现电子设备600的各种功能。在计算机可读存储介质中还可以存储各种应用程序和各种数据以及应用程序使用和/或产生的各种数据等。

需要说明的是，本公开的实施例中，电子设备600的具体功能和技术效果可以参考上文中关于三维模型远程展示方法的描述，此处不再赘述。

图11为本公开至少一个实施例提供的另一种电子设备的示意框图。该电子设备700例如适于用来实施本公开实施例提供的三维模型远程展示方法。电子设备700可以是终端设备等。需要注意的是，图11示出的电子设备700仅仅是一个示例，其不会对本公开实施例的功能和使用范围带来任何限制。

如图11所示，电子设备700可以包括处理装置(例如中央处理器、图形处理器等)710，其可以根据存储在只读存储器(ROM)720中的程序或者从存储装置780加载到随机访问存储器(RAM)730中的程序而执行各种适当的动作和处理。在RAM 730中，还存储有电子设备700操作所需的各种程序和数据。处理装置710、ROM 720以及RAM 730通过总线740彼此相连。输入/输出(I/O)接口750也连接至总线740。

通常，以下装置可以连接至I/O接口750：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置760；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置770；包括例如磁带、硬盘等的存储装置780；以及通信装置790。通信装置790可以允许电子设备700与其他电子设备进行无线或有线通信以交换数据。虽然图11示出了具有各种装置的电子设备700，但应理解的是，并不要求实施或具备所有示出的装置，电子设备700可以替代地实施或具备更多或更少的装置。

本公开至少一个实施例还提供一种存储介质，用于存储非暂时性计算机可读指令，当该非暂时性计算机可读指令由计算机执行时可以实现本公开任一实施例提供的三维模型远程展示方法。利用该存储介质，可以在页面(例如网页)中展示三维模型(例如三维车辆模型)，无需安装原生应用程序，使用便捷，并且可以实现三维车辆模型与现实场景的融合，能够提供更加真实的在线看车方式，并且提高在线看车的互动性和可玩性。而且，可以实现终端之间的屏幕共享，降低了传输的数据量，能够避免占用大量的设备资源，避免出现显示卡顿、设备发热等现象，可以解决显示延迟问题，保证各个终端显示的图像的分辨率，提高了用户的使用体验。

图12为本公开至少一个实施例提供的一种存储介质的示意图。如图12所示，存储介质800用于存储非暂时性计算机可读指令810。例如，当非暂时性计算机可读指令810由计算机执行时可以执行根据上文所述的三维模型远程展示方法中的一个或多个步骤。

例如，该存储介质800可以应用于上述电子设备600中。例如，存储介质800可以为图10所示的电子设备600中的存储器620。例如，关于存储介质800的相关说明可以参考图10所示的电子设备600中的存储器620的相应描述，此处不再赘述。

有以下几点需要说明：

(1)本公开实施例附图只涉及到本公开实施例涉及到的结构，其他结构可参考通常设计。

(2)在不冲突的情况下，本公开的实施例及实施例中的特征可以相互组合以得到新的实施例。

以上所述，仅为本公开的具体实施方式，但本公开的保护范围并不局限于此，本公开的保护范围应以所述权利要求的保护范围为准。

Claims (20)

1.一种三维模型远程展示方法，应用于第一终端，所述方法包括：

基于网络图形库绘图协议，在页面中加载三维模型；

调用增强现实接口展示所述三维模型的第一姿态；

基于实时音视频技术与第二终端建立传输通道组，使得所述第二终端在页面中与所述第一终端同步展示所述三维模型的第一姿态；

响应于检测到的对所述第一终端上所展示的所述三维模型执行的调整操作，获取对应于所述调整操作的操作数据；

基于所述网络图形库绘图协议并调用所述增强现实接口，展示与所述调整操作对应的所述三维模型的第二姿态；

通过所述传输通道组将所述操作数据由所述第一终端传输至所述第二终端，使得所述第二终端基于所述操作数据对所述第二终端所展示的所述三维模型的第一姿态同步执行所述调整操作，以使得所述第二终端展示与所述调整操作对应的所述三维模型的第二姿态。

2.根据权利要求1所述的方法，其中，所述网络图形库绘图协议包括WebGL。

3.根据权利要求1所述的方法，其中，所述增强现实接口包括JavaScript形式的ARcore开发接口或JavaScript形式的ARKit开发接口。

4.根据权利要求1所述的方法，其中，所述页面包括浏览器页面或者应用程序页面。

5.根据权利要求1-4任一所述的方法，其中，调用所述增强现实接口展示所述三维模型的第一姿态包括：

获取图像；

调用所述增强现实接口对所述图像进行平面识别，以识别所述图像中的展示平面；

调用所述增强现实接口在所述展示平面上展示所述三维模型的第一姿态。

6.根据权利要求5所述的方法，其中，调用所述增强现实接口展示所述三维模型的第一姿态还包括：

在识别到所述展示平面之后、展示所述三维模型的第一姿态之前，提示用户点击所述展示平面；

接收所述用户的点击指令以确定点击位置。

7.根据权利要求6所述的方法，其中，调用所述增强现实接口在所述展示平面上展示所述三维模型的第一姿态包括：

调用所述增强现实接口在所述展示平面上的点击位置处展示所述三维模型的第一姿态。

8.根据权利要求1-4任一所述的方法，其中，调用所述增强现实接口展示所述三维模型的第一姿态还包括：

调用所述增强现实接口处理环境光数据，并对所述三维模型的第一姿态的展示效果参数进行调节。

9.根据权利要求8所述的方法，其中，所述展示效果参数包括阴影、色彩饱和度和白平衡。

10.根据权利要求1-4任一所述的方法，其中，响应于检测到的对所述第一终端上所展示的所述三维模型执行的所述调整操作，获取对应于所述调整操作的所述操作数据，包括：

响应于检测到的对所述第一终端上所展示的所述三维模型执行的所述调整操作，利用所述第一终端中配置的第一页面监听工具监听所述调整操作以获取基于所述第一页面监听工具的所述操作数据。

11.根据权利要求10所述的方法，其中，通过所述传输通道组将所述操作数据由所述第一终端传输至所述第二终端，使得所述第二终端基于所述操作数据对所述第二终端所展示的所述三维模型的第一姿态同步执行所述调整操作，以使得所述第二终端展示与所述调整操作对应的所述三维模型的第二姿态，包括：

通过所述传输通道组将基于所述第一页面监听工具的操作数据由所述第一终端传输至所述第二终端，使得所述第二终端根据所述操作数据设定所述第二终端中配置的第二页面监听工具的状态，以使得所述第二终端展示与所述调整操作对应的所述三维模型的第二姿态；

其中，所述第一页面监听工具和所述第二页面监听工具是相同类型的页面监听工具。

12.根据权利要求1-4任一所述的方法，其中，基于所述网络图形库绘图协议并调用所述增强现实接口，展示与所述调整操作对应的所述三维模型的第二姿态，包括：

基于所述网络图形库绘图协议对所述三维模型的尺寸、展示角度和展示位置进行与所述调整操作对应的调节，基于所述网络图形库绘图协议并调用所述增强现实接口展示所述三维模型的第二姿态，以使所述三维模型从第一姿态切换为第二姿态。

13.根据权利要求1-4任一所述的方法，其中，基于所述网络图形库绘图协议并调用所述增强现实接口，展示与所述调整操作对应的所述三维模型的第二姿态，包括：

调用所述增强现实接口处理所述三维模型的姿态数据以对所述三维模型的尺寸、展示角度和展示位置进行与所述调整操作对应的调节，基于所述网络图形库绘图协议并调用所述增强现实接口展示所述三维模型的第二姿态，以使所述三维模型从第一姿态切换为第二姿态。

14.根据权利要求1-4任一所述的方法，其中，所述三维模型在第一姿态下的展示姿态参数与所述三维模型在第二姿态下的展示姿态参数不同，

所述展示姿态参数包括尺寸、展示角度和展示位置中的至少之一。

15.根据权利要求14所述的方法，其中，所述三维模型为三维车辆模型，所述展示角度包括所述三维车辆模型的外形观看角度和/或所述三维车辆模型的内部空间观看角度，

所述第一姿态为所述三维车辆模型在所述展示角度为外形观看角度下的姿态或在所述展示角度为内部空间观看角度下的姿态，所述第二姿态为所述三维车辆模型在所述展示角度为外形观看角度下的姿态或在所述展示角度为内部空间观看角度下的姿态。

16.根据权利要求15所述的方法，其中，所述三维车辆模型包含车辆内部空间的形状、车辆轮廓和材质信息。

17.根据权利要求1-4任一所述的方法，其中，所述调整操作是对所述第一终端上所展示的所述三维模型执行的以下操作中的任意一种：点击、拖动、放大和缩小。

18.一种用于远程展示三维模型的第一终端，包括：

页面加载单元，配置为基于网络图形库绘图协议，在页面中加载三维模型；

增强现实处理单元，配置为调用增强现实接口展示所述三维模型的第一姿态；

通信单元，配置为基于实时音视频技术与第二终端建立传输通道组，使得所述第二终端在页面中与所述第一终端同步展示所述三维模型的第一姿态；

获取单元，配置为响应于检测到的对所述第一终端上所展示的所述三维模型执行的调整操作，获取对应于所述调整操作的操作数据；

切换单元，配置为基于所述网络图形库绘图协议并调用所述增强现实接口，展示与所述调整操作对应的所述三维模型的第二姿态；

传输单元，配置为通过所述传输通道组将所述操作数据由所述第一终端传输至所述第二终端，使得所述第二终端基于所述操作数据对所述第二终端所展示的所述三维模型的第一姿态同步执行所述调整操作，以使得所述第二终端展示与所述调整操作对应的所述三维模型的第二姿态。

19.一种电子设备，包括：

处理器；

存储器，包括一个或多个计算机程序模块；

其中，所述一个或多个计算机程序模块被存储在所述存储器中并被配置为由所述处理器执行，所述一个或多个计算机程序模块包括用于实现权利要求1-17任一所述的三维模型远程展示方法的指令。

20.一种存储介质，用于存储非暂时性计算机可读指令，当所述非暂时性计算机可读指令由计算机执行时可以实现权利要求1-17任一所述的三维模型远程展示方法。

Images