CN111586465B - 直播间的操作交互方法、装置、设备及存储介质 - Google Patents

Abstract

本申请提供了直播间的操作交互方法、装置、设备及存储介质，涉及直播领域，该方法通过在显示界面上生成三维直播环境下的三维直播间模型，该三维直播间模型上的不同展示区域设置有对应的功能控件；获取三维直播间模型的偏转角度，根据该偏转角度确定三维直播间的展示区域并在显示界面上进行渲染；接收用户输入的交互操作，确定交互操作所调用的展示区域的功能控件，执行该功能控件对应的功能。本技术方案丰富了三维直播间环境下的交互操作，提高了直播间的交互效率，提高用户体验。

Description

直播间的操作交互方法、装置、设备及存储介质

技术领域

本申请涉及直播领域，具体而言，本申请涉及一种直播间的操作交互方法、装置、设备及存储介质。

背景技术

当前的网络直播方式，可以由一个或多个主播进行直播，观众用户观看直播，观众用户和主播之间可通过语音、视频、文字和图片进行交流和互动。当观众用户登录直播应用程序，从直播间首页的列表界面选择想要观看的主播，则进入该直播间观看直播视频。

由于终端设备的显示屏幕大小的限制，在相关直播技术中，终端设备的显示界面仅能实现有限的交互操作，如点击方式实现进入、退出和切换直播间等。然而随着直播间功能的不断丰富，单一的交互操作方式使得操作过于繁琐，交互效率低，不能满足用户的需求。

发明内容

本申请的目的旨在至少解决上述技术缺陷之一，特别是交互效率低的问题。

第一方面，本申请实施例提供了一种直播间的操作交互方法，包括以下步骤：

启动三维直播间模式，从服务器下载三维直播间资源并在显示界面上生成三维直播间模型，所述三维直播间模型上的不同展示区域设置有对应的功能控件；

获取所述三维直播间模型的偏转角度，根据所述偏转角度确定所述三维直播间的展示区域并在所述显示界面上进行渲染；

接收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件，执行所述功能控件对应的功能。

在一实施例中，所述获取所述三维直播间模型的偏转角度，根据所述偏转角度确定所述三维直播间的展示区域并在所述显示界面上进行渲染的步骤包括：

获取移动终端内部陀螺仪的旋转角度，根据所述旋转角度确定所述三维直播间模型的偏转角度；

基于偏转角度与所述三维直播间模型的各展示区域的空间位置的对应关系，根据所述偏转角度确定在三维直播间模型上对应的展示区域；

将所述展示区域对应的直播间画面渲染在显示界面上。

在一实施例中，直播间的操作交互方法，还包括：检测所述展示区域对应的功能控件，并将所述功能控件对应的控件图标悬浮设置在显示界面上；

所述接收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件的步骤包括：

接收用户作用于所述显示界面上的对控件图标输入的交互操作，确定所述交互操作调用所述展示区域上所述控件图标对应的功能控件。

在一实施例中，所述接收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件的步骤包括：

接收用户作用于所述显示界面上输入的交互操作；

获取所述交互操作作用于所述展示区域上的状态参数，根据所述状态参数调用对应的功能控件。

在一实施例中，所述交互操作为点击交互操作；

所述获取所述交互操作作用于所述展示区域上的状态参数，根据所述状态参数调用对应的功能控件的步骤包括：

获取所述点击交互操作作用于所述显示界面上的二维位置参数；

基于显示界面与所述展示区域的位置对应关系，将所述二维位置参数转换为所述展示区域对应的三维直播间模型上的三维位置参数；

根据所述三维位置参数调用作用于所述三维直播间模型对应的展示区域上的功能控件。

在一实施例中，所述交互操作为滑动交互操作；

所述获取所述交互操作作用于所述展示区域上的状态参数，根据所述状态参数调用对应的功能控件的步骤包括：

接收用户作用于所述显示界面上输入的滑动交互操作；

根据所述滑动交互操作确定所述滑动交互操作作用于展示区域的滑动状态参数，所述滑动状态参数包括：滑动位置坐标、滑动方向和滑动速度的至少一者；

根据所述滑动状态参数调用对应的功能控件。

在一实施例中，所述根据所述滑动状态参数调用对应的功能控件的步骤包括：

根据所述滑动位置坐标和滑动方向调用对应的缩放控件，以对所述展示区域进行缩放处理；或，

根据所述滑动位置坐标、滑动方向以及滑动速度调用对应的切换控件，以对多个直播间的直播视频进行切换或退出所述三维直播间模型。

在一实施例中，所述交互操作为旋转交互操作；

所述接收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件的步骤包括：

接收用户通过旋转移动终端所输入的旋转交互操作，根据所述旋转交互操作所确定的内部陀螺仪的偏转参数；

基于所述偏转参数确定所述偏转参数对应的三维直播间模型的展示面，切换播放所述展示面上的直播视频；所述三维直播间模型的展示面渲染有至少两个直播间的直播视频。

第二方面，本申请实施例还提供了一种直播间的操作交互装置，包括：

渲染模块，用于启动三维直播间模式，从服务器下载三维直播间资源并在显示界面上生成三维直播间模型，所述三维直播间模型上的不同展示区域设置有对应的功能控件；

展示模块，用于获取所述三维直播间模型的偏转角度，根据所述偏转角度确定所述三维直播间的展示区域并在所述显示界面上进行渲染；

调用模块，用于接收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件，执行所述功能控件对应的功能。

第三方面，本申请实施例还提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如第一方面任一实施例提及的直播间的操作交互方法的步骤。

第四方面，本申请实施例还提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行如第一方面任一实施例提及的直播间的操作交互方法的步骤。

上述实施例提供的直播间的操作交互方法、装置、设备及存储介质，通过在显示界面上生成三维直播环境下的三维直播间模型，该三维直播间模型上的不同展示区域设置有对应的功能控件；获取三维直播间模型的偏转角度，根据该偏转角度确定三维直播间的展示区域并在显示界面上进行渲染；接收用户输入的交互操作，确定交互操作所调用的展示区域的功能控件，以执行该功能控件对应的功能，丰富了三维直播间环境下的交互操作，提高了直播间的交互效率，提高用户体验。

本申请附加的方面和优点将在下面的描述中部分给出，这些将从下面的描述中变得明显，或通过本申请的实践了解到。

附图说明

本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1是一实施例提供的网络直播***的框架示意图；

图2是一实施例提供的直播间的操作交互方法的流程图；

图3是一实施例提供的显示界面所渲染出来的三维直播间模型的示意图；

图4是一实施例提供的显示界面所渲染出来的三维直播间模型的另一示意图；

图5是一实施例提供的直播间的操作交互装置的结构示意图。

具体实施方式

下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本申请，而不能解释为对本申请的限制。

本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本申请的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。

本技术领域技术人员可以理解，除非另外定义，这里使用的所有术语(包括技术术语和科学术语)，具有与本申请所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是，诸如通用字典中定义的那些术语，应该被理解为具有与现有技术的上下文中的意义一致的意义，并且除非像这里一样被特定定义，否则不会用理想化或过于正式的含义来解释。

在对本申请实施例提供的方法进行介绍之前，首先对本申请实施例的应用场景进行介绍。本申请实施例提供的方法应用于网络直播***中，请参考图1，图1是一实施例提供的网络直播***的框架示意图，该***框架可以包括服务端和客户端，客户端包括一个或多个主播客户端(即主播端，下同)10和多个观众客户端(即观众端，下同)20，位于服务端上的直播平台中可以包括多个虚拟直播间和服务器30等，其中，各主播端10和各观众端20分别与该服务器30之间通过有线网络或者无线网络建立通信连接。

通常而言，各个虚拟直播间对应播放不同的直播内容，主播通过主播客户端10进行直播，观众通过观众客户端20选择进入某一虚拟直播间观看主播进行直播。观众客户端20和主播客户端10可以通过安装在终端设备上的直播应用程序(Application，APP)进入直播平台。

其中，该主播客户端10和观众客户端20为终端设备，如智能手机、平板电脑、电子阅读器、台式电脑或笔记本电脑等，对此并不做限定。服务器30是用于为终端设备提供后台服务的后台服务器，可以用独立服务器或多个服务器组成的服务器集群来实现。在一实施例中，该服务器30可以为网络直播平台。

本申请实施例提供的直播间的操作交互方法，适用于在三维直播间模型，可以在三维全景直播间的不同展示区域，即配置对应的交互操作方式，快速简单地调用相关的功能控件，以执行对应的功能，丰富了三维直播环境下的交互方式，提高交互效率。

下面将对本申请提供的直播间的操作交互方法的技术方案进行详细说明。

图2是一实施例提供的直播间的操作交互方法的流程图，直播间的操作交互方法应用于三维直播间中，该直播间的操作交互方法可执行于直播间的操作交互设备，如客户端，该客户端可以观众客户端，以下实施例以观众客户端为例对本技术方案进行说明。

具体的，如图2所示，该直播间的操作交互方法可以包括以下步骤：

S110、启动三维直播间模式，从服务器下载三维直播间资源并在显示界面上生成三维直播间模型，所述三维直播间模型上的不同展示区域设置有对应的功能控件。

通常情况下，用户在普通模式下观看主播进行直播，普通模式即为传统直播方式下的直播，在普通模式下，提供观众二维环境下观看主播直播的视觉效果。在本实施例中，二维直播界面上设置有切换按钮，用于普通模式下的二维直播间界面切换为三维环境下的三维直播界面，而在三维直播界面上同时也设置有切换按钮，用于在三维模式下的三维直播间界面切换为普通模式下的二维直播间界面。

在本实施例中，切换按钮可以悬浮于直播界面上，也即是用户处于直播界面首页，或进入具体的直播间，切换按钮依然显示在显示屏幕界面的设定位置处，以便于用户随时切换直播间模式。可选的，当用户点击切换按钮，开启三维环境下的三维直播间。客户端接收到用户对切换按钮的触发操作后，向服务器发出开启三维直播间的启动指令。

服务器接收到客户端发出的启动指令后，获取该启动指令对应的全景环境下的三维直播间资源。客户端通过相关协议从服务器下载三维直播间资源，其中，三维直播间资源可以包括三维直播间的直播间首页信息、背景图像、直播视频和三维直播间模型文件等。

进一步的，客户端接收到服务器下发的三维直播间资源后，解析所述三维直播间资源，根据所述三维直播间资源在本地的客户端的显示界面上渲染出三维直播间模型。其中，三维直播间模型可以包括至少两个展示面。展示面可以用于展示直播相关信息，如三维直播间列表，渲染直播视频；当进入特定的三维直播间后，该展示面还可以用于展示用户发言的弹幕信息、广播信息、公屏信息或礼物特效信息。

在本实施例中，由于三维直播间模型可以具有多个展示面，为了便于理解，可以将三维直播间模型类比于立方体，三维直播间模型的不同展示面类比于立方体上的不同面(侧面、顶面和底面等)。在三维直播间模型的不同展示面表示不同的展示区域，不同的展示区域可以展示不同的直播内容，相应的，不同的展示区域设置有对应的功能控件。

在本实施例中，三维直播间模型上设置有多种功能控件，比如放大控件、缩小控件、切换控件、进入和退出控件等。可选的，这些功能控件可以设置并固定在三维直播间模型的展示面上；还可以悬浮于三维直播间模型上，随着三维直播间偏转移动，功能控件始终保持显示在显示界面上，以便于用户操作。

S120、获取所述三维直播间模型的偏转角度，根据所述偏转角度确定所述三维直播间的展示区域并在所述显示界面上进行渲染。

在三维直播间模式下，观众会被套在一个三维直播间模型中，用户可以通过改变自己的视觉角度看到三维直播间模型四周的场景。可选的，用户可以通过旋转三维直播间模型，以改变三维直播间模型所呈现在显示界面上的展示区域，并将该展示区域渲染在客户端的显示界面上得到直播间画面。

可选的，通过点击或滑动方式的方式偏转三维直播间模型，如点击显示界面的右侧，则使得三维直播间模型向右平移，若在显示界面的触摸屏上顺时针滑动，则使得三维直播间模型顺时针发生偏转。可选的，还可以通过启动移动终端，如手机和平板电脑等内部的陀螺仪，通过旋转移动终端，使得陀螺仪发生偏转，进而使得三维直播间模型发生偏转。

由于三维直播间模型是一个三维的立体空间模型，在客户端的二维显示界面上，根据三维直播间模型的偏转角度所呈现出来的直播间画面不同。

例如，三维直播间模型的不同展示面上展示有不同的内容，对应的，不同的展示面具有不同的功能控件。图3是一实施例提供的显示界面所渲染出来的三维直播间模型的示意图，如图3所示，显示界面生成三维直播间模型40，三维直播间模型40的后方展示面展示有1号主播的直播视频50，左方展示面展示有2号主播的直播视频60和虚拟礼物的礼物图标70，右方展示面展示有虚拟礼物的礼物图标70。当三维直播间模型发生零偏转时，用户的视觉角度也没有发生偏转，用户视线正对的是三维直播间模型的后方展示面，显示界面上所呈现出直播间画面，如图3所示，其中，显示界面主要展示后方展示面对应的展示区域，由于此时后方展示面为主要展示区域，可选的，在显示界面上显示有后方展示面对应的部分控件，如“静音”、“播放”、“放大”和“缩小”等功能控件。

再如，三维直播间模型向左发生偏转(如平移和旋转)，则用户的视觉角度也向左发生偏转，此时，用户视线正对的是三维直播间模型的左方展示面，显示界面上所呈现的直播间画面如图4所示，图4是一实施例提供的显示界面所渲染出来的三维直播间模型的另一示意图，显示界面主要渲染出2号主播的直播视频60。由于三维直播间模型40的发生偏转，此时左方展示面为主要展示区域，可选的，在显示界面现有有左方展示面对应的部分控件，如“下拉”“清除”“静音”和“播放”等功能控件，可选的，功能控件的类型可以根据展示面上所渲染的内容来设置。展示面所渲染的内容，展示区域所对应的功能控件不同。

S130、接收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件，执行所述功能控件对应的功能。

在一实施例中，交互操作可以是作用于显示界面上的交互操作，可以是触摸交互操作，此时显示界面为触摸屏界面，用户通过在触摸屏界面上通过手指或触控笔等输入交互操作，如点击、长按、滑动、等单点或多点触控操作，也可以是非触摸操作，如通过鼠标等输入设备做出交互操作。交互操作还可以是不需要作用于显示界面的交互操作，如通过旋转移动终端以作用于三维直播间模型的旋转交互操作等。

在本实施例中，获取当前展示区域所对应的功能控件，当接收到用户输入的交互操作后，确定所述交互操作与当前展示区域对应的功能控件的关联关系，根据该关联关系调用该交互操作对应的功能控件，并执行该功能控件对应的功能。

用户做出同样的交互操作，若当前显示界面上渲染出来的展示区域不同，所调用的功能控件可能不同。例如，当前的展示区域为三维直播间的直播首页，用户做出向上滑动的交互操作，则是对直播间首页的列表进行向上翻页；若当前的展示区域为3号直播间的直播视频画面，用户做出向上滑动的交互操作，则是对退出3号直播间，切换至下一直播间。

本实施例提供的直播间的操作交互方法，通过在显示界面上生成三维直播环境下的三维直播间模型，该三维直播间模型上的不同展示区域设置有对应的功能控件；获取三维直播间模型的偏转角度，根据该偏转角度确定三维直播间的展示区域并在显示界面上进行渲染；接收用户输入的交互操作，确定交互操作所调用的展示区域的功能控件，以执行该功能控件对应的功能，丰富了三维直播间环境下的交互操作，提高了直播间的交互效率，提高用户体验。

为了使本发明的技术方案更为清晰，更为便于理解，下面对本技术方案中的具体的实现过程和方式加以详细的描述。

在一实施例中，步骤S120中的获取所述三维直播间模型的偏转角度，根据所述偏转角度确定所述三维直播间的展示区域并在所述显示界面上进行渲染，可以包括以下步骤：

S1201、获取移动终端内部陀螺仪的旋转角度，根据所述旋转角度确定所述三维直播间模型的偏转角度。

在本实施例中，移动终端内部陀螺仪的旋转角度与三维直播间模型的偏转角度具有对应关系，其中，旋转角度包括方向和角度大小。可选的，陀螺仪的旋转角度和三维直播间模型的偏转角度的对应关系可以是预先设置的，陀螺仪的旋转角度和三维直播间模型的偏转角度可以是等值对应，如陀螺仪的旋转角度为10度，对应的三维直播间模型的偏转角度也为10度；也可以是等比例对应，如陀螺仪的旋转角度为10度，对应的三维直播间模型的偏转角度为30度等。

S1202、基于偏转角度与所述三维直播间模型的各展示区域的空间位置的对应关系，根据所述偏转角度对应的三维直播间模型的展示区域。

在本实施例中，三维直播间模型的偏转角度与三维直播间模型的各展示区域的空间位置具有对应关系，可选的，该偏转角度与各展示区域的空间位置之间的对应关系可以是连续型对应关系，也可以是离散型对应关系。连续型对应关系是指每个偏转角度具有对应的不同的展示区域的空间位置，离散型对应关系是指位于同一区间内的偏转角度均对应同一个展示区域的空间位置。可选的，偏转角度和各展示区域的空间位置之间建立关联关系表。

当获取到陀螺仪的旋转角度得到三维直播间的偏转角度后，根据偏转角度与各展示区域的空间位置之间的关联关系表，查找出三维直播间模型的当前偏转角度对应的空间位置对应的三维直播间模型的展示区域。

例如，陀螺仪不发生旋转，即移动终端正立摆放，其实，三维直播间模型也不发生偏转，显示界面上渲染出来的直播画面为三维直播间模型的正立画面。当移动终端向右偏转30度，获取到内部陀螺仪也向右偏转30度，此时对应的展示区域为三维直播间模型正向偏右30度视角所观看到的展示区域。

S1203、将所述展示区域对应的直播间画面渲染在显示界面上。

在本实施例中，渲染在显示界面上直播间画面为用户当前视觉角度正对的三维直播间模型的展示区域。在直播间的展示区域上设置有功能控件，该功能空间可以是嵌入在展示区域上，还可以是悬浮在展示区域；还可以将该展示区域对应的功能控件对应的控件图标同时渲染在显示界面的相应位置上，如右侧区域或显示界面的顶部等。

在一实施例中，直播间的操作交互方法还包括以下步骤：

S1204、检测所述展示区域对应的功能控件，并将所述功能控件对应的控件图标悬浮设置在显示界面上

不同的直播间画面上对应有不同的功能控件，不同的功能控件对应有不同的控件图标，如放大功能控件的控件图标为“+”缩小功能控件的控件图标为“-”等。可选的，在一实施例中，检测所述直播间画面上对应的功能控件，将所述功能控件悬浮显示在显示界面的设置位置，如显示界面的右侧。当将另一直播间画面渲染在显示界面上，则将该另一直播间画面对应的功能控件悬浮地显示在显示界面上，以便于用户对该展示区域的功能控件做出交互操作。

在一实施例中，步骤S130中的接收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件，可以包括以下步骤：

S1301、接收用户作用于所述显示界面上的对控件图标输入的交互操作，确定所述交互操作调用所述展示区域上所述控件图标对应的功能控件。

在本实施例中，功能控件对应的控件图标显示在显示界面上，用户可以通过触摸等方式对显示界面上的控件图标做出交互操作，如点击、滑动、长按等，也可以通过非触摸方式通过鼠标对显示界面上的控件图标做出交互操作，如点击、滑动和长按等。该控件图标接收到交互操作后，调用对应的功能控件，对该展示区域执行相应的功能。

在一实施例中，步骤S130中的接收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件，可以包括以下步骤S1302、接收用户作用于所述显示界面上输入的交互操作，获取所述交互操作作用于所述展示区域上的状态参数，根据所述状态参数调用对应的功能控件。

其中，状态参数包括位置、压力、时间、触摸点数、偏转角度等状态参数。

在本实施例中，调用功能控件并非直接作用于功能控件对应的控件图标的交互操作进行的，而是通过其他交互操作调用对应的功能控件。例如，通过连续双击的方式调用放大功能控件，该效果与直接点击放大功能控件的控件图标“+”的效果一致。

当用户在显示界面上输入交互操作，如触摸输入交互操作，或者鼠标输入交互操作，检测显示界面上所对应的展示区域的状态参数发生变化，如交互操作的作为位置坐标的变化，长按的时间和压力大小，滑动的轨迹等。根据这些状态参数得到调用的功能控件，若检测到显示界面的压力的施加时间和施加大小满足设定条件，则触发对应的“退出当前直播间”的功能控件。

在一实施例中，该交互操作为点击交互操作，则步骤S1302中的获取所述交互操作作用于所述展示区域上的状态参数，根据所述状态参数调用对应的功能控件的步骤包括：

S3101、获取所述点击交互操作作用于所述显示界面上的二维位置参数。

该点击交互操作可以是单点触控交互操作、双点触控交互操作或多点触控交互操作等，还可以是单击交互操作和双击交互操作等。在点击交互操作中，点击交互参数可以包括点击位置参数和点击次数参数等。

在本实施例中，根据显示界面对应的分辨率大小定义显示界面的各个位置坐标，获取点击交互操作作用于显示界面上的一个或者多个点击触摸点的二维位置参数。在另一实施例中，还可以获取点击交互操作在预设时间段内点击次数等。

S3102、基于显示界面与所述展示区域的位置对应关系，将所述二维位置参数转换为所述展示区域对应的三维直播间模型上的三维位置参数。

在本实施例中，展示区域位于三维直播间模型上，作用于展示区域上的位置通过三维位置坐标来表示。

当用户点击到显示界面的屏幕上时，此时需要将屏幕的二维位置参数坐标转换为三维直播间模型上的三维位置参数。显示界面的各二维位置参数与三维直播间模型上的各三维位置参数具有对应关系，两者之间可以通过视口变换逆矩阵，投影变换逆矩阵、模型变换逆矩阵等现有的技术实现对应关系。

S3103、根据所述三维位置参数调用作用于所述三维直播间模型对应的展示区域上的功能控件。

在本实施例中，根据三维位置参数确定三维直播间模型对应的展示区域所在的展示面。例如，三维位置参数具有X、Y和Z三个坐标数值，可选的，通过计算出来的点击坐标(X,Y,Z)去判断当前属于哪个展示面，如当X＝1，此时点击位置位于三维直播间模型的右方展示面，当X＝-1，此时点击位置位于三维直播间模型的左方展示面，当出现Y＝1，此时点击位置位于三维直播间模型的上方展示面，当Y＝-1，此时点击位置位于三维直播间模型的下方展示面，当Z＝1，此时点击位置位于三维直播间模型的后方展示面，当Z＝-1，此时点击位置位于三维直播间模型的前方展示面。

确定点击位置位于哪个展示面后，进一步的，根据在具体展示面上的其余两个坐标数值(相当于二维坐标)，确定点击位置在具体展示面上的具***置，从而确定对应展示区域上的功能控件。

在一实施例中，所述交互操作为滑动交互操作，则步骤S1302中的获取所述交互操作作用于所述展示区域上的状态参数，根据所述状态参数调用对应的功能控件的步骤包括：

S3201、接收用户作用于所述显示界面上输入的滑动交互操作。

可选的，用户通过手指或触控笔在触摸屏的显示界面上做出滑动交互操作，或者，用户通过长按鼠标在显示界面上输入滑动交互操作，如向左滑动、向右滑动、向上滑动、向下滑动，顺时针滑动和逆时针滑动等。

S3202、根据所述滑动交互操作确定所述滑动交互操作作用于展示区域的滑动状态参数，所述滑动状态参数包括：滑动位置坐标、滑动方向和滑动速度的至少一者。

在本实施例中，获取滑动交互操作作用于显示界面的滑动轨迹，根据滑动轨迹提取滑动状态参数。可选的，按照预设时间间隔提取滑动轨迹上的多个二维位置坐标，将显示界面上的二维位置坐标转换为三维直播间模型上的三维位置坐标。根据这些位置坐标确定滑动方向和滑动速度等。

S3203、根据所述滑动状态参数调用对应的功能控件。

在本实施例中，不同滑动状态参数的组合对应不同的功能控件，如滑动速度相同，但滑动方向不同，可以对应不同的功能控件，如单点慢速向上滑动对应上移三维直播间，单点慢速向下滑动对应下移三维直播间；又如，滑动方向相同，但滑动速度不同，可以对应不同的功能控件，如单点快速向左滑动对应切换至下一三维直播间，单点慢速向左滑动对应左移三维直播间；滑动方向和速度都相同，滑动的位置不同，也可以对应不同的功能控件。

可选的，在一实施例中，根据所述滑动位置坐标和滑动方向调用对应的缩放控件，以对所述展示区域进行缩放处理。

在本实施例中，双点相向滑动调用缩小功能控件，双点背向滑动调用放大功能控件。当检测到两点的位置坐标相向移动，则说明用户双指之间的距离缩小，此时镜头会被往后拉，此时用户在显示界面上的视野变大，展示区域变小用户可以在显示界面上同时看到多个展示面上的直播视频。在一实施例中，还可以判断该缩小倍数是否已经达到边界条件，当展示区域缩小到一定程度而到达边界条件之后，则不再继续缩小，以避免展示区域过小用户无法正常观看直播视频。

同理，当检测到两点的位置坐标背向移动，则说明用户双指之间的距离变大，此时镜头会被往前推进，此时用户在显示界面上的视野变小，而直播视频画面变大。在一实施例中，还可以判断该放大倍数是否已经达到边界条件，当展示区域放大到一定程度而到达边界条件之后，则不再继续放大，以避免展示区域过大无法显示直播视频的完整画面影响用户正常观看直播视频。

可选的，在一实施例中，根据所述滑动位置坐标、滑动方向以及滑动速度调用对应的切换控件，以对多个直播间的直播视频进行切换或退出所述三维直播间模型。

在本实施例中，三维直播间模型的不同展示面上展示有多个直播视频，通过选中某一直播视频，将某一直播视频进行连续滑动至目标展示面的目标展示区域，以将选中的直播视频从之前的展示位置拖动至目标展示区域，实现多个直播间视频的位置切换。例如，第一直播间在第一展示面上，第二直播间在第二展示面上，当拖曳第一直播间至第二展示面上，则第二直播间会自动移动到第一展示面上，以实现第一直播间和第二直播间的位置的对调。

可选的，还可以通过滑动交互操作实现当前直播视频切换播放下一隐藏的直播视频，还可以通过滑动交互操作退出当前直播间，或三维直播间模型。

在一实施例中，所述交互操作为旋转交互操作，则步骤S130中接的收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件的步骤包括：

S3301、接收用户通过旋转移动终端所输入的旋转交互操作，根据所述旋转交互操作所确定的内部陀螺仪的偏转参数。

在本实施例中，开启移动终端的陀螺仪，当用户旋转移动终端，移动终端内部的陀螺仪也会发生旋转，移动终端的显示界面上所生成的三维直播间模型也随之发生旋转。移动终端的旋转角度与内部陀螺仪的偏转参数具有关联关系，偏转参数包括陀螺仪的偏转角度和偏转方向等。

S3302、基于所述偏转参数确定所述偏转参数对应的三维直播间模型的展示面，切换播放所述展示面上的直播视频；所述三维直播间模型的展示面渲染有至少两个直播间的直播视频。

在本实施例中，通过获取移动终端内置的陀螺仪的偏转参数确定用户的当前视觉角度，如陀螺仪向左偏转了30度，则相当于用户视角角度向左偏转30度。三维直播间模型中的各个展示面与用户视觉角度具有一一对应关系，根据当前视觉角度可以确定用户当前所正对的空间位置所对应的指定展示面。

例如，偏转参数为零，即没有发生偏转，则确定当前视觉角度为正对三维直播间模型的后方展示面；偏转参数为向左偏转90度，则确定当前视觉角度为正对三维直播间模型的左方展示面。

确定当前视觉角度所正对的展示面后，切换播放当前视觉角度所正对的直播视频。可选的，停止播放上一视觉角度正对的展示面上的直播视频，如仅播放低质量的直播视频画面不播放音频，或者完全停止播放直播视频画面和音频，并启动播放当前视觉角度所正对的展示面上的高质量视频画面，同时播放音频。

可选的，当旋转移动终端，根据内部陀螺仪的偏转参数确定某一展示面后，将该展示面高亮，以提醒用户当前旋转角度所对应的展示面。

下面对直播间的操作交互装置的相关实施例进行详细阐述。

图5是一实施例提供的直播间的操作交互装置的结构示意图，该直播间的操作交互装置可以执行于计算机设备，如直播间的操作交互设备，进一步的，直播间的操作交互设备可以为客户端，如观众客户端等。本实施例以观众客户端为直播间的操作交互设备为例进行说明。

具体的，如图5所示，该直播间的操作交互装置100包括：渲染模块110、展示模块120和调用模块。

其中，渲染模块110，用于启动三维直播间模式，从服务器下载三维直播间资源并在显示界面上生成三维直播间模型，所述三维直播间模型上的不同展示区域设置有对应的功能控件；

展示模块120，用于获取所述三维直播间模型的偏转角度，根据所述偏转角度确定所述三维直播间的展示区域并在所述显示界面上进行渲染；

调用模块130，用于接收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件，执行所述功能控件对应的功能。

本实施例提供的直播间的操作交互装置，通过渲染模块110在显示界面上生成三维直播环境下的三维直播间模型，该三维直播间模型上的不同展示区域设置有对应的功能控件；展示模块120获取三维直播间模型的偏转角度，根据该偏转角度确定三维直播间的展示区域并在显示界面上进行渲染；调用模块130接收用户输入的交互操作，确定交互操作所调用的展示区域的功能控件，以执行该功能控件对应的功能，丰富了三维直播间环境下的交互操作，提高了直播间的交互效率，提高用户体验。

在一实施例中，展示模块120包括：偏转角度确定单元、展示区域确定单元和直播间画面渲染单元；

其中，偏转角度确定单元，用于获取移动终端内部陀螺仪的旋转角度，根据所述旋转角度确定所述三维直播间模型的偏转角度；展示区域确定单元，用于基于偏转角度与所述三维直播间模型的各展示区域的空间位置的对应关系，根据所述偏转角度确定在三维直播间模型上对应的展示区域；直播间画面渲染单元，用于将所述展示区域对应的直播间画面渲染在显示界面上。

在一实施例中，直播间的操作交互装置100还包括：控件图标设置模块，用于检测所述展示区域对应的功能控件，并将所述功能控件对应的控件图标悬浮设置在显示界面上；

所述调用模块130包括：第一调用单元，用于接收用户作用于所述显示界面上的对控件图标输入的交互操作，确定所述交互操作调用所述展示区域上所述控件图标对应的功能控件。

在一实施例中，所述调用模块130包括：第二调用单元，用于接收用户作用于所述显示界面上输入的交互操作，获取所述交互操作作用于所述展示区域上的状态参数，根据所述状态参数调用对应的功能控件。

在一实施例中，所述交互操作为点击交互操作；

所述第二调用单元包括：点击调用子单元，用于获取所述点击交互操作作用于所述显示界面上的二维位置参数；基于显示界面与所述展示区域的位置对应关系，将所述二维位置参数转换为所述展示区域对应的三维直播间模型上的三维位置参数；根据所述三维位置参数调用作用于所述三维直播间模型对应的展示区域上的功能控件。

在一实施例中，所述交互操作为滑动交互操作；

所述第二调用单元包括：滑动调用子单元，用于接收用户作用于所述显示界面上输入的滑动交互操作；根据所述滑动交互操作确定所述滑动交互操作作用于展示区域的滑动状态参数，所述滑动状态参数包括：滑动位置坐标、滑动方向和滑动速度的至少一者；根据所述滑动状态参数调用对应的功能控件。

在一实施例中，滑动调用子单元用于根据所述滑动位置坐标和滑动方向调用对应的缩放控件，以对所述展示区域进行缩放处理；或根据所述滑动位置坐标、滑动方向以及滑动速度调用对应的切换控件，以对多个直播间的直播视频进行切换或退出所述三维直播间模型。

在一实施例中，所述交互操作为旋转交互操作；

所述调用模块130包括：偏转参数确定单元和视频切换播放单元；

其中，偏转参数确定单元，用于接收用户通过旋转移动终端所输入的旋转交互操作，根据所述旋转交互操作所确定的内部陀螺仪的偏转参数；视频切换播放单元，用于基于所述偏转参数确定所述偏转参数对应的三维直播间模型的展示面，切换播放所述展示面上的直播视频；所述三维直播间模型的展示面渲染有至少两个直播间的直播视频。

上述提供的直播间的操作交互装置可用于执行上述任意实施例提供的直播间的操作交互方法，具备相应的功能和有益效果。

本发明实施例还提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一实施例中的直播间的操作交互方法。

上述提供的计算机设备执行上述任意实施例提供的直播间的操作交互方法时，具备相应的功能和有益效果。

本发明实施例还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行一种直播间的操作交互方法，包括：

启动三维直播间模式，从服务器下载三维直播间资源并在显示界面上生成三维直播间模型，所述三维直播间模型上的不同展示区域设置有对应的功能控件；

获取所述三维直播间模型的偏转角度，根据所述偏转角度确定所述三维直播间的展示区域并在所述显示界面上进行渲染；

接收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件，执行所述功能控件对应的功能。

当然，本发明实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上所述的直播间的操作交互方法操作，还可以执行本发明任意实施例所提供的直播间的操作交互方法中的相关操作，且具备相应的功能和有益效果。

通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本发明可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明任意实施例所述的直播间的操作交互方法。

应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

以上所述仅是本申请的部分实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本申请的保护范围。

Claims (10)

1.一种直播间的操作交互方法，其特征在于，包括以下步骤：

启动三维直播间模式，从服务器下载三维直播间资源并在显示界面上生成包括至少两个展示面的三维直播间模型；所述三维直播间模型上的不同展示区域设置有对应的功能控件；

获取所述三维直播间模型的偏转角度，根据所述偏转角度确定所述三维直播间模型的偏转角度，基于偏转角度与所述三维直播间模型的各展示面的展示区域的空间位置的对应关系，确定所述三维直播间的用户视线正对的展示面为主要展示区域并将所述主要展示区域对应的直播间画面以及所述主要展示区域上展示对应的部分功能控件渲染在所述显示界面上；其中，一个展示面展示一个直播间画面；

接收用户输入的交互操作，确定所述交互操作所调用的所述主要展示区域的功能控件，执行所述功能控件对应的功能，包括：接收作用于所述显示界面上输入的滑动交互操作，确定所述滑动交互操作作用于展示区域的滑动状态参数；所述滑动状态参数包括：滑动位置坐标、滑动方向和滑动速度的至少一者；根据所述滑动状态参数调用对应的切换控件，以对多个直播间的直播视频在各展示面的展示区域之间进行切换或退出所述三维直播间模型。

2.根据权利要求1所述的直播间的操作交互方法，其特征在于，所述获取所述三维直播间模型的偏转角度的步骤包括：

获取移动终端内部陀螺仪的旋转角度，根据所述旋转角度确定所述三维直播间模型的偏转角度。

3.根据权利要求1所述的直播间的操作交互方法，其特征在于，还包括：检测所述展示区域对应的功能控件，并将所述功能控件对应的控件图标悬浮设置在显示界面上；

所述接收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件的步骤包括：

接收用户作用于所述显示界面上的对控件图标输入的交互操作，确定所述交互操作调用所述展示区域上所述控件图标对应的功能控件。

4.根据权利要求1所述的直播间的操作交互方法，其特征在于，所述接收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件的步骤包括：

接收用户作用于所述显示界面上输入的交互操作；

获取所述交互操作作用于所述展示区域上的状态参数，根据所述状态参数调用对应的功能控件。

5.根据权利要求4所述的直播间的操作交互方法，其特征在于，所述交互操作为点击交互操作；

所述获取所述交互操作作用于所述展示区域上的状态参数，根据所述状态参数调用对应的功能控件的步骤包括：

获取所述点击交互操作作用于所述显示界面上的二维位置参数；

基于显示界面与所述展示区域的位置对应关系，将所述二维位置参数转换为所述展示区域对应的三维直播间模型上的三维位置参数；

根据所述三维位置参数调用作用于所述三维直播间模型对应的展示区域上的功能控件。

6.根据权利要求1所述的直播间的操作交互方法，其特征在于，还包括：

根据所述滑动位置坐标和滑动方向调用对应的缩放控件，以对所述展示区域进行缩放处理。

7.根据权利要求3所述的直播间的操作交互方法，其特征在于，所述交互操作为旋转交互操作；

所述接收用户输入的交互操作，确定所述交互操作所调用的所述展示区域的功能控件的步骤包括：

接收用户通过旋转移动终端所输入的旋转交互操作，根据所述旋转交互操作所确定的内部陀螺仪的偏转参数；

基于所述偏转参数确定所述偏转参数对应的三维直播间模型的展示面，切换播放所述展示面上的直播视频；所述三维直播间模型的展示面渲染有至少两个直播间的直播视频。

8.一种直播间的操作交互装置，其特征在于，包括：

渲染模块，用于启动三维直播间模式，从服务器下载三维直播间资源并在显示界面上生成包括至少两个展示面的三维直播间模型，所述三维直播间模型上的不同展示区域设置有对应的功能控件；

展示模块，用于获取所述三维直播间模型的偏转角度，根据所述偏转角度确定所述三维直播间模型的偏转角度，基于偏转角度与所述三维直播间模型的各展示面的展示区域的空间位置的对应关系，确定所述三维直播间的用户视线正对的展示面为主要展示区域并将所述主要展示区域对应的直播间画面以及所述主要展示区域上展示对应的部分功能控件渲染在所述显示界面上；其中，一个展示面展示一个直播间画面；

调用模块，用于接收用户输入的交互操作，确定所述交互操作所调用的所述主要展示区域的功能控件，执行所述功能控件对应的功能，包括：接收作用于所述显示界面上输入的滑动交互操作，确定所述滑动交互操作作用于展示区域的滑动状态参数；所述滑动状态参数包括：滑动位置坐标、滑动方向和滑动速度的至少一者；根据所述滑动状态参数调用对应的切换控件，以对多个直播间的直播视频在各展示面的展示区域之间进行切换或退出所述三维直播间模型。

9.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1-7任一项所述的直播间的操作交互方法的步骤。

10.一种包含计算机可执行指令的存储介质，其特征在于，所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-7任一项所述直播间的操作交互方法的步骤。

Images