一种播放界面的显示方法、装置、设备及可读存储介质

技术领域

本申请涉及多媒体数据处理领域，特别涉及一种播放界面的显示方法、装置、设备及可读存储介质。

背景技术

多媒体播放应用程序，例如：音乐应用程序中，在播放音乐时，通常会在音乐的播放界面中显示音乐展示区域以及操作区域。

相关技术中，音乐展示区域中会简单展示正在播放的音乐的歌词、相关的专辑图片，或者与音乐相关的音乐短片等；响应于用户在操作区域的播放、暂停以及切歌等操作，音乐展示区域中的展示信息会相应的进行变化。

然而，在相关技术中音乐展示区域中仅能简单的展示音乐相关的信息，人机交互效率较低。

发明内容

本申请实施例提供了一种播放界面的显示方法、装置、设备及可读存储介质，能够提高音频播放过程中的人机交互效率，以及提高音频播放的播放效率。所述技术方案如下：

一个方面，提供了一种播放界面的显示方法，所述方法包括：

显示音频播放界面，所述音频播放界面中包括目标音频对应的二维封面图像；

响应于所述目标音频切换至播放状态，显示所述目标音频对应的二维光盘元素从所述二维封面图像的边缘沿指定方向滑出的动画。

另一方面，提供了一种播放界面的显示装置，所述装置包括：

显示模块，用于显示音频播放界面，所述音频播放界面中包括目标音频对应的二维封面图像；

所述显示模块，还用于响应于所述目标音频切换至播放状态，显示所述目标音频对应的二维光盘元素从所述二维封面图像的边缘沿指定方向滑出的动画。

另一方面，提供了一种计算机设备，所述计算机设备包括处理器和存储器，所述存储器中存储有至少一段程序，所述至少一段程序由素数处理器加载并执行如上述的播放界面的显示方法。

另一方面，提供了一种计算机可读存储介质，所述可读存储介质中存储有至少一段程度，所述至少一段程度由处理器加载并执行以实现如上述的播放界面的显示方法。

本申请实施例提供的技术方案带来的有益效果至少包括：

通过将目标音频切换至播放状态，在音频播放界面上模拟二维光盘元素从二维封面图像中抽出的滑出显现动画，使得在播放目标音频的过程中，音频播放界面上显示视效更强的动画效果，丰富了用户操作和界面显示之间的交互形式，提高了人机交互效率，进一步增强音频播放界面对于目标音频的表现力。

附图说明

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

图1是一个示例性实施例提供的音频播放界面的显示示意图；

图2是本申请一个示例性实施例提供的实施环境的流程图；

图3是本申请一个示例性实施例提供的播放界面的显示方法的流程图；

图4是本申请一个示例性实施例提供的播放界面的动画显示界面示意图；

图5是本申请另一个示例性实施例提供的播放界面的显示方法的流程图；

图6是本申请一个示例性实施例提供的播放界面的动画显示界面示意图；

图7是本申请一个示例性实施例提供的播放界面的显示方法的流程图；

图8是本申请一个示例性实施例提供的二维光盘元素的显示示意图；

图9是本申请另一个示例性实施例提供的二维光盘元素的显示示意图；

图10是本申请一个示例性实施例提供的频谱动画的显示示意图；

图11是本申请一个示例性实施例提供的背景缩放动画的显示示意图；

图12是本申请一个示例性实施例提供的文本内容数据消散动画的显示示意图；

图13是本申请另一个示例性实施例中提供的播放界面的动画显示界面示意图；

图14是本申请一个示例性实施例提供的播放界面的显示装置的结构示意图；

图15是本申请另一个示例性实施例提供的播放界面的显示装置的结构示意图；

图16是本申请一个示例性实施例提供的终端的结构框图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。

首先，对本申请实施例中涉及的名词进行简单介绍：

目标音频：用于表示待进行播放的音频作品，该目标音频是在线音频、本地音频中的任意一种；当目标音频实现为在线音频时，目标音频可以是音频播放类应用程序收录的音频作品，用户在音频播放类应用程序中选择目标音频进行播放，具体实现逻辑包括：终端从服务器中拉取目标音频对应的音频数据包进行解析，并播放目标音频；当目标音频实现为本地音频时，终端从本地磁盘中读取目标音频进行播放。

音频播放界面：在播放目标音频时，音频播放类应用程序对应的界面；如图1所示，该音频播放界面10中包括二维封面图像11、音频信息显示区域12、第一音频操作区域13以及第二音频操作区域14。其中，二维封面图像11用于显示目标音频相关联的图像信息。音频信息显示区域12用于显示目标音频的具体音频信息，包括但不限于：目标音频的演唱者、目标音频的作曲者、目标音频的编曲者、目标音频的作品名称、当前播放音频对应的播放品质、当前播放音频对应的文本内容数据等等。第一音频操作区域13中显示有对目标音频进行收藏、评论、下载、调节音频等对应的操作控件；如：收藏控件130用于表示将目标音频收录至目标音频列表中、音质调节控件131用于调整当前播放目标音频的音频品质、调整当前播放目标音频的音频音效中的至少一种，如：用于调整音频品质时，从标准品质调整至HQ品质(High Quality，高品质，简称：HQ)、从HQ品质调整至SQ品质(Super Qualit，无损品质，简称：SQ)等；用于调整音频音效时，从“外放环绕”音效调整至“3D音效”等；下载控件132用于指示将当前播放的音频存储在终端本地；评论控件133用于对当前播放的音频进行评价；其他功能控件134用于显示对当前播放的音频进行其他操作，如：分享操作、加入预设音频列表、倍速播放操作、设置播放铃声等。第二音频操作区域14中显示有对目标音频的播放状态进行调整的播放控件140、对当前播放音频进行切换的第一切换子控件141以及第二切换子控件142、用于显示当前播放音频列表的列表控件143以及用于调整当前播放音频列表内的所有音频的播放循环方式的循环控件144。需要说明的是，图1仅是对音频播放界面的一个示例性举例，音频播放界面中还可以包括除上述区域以外的区域、控件、元素等，也可以显示比上述描述区域、控件、元素更少的情况，本申请对此不加以限定。

二维封面图像：是用于显示与当前播放音频相关联的图像信息的元素区域，该图像信息包括但不限于：当前播放音频所属专辑对应的封面图像、当前播放音频演唱者对应的写真图像、当前播放音频所属影视作品对应的剧情图像、单一纯色图像、多种纯色渐变图像、当前播放音频的作品名称对应的文字设计图像、用户自行上传的图像等。

二维光盘元素：用于表示当前播放的音频对应的播放状态。二维光盘元素包括显示状态和非显示状态；二维光盘元素随着目标音频的播放状态而发生状态变化。状态变化的具体过程如下：在对目标音频执行播放操作后，二维光盘元素从非显示状态切换至显示状态；在目标音频的播放过程中，二维光盘元素一直处于显示状态；在目标音频处于播放状态时，执行切换播放操作，二维光盘元素从显示状态切换至非显示状态。可选的，二维光盘元素的显示状态还包括旋转子状态和静止子状态，旋转子状态用于表示目标音频正处于播放状态，静止子状态可以用于表示目标音频处于暂时暂停播放状态。上述仅为示例性举例，二维光盘元素还可以具备其他形式的状态以及状态变化，本申请对此不加以限定。

相关技术中，具体请参见图1，在音频播放界面10中只显示当前播放音频对应的音频封面11，并对该音频封面11的形状进行更改，如：将图1中“圆形”的音频封面更改为“正方形”的音频封面。在音频播放的过程中，音频封面11处于静止且固定状态，与音频播放确定有效的交互互动，并不能适应性的针对目标音频的节奏交互变化。可见，音频播放界面的界面交互效率较低，一定程度上降低界面音频播放界面对用户的吸引力，最终降低音频播放类应用程序的使用率。

基于上述缺陷，本申请实施例提供的播放界面的显示方法，在音频播放类应用程序对应的音频播放界面中设置一种全新的播放器样式。在音频播放界面中，显示二维封面图像，待对目标音频进行播放、暂停、切换播放操作时，模拟现实中光盘从光盘盒中抽出等情况。具体为，在对目标音频执行播放操作时，播放目标音频对应的二维光盘从二维封面图像中抽出的动画，提高音频播放界面的界面交互效率的同时，还提供音频播放界面对用户的吸引力，进而提高对该音频播放类应用程序的使用率。

其次，请参考图2，其示出了本申请一个实施例提供的实施环境的示意图。该实施环境中包括：终端20和服务器21。

终端20具有播放音频的功能。可选的，终端中安装/运行有支持播放音频的音频播放类应用程序，该音频播放类应用程序可以是传统应用程序、云应用程序、宿主应用程序中的小程序或应用模块，如：快应用等、网页平台中的任意一种。本申请实施例对此不加以限定。用户通过终端20内的音频播放类应用程序播放目标音频。

终端20还具有与服务器21进行数据交互的功能。示例性的，在播放目标音频的过程中，终端20向服务器21发送目标音频播放请求，服务器21根据该播放请求向终端20发送与目标音频对应的音频数据包以及音频播放界面渲染数据，终端20解析该音频数据包中的数据完成对目标音频的播放，以及解析音频播放界面渲染数据，在终端20的音频播放界面中显示目标音频对应的二维光盘元素从二维封面图像的边缘移出的滑出显现动画。

在一些可选的实施例中，上述音频播放界面渲染数据为离线数据，也就是说，终端20可以直接读取本地存储的音频播放界面渲染数据，从而在音频播放界面进行渲染显示。

服务器21还具有音频数据获取功能，通过该音频数据以及音频播放界面渲染数据获取功能，从数据库中获取与播放请求对应的音频数据信息，对音频数据信息进行压缩处理得到音频数据包，该音频数据包中包括但不限于目标音频的音频数据、目标音频相关联的图像信息、目标音频对应的介绍信息中的至少一种。

终端20和服务器21之间通过有线或者无线网络建立通信连接。上述的无线网络或者有线网络使用标准通信技术和/或协议。网络通常为因特网络，但也可以是其它任何网络，包括但不限于局域网(Local Area Network，LAN)、城域网(Metropolitan AreaNetwork，MAN)、广域网(Wide Area Network，WAN)、移动、有线或者无线网络、专用网络或者虚拟专用网络的任何组合)。在一些实施例中，使用包括超文本标记语言(Hyper TextMark-up Language，HTML)、可扩展标记语言(Extensible Markup Language，XML)等的技术和/或格式来代表通过网络交换的数据。此外还可以使用诸如安全套接字层(SecureSocket Layer，SSL)、传输层安全(Transport Layer Security，TLS)、虚拟专用网络(Virtual Private Network，VPN)、网际协议安全(Internet Protocol Security，IPsec)等常规加密技术来加密所有或者一些链路。在另一些实施例中，还可以使用定制和/或专用数据通信技术取代或者补充上述数据通信技术。

值得注意的是，终端20可以是：智能手机、平板电脑、MP3播放器(Moving PictureExperts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(MovingPicture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端还可以被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称，本申请对此不加以限定。

服务器21能够是独立的物理服务器，也能够是多个物理服务器构成的服务器集群或者分布式系统，还能够是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN(Content Delivery Network，内容分发网络)以及大数据和人工智能平台等基础云计算服务的云服务器。可选地，服务器21还可以实现为区块链系统中的节点。

需要说明的是，本申请所涉及的信息(包括但不限于用户设备信息、用户个人信息等)、数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)以及信号，均为经用户授权或者经过各方充分授权的，且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准。例如，本申请中涉及到的二维封面图像和二维光盘元素都是在充分授权的情况下获取的。

结合上述名词简介和实施环境的描述内容，下述实施例将对目标音频切换至播放状态时，音频播放界面的界面变化进行详细说明。请参考图3，其示出了本申请一个示例性实施例提供的播放界面的显示方法的流程图。该方法应用于图2所示实施例中的终端。该方法包括：

步骤301，显示音频播放界面。

其中，音频播放界面中包括二维封面图像，二维封面图像内显示有与目标音频相关联的图像信息。当目标音频未处于播放状态时，二维封面图像中只显示二维封面壳体；当目标音频处于播放状态时，二维封面图像中还包括显示有目标音频对应的二维光盘元素。

可选的，音频播放界面中包括文本显示区域、第一音频操作区域以及第二音频操作区域中的至少一种。

如下对音频播放界面中各个区域实际所实现的功能进行详述。

具体请参加下图4中的音频播放界面410所示的界面图。

如图4所示中音频播放界面410所示，其中包括二维封面图像42、文本显示区域43、第一音频操作区域44以及第二音频操作区域45。

二维封面图像42用于显示与目标音频相关联的图像信息。

文本显示区域43用于显示与目标音频相关联的文本数据内容，如：目标音频为歌曲《xxx》，文本显示区域43中显示与歌曲《xxx》对应的歌词内容、目标音频为影视作品《xx》的部分影视片段，文本显示区域43中显示与影视作品《xx》对应的原声台词内容中。

第一音频操作区域44中显示有收藏控件、评论控件、音频名称选择控件、音频作者信息查看控件、音频播放品质控件以及其他操作综合控件，其中，其他操作综合控件中集成有用于对目标音频进行其他操作所对应的控件，如：音频音效切换控件、下载控件等等。示例性的，收藏控件用于指示将目标音频收录至目标音频播放列表中，在实际实现时，可参见“我喜欢”对应的列表，该列表是音频类应用程序根据收藏控件自行创建的列表、评论控件用于指示对目标音频发表评论意见，并将用户发表的评论意见显示在评论显示区域、音频名称选择控件用于指示以目标音频的名称重新进行搜索，用户可在搜索结果界面中，选择不同演绎版本的目标音频进行播放、音频作者信息查看控件用于对目标音频的音频作者进行搜索，用户可在搜索结果界面中，选择该音频作者的其他音频作品进行播放，该音频作者可以是演唱作者、编曲作者、作曲作者、影视作品名称等等、音频播放品质控件用于指示对目标音频的播放品质进行切换，如：从HQ品质切换为SQ品质。

第二音频操作区域45中显示有对目标音频的播放状态进行调整的控件，其中包括但不限于播放控件450、音频切换控件、音频循环设置控件、列表控件以及进度条显示区域。播放控件450用于指示调整目标音频是处于播放状态还是处于暂停状态、音频切换控件用于指示对当前播放的目标音频进行切换、音频循环设置控件用于指示对是目标音频的播放方式进行设置，其中，播放方式包括单音频循环播放、列表循环播放以及音频随机播放中的至少一种、列表控件用于指示显示目标音频所在的列表音频信息、进度条显示区域用于表示目标音频的播放进度。

在本实施例中，二维封面图像用于指示与当前播放音频或者当前待播放音频具有关联关系的图像信息，下述将当前播放音频或者当前待播放音频成为目标音频。该图像信息包括但不限于如下信息：

该图像信息实现为目标音频对应的音频封面图像，该音频封面图像通常是由目标音频的制作团队设置的，在制作团队上传目标音频时，对为目标音频设置对应的封面图像，用于在播放目标的过程中，显示该封面图像。

该图像信息实现为目标音频所属专辑对应的专辑封面图像，在音频播放领域中，制作团队以音频集合的形式发布音频作品，将该音频集合称为专辑。专辑中至少包括一个音频作品，专辑内多个音频作品存在各自对应的音频封面信息，另外还会为该专辑单独设置有别于音频封面信息的专辑封面图像。在对目标音频进行播放时，获取目标音频对应的专辑信息，将专辑信息中的专辑封面图像作为显示在二维封面图像中的图像进行显示。

该图像信息实现为目标音频所属影视作品对应的剧情图像或者剧场图像，目标音频还可以是影视作品的插曲或者原声片段，针对此类目标音频，获取该影视作品对应的剧情图像或者剧情图像中的至少一张图像进行显示即可。其中，该剧情图像可以是影视作品的影视封面图像等。

该图像信息实现为用户上传设置的自定义封面图像。在对目标音频进行播放时，用户可以对二维封面图像中显示的图像进行自定义操作，该自定义操作包括从已有颜色库中选择纯色/渐变背景、从本地上传指定图像、选择音频播放类应用程序在线提供的热门图像中的任意一种。

在本实施例中，二维封面图像还可以包括至少两张图像信息，该图像信息实现为上述图像信息中的任意一种。当二维封面图像中包括至少两张图像信息时，接收作用于二维封面图像上的触发操作，切换显示至少两张图像信息中的图像，该触发操作可以是点击操作、悬停滑动操作、滑动操作、双击操作、三指操作中的至少一种，本申请对此不加以限定。

结合上述对图像信息的介绍内容，如下对音频播放界面的显示场景进行说明，其中，未使用场景包括首次进入音频播放类应用程序之前以及首次进入音频播放类应用程序，且未对任何音频进行播放；使用场景用于指示已经使用音频播放类应用程序播放过音频：

第一种：音频播放类应用程序处于未使用场景下，也即，处于首次打开音频播放类应用程序，且未进行任何音频播放操作，音频播放界面中是不存在任何音频相关的信息的，仅在音频播放界面中显示原始模板，该原始模板中显示有界面内所有控件对应的原始状态，如：二维封面图像中未显示任何图像信息；

第二种：音频播放类应用程序处于使用场景下，也即，再次打开音频播放类应用程序后，音频播放界面中显示有最近一次打开音频播放类应用程序时播放的最后一首歌对应的音频信息，如：用户最近一次打开音频播放类应用程序时最后播放的音频为《sss》，用户当前的音频播放界面中，二维封面图像中显示有与音频《sss》具有关联关系的图形信息。

步骤302，响应于目标音频切换至播放状态，显示目标音频对应的二维光盘元素从二维封面图像的边缘沿第一指定方向滑出的动画。

在本申请实施例中，真实模拟现实生活中对光盘进行播放的全过程，并以可视化的形式将该过程显示在音频播放界面中。也就是说，本申请实施例涉及的二维封面图像相当于现实生活中的光盘盒外壳。在未进行目标音频播放时，只显示光盘盒外壳，也即，在音频播放界面中只显示二维封面图像；而后对目标音频进行播放的过程中，将光盘从光盘盒中拿出的动画以可视化的形式显示在音频播放界面，也即，将目标音频对应的二维光盘元素从二维封面图像中移出，待移出至指定位置后，旋转二维光盘元素。

在本申请实施例中，如下对将目标音频切换播放状态时，二维光盘元素从二维封面图像中移出的滑出过程进行详述：

可选的，响应于目标音频切换至播放状态，显示目标音频对应的二维光盘元素按照第一指定方向从二维封面图像的边缘移出的滑出显现动画；响应于二维光盘元素滑出至指定位置，停止二维光盘元素的滑出，并显示二维光盘元素的旋转动画。该滑出显现动画用于指示二维光盘元素从遮挡状态切换至显示状态所对应的移动动画。

可选的，在现实生活中的物体移动时，物体受摩擦力影响而不会持续匀速移动，因此在设置二维光盘元素的滑出显现动画时，需要引入摩擦力的影响因素，在二维光盘元素移动的开始时间段和结束时间段，以一定加速度增加速度或减小速度。在设置二维光盘元素对应的滑出显示动画时，以变速速度曲线对应的移动速度移动二维光盘元素。另外，也可以忽略二维封面图像和二维光盘元素之间的摩擦力，以匀速速度移动二维光盘元素，本申请对二维光盘元素的移动速度不加以限定。也就是说，响应于目标音频切换至播放状态，显示二维光盘元素按照预设速度曲线从二维封面图像的边缘移出的滑动显现动画，该预设速度曲线包括匀速变速曲线、变速速度曲线中的任意一种。

可选的，如下对二维光盘元素具体的移出过程进行详述：

二维封面图像可以是任意形状的图像，如：圆形、正方形、三角形等等，在本申请实施例中，以二维封面图像为正方形为例进行说明，二维封面图像包括四个边缘，即：上边缘、下边缘、左边缘以及右边缘。

二维光盘元素也同样可以是任意形状，但为了二维光盘元素在播放旋转动画时3，具体更好的显示效果，通常将二维光盘元素的形状设置为圆形或者n边行，n为大于4的整数，在本申请实施例中，以二维封面图像为圆形为例进行说明，二维光盘元素的直径小于二维封面图像的边长，才可以更好的模拟二维光盘元素从二维封面图像中抽出的效果。

二维光盘元素从二维封面图像中移出的情形包括但不限于如下情况：

第一种情形：

第二种情形：

第三种情形：

第四种情形：

可选的，响应于二维光盘元素的圆心与二维封面图像的边缘重合，停止二维光盘元素的滑出，并显示二维光盘元素的旋转动画；该旋转动画用于表示目标音频正处于播放状态，如：响应于二维光盘元素的圆心与二维封面图像的上边缘、下边缘、左边缘或者右边缘中的至少一个边缘重合，停止二维光盘元素的滑出；或者，

响应于二维光盘元素移出至与二维封面图像的边缘相切的位置，停止二维光盘元素的滑出，并显示二维光盘元素的旋转动画；或者，

响应于二维光盘元素从二维封面图像的边缘移动自定义距离，停止二维光盘元素的滑出，并显示二维光盘元素的旋转动画，其中，自定义距离用于指示用户自定义设置的距离，如：用户在音频播放类应用程序的设置界面对二维光盘元素的滑出距离进行设置。

可选的，在显示二维光盘元素的旋转动画时，以二维光盘元素的圆心为轴，按照与目标音频的正常播放速度对应的第一指定速度进行顺时针或者逆时针转动，本申请实施例中，正常播放速度为1倍速播放速度。

响应于目标音频处于播放状态，接收到对目标音频的当前播放速度进行调整的播放速度调整操作，按照调整后的目标播放速度播放目标音频，并将二维光盘元素的旋转速度从第一指定速度调整为第二指定速度。调整目标音频的播放速度的具体过程包括如下情形：

第一种情形：

第二种情形：

具体请参见图4，其示出了本申请一个实施例对目标音频进行播放时音频播放界面对应的界面变化示意图。

目标音频还未进行播放时，如图4中的音频播放界面410，在音频播放界面410的指定区域只显示目标音频对应的二维封面图像42，二维封面图像42中显示有与目标音频相关的图像信息，此时第二操作区域中的播放控件450处于第一显示状态；响应于接收到对目标音频的播放操作，播放目标音频的同时，显示目标音频对应的二维光盘元素46按照变速速度曲线从二维封面图像42的右边缘移出的滑出显现动画。图4中的音频播放界面411对应的示意图为二维光盘元素46在播放滑出显现动画，且未到达指定位置的播放过程中的其中一帧画面；待二维光盘元素46移动至指定位置，如图4中的音频播放界面412，二维光盘元素46的圆心与二维封面图像42的右边缘重合，停止二维光盘元素46的移动，并播放二维光盘元素46对应的以第一指定速度沿顺时针方向进行转动的旋转动画。

综上所述，通过将目标音频切换至播放状态，在音频播放界面上模拟二维光盘元素从二维封面图像中抽出的滑出显现动画，使得在播放目标音频的过程中，音频播放界面上显示视效更强的动画效果，丰富了用户操作和界面显示之间的交互形式，提高了人机交互效率。

本申请实施例提供的方法，在显示二维光盘元素的滑出动画时，提供了至少两种滑出动画的显示方法，也即，匀速滑出动画和变速滑出动画，进一步的丰富了三维光盘元素显现形式。

下述实施例将对目标音频切换至暂停状态时，音频播放界面的界面变化进行详细说明。请参考图5，其示出了本申请一个示例性实施例提供的播放界面的显示方法的流程图。该方法应用于图2所示实施例中的终端。该方法包括：

步骤501，显示音频播放界面。

可选的，当前目标音频正处于播放状态，音频播放界面内所显示的各个区域以及区域内的控件对应的内容请参见上述步骤301，此处不加以赘述。

步骤502，响应于目标音频从播放状态切换至暂停状态，显示目标音频对应的二维光盘元素从二维封面图像沿第二指定方向滑入的动画。

可选的，响应于接收到对音频播放界面内的播放控件的触发操作，停止播放目标音频的同时，显示目标音频对应的二维光盘元素从二维封面图像的边缘沿第二指定方向移入的滑入显现动画，其中，第二指定方向和上述第一指定方向是对立的两个不同方向。结合上述步骤301中对二维光盘元素移出二维封面图像的四种情形，本步骤中将目标音频对应的二维光盘元素移入二维封面图像也应该存在四种情况，具体包括如下情况：

第一种情形：

第二种情形：

第三种情形：

第四种情形：

具体请参见图6，其示出了本申请一个实施例对目标音频执行暂停操作时音频播放界面对应的界面变化示意图。

如图6中的音频播放界面610所示，目标音频当前处于播放状态，目标音频对应的二维光盘元素62以顺时针方向进行旋转；如图6中的音频播放界面611所示，响应于接收到暂停播放操作后，停止播放目标音频(播放控件63的显示状态/形式/图案也随之改变)，以及二维光盘元素62的旋转动画，并显示二维光盘元素62从二维封面图像61的右边缘向左移入的滑入显现动画，音频播放界面612为滑入显现动画内其中一帧的界面示意图。如图6中的音频播放界面613所示，二维光盘元素62的滑入显现动画播放完毕后，二维光盘元素62完全收入二维封面图像61中，此时音频播放界面中只显示二维封面图像61。

可选的，可以采用下述手段实现将目标音频从播放状态切换至暂停状态：

第一种：

第二种：

第三种：

上述第一种技术手段和第二种技术手段中涉及的触发操作，可以实现为点击操作、双击操作、悬停点触操作等中的至少一种，本申请对此不加以限定。

上述技术手段仅为示例性举例，还可以采用其他手段实现目标音频从播放状态切换至暂停状态。

综上所述，通过将目标音频切换至播放状态，在音频播放界面上模拟二维光盘元素从二维封面图像中抽出的滑出显现动画，使得在播放目标音频的过程中，音频播放界面上显示视效更强的动画效果，丰富了用户操作和界面显示之间的交互形式，提高了人机交互效率。

本申请实施例提供的方法，将目标音频从播放状态切换至暂停状态，仍然模拟光盘收入光盘盒体的收入动作，并以可视化的形式显示在音频播放界面中，使得在播放目标音频的过程中，音频播放界面上显示视效更强的动画效果，丰富了用户操作和界面显示之间的交互形式，提高了人机交互效率。

下述实施例将对目标音频执行音频切换操作的过程以及音频播放界面的变化情况进行详细说明。请参考图7，其示出了本申请一个示例性实施例提供的播放界面的显示方法的流程图。该方法应用于图2所示实施例中的终端。该方法包括：

步骤701，在目标音频的播放过程中，接收对目标音频的音频切换操作。

可选的，在播放目标音频时，获取播放列表，该播放列表可以是音频播放类应用程序中显示的音频列表、用户自行设置的音频播放列表、在线电台列表、个性化电台列表中的至少一种。示例性的，实现为用户自行设置的音频播放列表时，用户在本地创建歌单，用户在播放音频的过程中，将播放的音频添加至该歌单中，用户后续使用该应用程序时，直接从歌单中的多个音频中选择目标音频进行播放；实现为在线电台列表时，音频播放类应用程序中设置有不同类型的音频电台节目，该音频电台节目中包括至少一个音频，用户选择在线电台列表后，按照该音频电台节目的播放顺序播放目标音频；实现为个性化电台列表时，该电台根据用户的收听行为，随机播放目标音频，终端根据用户播放目标音频的总时长、是否对目标音频执行收藏操作来确定后续用户感兴趣的音频，并将确定的音频添加至目标音频后进行播放。

可选的，音频切换操作，以及对应的音频播放界面的变化过程包括但不限于如下方式：

第一种：

以图6中的音频播放界面610为例进行说明，用户在目标音频播放的过程中，若在二维光盘元素62施加向下转动的作用力，也即，顺时针滑动信号，切换目标音频的下一首音频进行播放；若在二维光盘元素62施加向上转动的作用力，也即，逆时针滑动信号，切换目标音频的上一首音频进行播放；

或者，以二维光盘元素62的中心为对称轴，将二维光盘元素62分为上部分以及下部分，上部分、下部分为二维光盘元素62的四分之一半圆形状，若在二维光盘元素62的上部分接收到点击操作，切换目标音频的上一首音频进行播放；若在二维光盘元素62的下部分接收到点击操作，切换目标音频的下一首音频进行播放。

第二种：

以图6中的音频播放界面610为例进行说明，若用户触发播放控件63左侧的第一切换子控件，切换目标音频的上一首音频进行播放；若用户触发播放控件63右侧的第二切换子控件，切换目标音频的下一首音频进行播放。

第三种：

第四种：

第五种：

以图6中的音频播放界面610为例进行说明，在音频播放界面610画一个闭合的圆形手势，切换目标音频的上一首音频进行播放；在音频播放界面610内画一个闭合的三角手势，切换目标音频的下一首音频进行播放。

需要说明的是，上述五种情况中均进行了示例性举例，此示例的实现过程并不会对本申请实施例提供的播放界面的显示方法造成限定，也就是说，还可以以其他技术手段实现切换播放音频的目的，本申请对此不加以限定。

在另一个示例性实施例中，在播放目标音频时，获取目标音频对应的第一播放列表，以及目标音频所属专辑对应的第二播放列表；其中，第一播放列表可以实现为上述描述内容中的任意一种；第二播放列表用于指示数字专辑中的所有音频形成的列表、影视作品中的所有音频形成的列表中的至少一种。如：以第一播放列表实现为“我喜欢”歌单列表，其中，包括音频1、音频2以及音频3；以第二播放列表实现为数字专辑中的歌单列表，其中，包括音频4、音频2以及音频5。

可选的，在目标音频处于播放状态时，接收作用于二维封面图像的第二预设操作；根据第二播放列表的播放顺序，顺次切换至目标音频的下一首音频或者上一首音频进行播放。

可选的，在目标音频处于播放状态时，接收作用于二维光盘图像的第三预设操作；根据第一播放列表的播放顺序，顺次切换至目标音频的下一首音频或者上一首音频进行播放。也就是说，利用作用于二维封面图像上的触发操作，实现切换专辑内音频的目的，利用作用于二维光盘元素上的触发操作，实现切换当前播放列表内音频的目的。

以图6中的音频播放界面610为例进行说明，当前正在播放音频2，第一播放列表中包括音频1、音频2以及音频3；音频2所属专辑的第二播放列表中包括音频4、音频2以及音频5。

实现对专辑列表内音频进行切换：在二维封面图像61对应的方形区域内触发左滑操作，根据第二播放列表切换播放上一首音频，即，播放音频4；在二维封面图像61对应的方形区域内触发左滑操作，根据第二播放列表切换播放下一首音频，即，播放音频5；

或者，以二维封面图像61的中心为对称轴，将二维封面图像61分为上部分以及下部分，上部分、下部分为二维封面图像61的二分之一矩形形状，若在二维封面图像61的上部分接收到点击操作，切换目标音频的上一首音频进行播放，即，播放音频4；若在二维封面图像61的下部分接收到点击操作，切换目标音频的下一首音频进行播放，即，播放音频5；

或者，以二维封面图像61的中心为对称轴，将二维封面图像61分为左区域以及右区域，左区域、右区域分别为二维封面图像61的二分之一矩形形状，若在二维封面图像61的左区域接收到点击操作，切换目标音频的上一首音频进行播放，即，播放音频4；若在二维封面图像61的右区域接收到点击操作，切换目标音频的下一首音频进行播放，即，播放音频5。

实现对当前播放列表内音频进行切换：在二维光盘元素62施加向下转动的作用力，也即，顺时针滑动信号，切换目标音频的下一首音频进行播放，即，播放音频3；若在二维光盘元素62施加向上转动的作用力，也即，逆时针滑动信号，切换目标音频的上一首音频进行播放，即，播放音频1；

或者，以二维光盘元素62的中心为对称轴，将二维光盘元素62分为上部分以及下部分，上部分、下部分为二维光盘元素62的四分之一半圆形状，若在二维光盘元素62的上部分接收到触发操作，切换目标音频的上一首音频进行播放，即，播放音频1；若在二维光盘元素62的下部分接收到触发操作，切换目标音频的下一首音频进行播放，即，播放音频3。上述触发操作可以是长按操作、点击操作、悬停点触操作、悬停长按操作、压力触控操作中的任意一种。

换句话说，本申请的实施例中所涉及的二维封面图像和二维光盘元素均是能够交互的；而在相关技术中，在音频播放界显示“光盘”形式的播放器，无论是对目标音频的播放操作、暂停操作还是切换操作，该播放器都是无法交互的，且该播放器在整个音频播放界面所占面积较大，导致播放器显示区域的控件使用率较低，用户需要在触发指定控件才可以实现播放操作、暂停操作以及切换操作，导致降低音频的播放效率以及人机交互效率。而本申请实施例中的二维封面图像和二维光盘元素均是可以交互的，可以将作用于二维封面图像和二维光盘元素上的触发操作定义为对音频的播放操作、暂停操作以及切换操作中的至少一种，有效地提高人机交互效率以及音频的播放效率。

步骤702，基于音频切换操作，显示目标音频对应的二维光盘元素沿第三指定方向从二维封面图像的边缘移入的滑入显现动画。

在目标音频正处于播放状态时，基于播放列表以及音频切换操作，确定即将播放的候选音频。

可选的，在执行音频切换的过程中，先是显示目标音频对应的二维光盘元素按照第三指定方向收入二维封面图像的滑入显现动画；其中，第三指定方向与目标音频移入二维封面图像的方向相反。

具体的滑出过程可参见步骤502以及说明书附图6，此处不加以赘述。示例性的，目标音频在播放过程中，音频播放界面中显示目标音频对应的二维光盘元素按照预设旋转速度进行旋转的旋转动画；当接收到音频切换操作后，停止显示目标音频对应的二维光盘元素的旋转动画，并显示目标音频对应的二维光盘元素从二维封面图像中移入的滑入显现动画，直至目标音频对应的二维光盘元素的中心，与二维封面图像的中心重合。

步骤703，响应于目标音频对应的二维光盘元素的中心与二维封面图像的中心重合，显示候选音频对应的二维光盘元素沿第四指定方向从二维封面图像的边缘移出的滑出显现动画。

可选的，目标音频对应的二维光盘元素的中心与二维封面图像的中心重合，代表目标音频对应的二维光盘元素已经完全收入二维封面图像中。

此时，显示候选音频对应的二维光盘元素沿第四指定方向从二维封面图像的边缘移出的滑出显示动画。具体为：响应于候选音频对应的二维光盘元素的中心与二维封面图像的边缘的中心重新，停止候选音频对应的二维光盘元素的滑出，并显示候选音频对应的二维光盘按照上述步骤302中的预设速度曲线或区别于上述步骤302中的预设速度曲线从二维封面图像的边缘移出的滑出显现动画，其具体过程可参见上述步骤302以及说明书附图2。

综上所述，通过将目标音频切换至播放状态，在音频播放界面上模拟二维光盘元素从二维封面图像中抽出的滑出显现动画，使得在播放目标音频的过程中，音频播放界面上显示视效更强的动画效果，丰富了用户操作和界面显示之间的交互形式，提高了人机交互效率。

本申请实施例的方法，在对目标音频进行切换时，先显示二维光盘元素移入二维封面图像的滑入显现动画，再显示其他二维光盘元素移出二维封面图像的滑出显现动画，提升模拟光盘滑入滑出动画的真实性，提高音频播放界面的视觉显示效果。

结合步骤301至302，以及步骤501至步骤502实施例，还需要说明的一点是：作用于二维封面图像，以及二维光盘元素上的触发操作，除了可以用来实现音频切换功能，还可以实现调整目标音频的播放速度、调整目标音频的播放进度等功能。值得注意的一点是，在实现上述功能时，目标音频正处于播放状态。下述描述内容均以图6中的音频播放界面610为例进行说明。

当实现调整目标音频的播放速度时：

第一种情形：

或者，接收作用于二维封面图像61不同区域的压力触控操作，基于压力触控操作对应的压力值，动态调整目标音频的播放速度。具体为：

当压力触控操作对应的压力值逐渐增大时，在实现慢放时，目标音频的播放速度逐渐变慢，也即，压力值与播放速度成负增长；实现为快放时，目标音频的播放速度逐渐变快，也即，压力值与播放速度成正增长；

当压力触控操作对应的压力值逐渐减少时，在实现慢放时，目标音频的播放速度逐渐变快；实现为快放时，目标音频的播放速度逐渐变慢。示例性的，当接收到逐渐增大的压力触控操作后，在实现快放时，从1倍速动态调整至2倍速再动态调整至2.5倍速再动态调整至3倍速，在实现慢放时，从2倍速动态调整至1倍速再动态调整至0.75倍速再动态调整至0.5倍速。

第二种情形：

或者，以二维光盘元素62的中心为对称轴，将二维光盘元素62分为上部分以及下部分，上部分、下部分为二维光盘元素62的四分之一半圆形状，若在二维光盘元素62的上部分接收到触发操作，调整目标音频的播放速度，调整后的播放速度小于调整前的播放速度，如：从1倍速调整为0.5倍速；若在二维光盘元素62的下部分接收到点击操作，调整目标音频的播放速度，调整后的播放速度大于调整前的播放速度，如：从1倍速调整为2倍速；上述触发操作可以是长按操作、点击操作、悬停点触操作、悬停长按操作、压力触控操作中的任意一种。

当实现调整目标音频的播放进度时：

第一种情形：

第二种情形：

当同时实现调整目标音频的播放速度以及播放进度时：

利用作用于二维封面图像上的触发操作，实现调整目标音频的播放速度的目的，利用作用于二维光盘元素上的触发操作，实现调整目标音频的播放进度的目的；或者，

利用作用于二维封面图像上的触发操作，实现调整目标音频的播放进度的目的，利用作用于二维光盘元素上的触发操作，实现调整目标音频的播放速度的目的。具体实现过程可参见上述描述内容，此处不加以赘述。

综上所述，通过将目标音频切换至播放状态，在音频播放界面上模拟二维光盘元素从二维封面图像中抽出的滑出显现动画，使得在播放目标音频的过程中，音频播放界面上显示视效更强的动画效果，丰富了用户操作和界面显示之间的交互形式，提高了人机交互效率。

本申请实施例提供的方法，将二维封面图像和二维光盘元素实现为可交互元素，利用作用于二维封面图像和二维光盘元素上的相关操作，实现对目标音频的调整操作，一定程度上提高控件的使用效率，以及丰富控件的使用场景，提高人机交互效率。

在另一个示例性实施例中，在获取目标音频对应的图像信息后，基于该图像信息确定目标音频对应的二维光盘元素的显示效果，显示效果包括显示图像、显示颜色、显示纹理、显示文字中的至少一种。

可选的，在确定二维光盘元素的显示颜色时，主要是通过对二维封面图像中显示的图像信息采用取色技术确定的，也就会说，二维光盘元素最终的显示效果会根据与目标音频具有关联关系的图像信息的变化而变化。具体的取色过程包括如下步骤：

获取与目标音频对应的图像信息匹配的颜色数据，该图像信息用于显示在二维封面图像中；

基于颜色数据，确定二维光盘元素对应的颜色样本；

将图像信息对应的颜色数据与预设颜色库匹配，确定二维光盘元素对应的色值数据；

将上述颜色数据和色值数据进行叠加处理，最终确定二维光盘元素对应的光盘显示颜色。

可选的，在确定二维光盘元素的光盘显示颜色后，还可以对二维光盘元素的光盘显示纹理、光盘显示文字、光盘显示动效等进行设置。

在一些实施例中，二维光盘元素的样式可以实现为纹理光盘，也可以实现为光滑光盘，本申请对此不加以限定。

具体的，当实现为纹理光盘时，具体可参加图8示出的二维光盘元素的结构图，二维光盘元素81中包括光盘中心区域810，以及与光盘中心区域810衔接的环径为p的光盘环状区域，其中，光盘中心区域实现为光滑表面，光盘中心区域内显示有与二维封面图像80中显示的图像信息相同的图像；而光盘环状区域实现为纹理表面，该纹理表面内可以显示图像信息、纹理信息、文字信息中的任意一种，在本申请实施例中，光盘环状区域显示的是与二维封面图像80内显示的图像信息相关的指定颜色图片。

其中，二维光盘元素81的光盘中心区域810，以及二维封面图像80中显示相同的目标音频对应的封面图；而光盘环状区域利用上述取色操作，确定最终显示的颜色。

当实现为光滑光盘时，具体可参加图9示出的二维光盘元素的结构图，将二维封面图像90中显示的与目标音频具有关联关系的图像信息，确定为二维光盘元素91的封面图进行显示，其中，二维封面图像90中图像信息的显示透明度可以与二维光盘元素91中图像信息的显示透明度相同，也可以不同，本申请对此不加以限定。

综上所述，通过将目标音频切换至播放状态，在音频播放界面上模拟二维光盘元素从二维封面图像中抽出的滑出显现动画，使得在播放目标音频的过程中，音频播放界面上显示视效更强的动画效果，丰富了用户操作和界面显示之间的交互形式，提高了人机交互效率。

本申请实施例提供的方法，为二维光盘元素提供更多的显示可能，增加和丰富音频播放界面内元素的多样性。

结合步骤301至302，以及步骤501至步骤502实施例的介绍内容，还需要指出的是：在目标音频的播放过程中，音频播放界面除显示上述步骤301至302，以及步骤501至步骤502中涉及的滑出显现动画、滑入显示动画以及旋转动画以外，还会在音频播放界面内显示目标音频对应的频谱动画、播放背景动效动画、文本消散动画等等。下述将对频谱动画、播放背景动效动画、文本消散动画的实现过程以及音频播放界面的变化情况进行说明：

频谱动画：在一些可选的实施例中，在目标音频的播放过程中，显示目标音频对应的频谱动画。

示意性的，在音频播放的过程中，频谱动画会随着目标音频对应的音乐节奏改变，表现为目标音频对应的音调高和/或节奏快时，频谱动画的视觉幅度会增强；目标音频对应的音调低和/或节奏慢时，频谱动画的视觉幅度会减弱。

可选地，上述频谱动画的获取方法包括以下步骤：

对目标音频对应的脉冲调制编码(Pulse-Code Modulation，PCM)数据做短时傅里叶变换，计算目标音频对应的振幅值；对计算得到的振幅值进行符合人耳听觉变换的处理，例如：A计权(A-Weight)加权滤波算法以及梅尔(Mel)标度转换；最后，将处理过的振幅值进行帧内以及帧间的数据平滑处理，将处理后的数据进行可视化展示，即为频谱动画。

在一些实施例中，频谱动画的展现形式包括平面频谱动画。

可选的，平面频谱动画的显示位置包括但不限于：显示在二维封面图像的中间位置、二维封面图像的任一周侧(周侧包括二维封面图像的上侧、下侧、左侧以及右侧)、音频播放界面的任意周侧(周侧包括音频播放界面的上侧、下侧、左侧以及右侧)、环绕显示在音频播放界面的四周、环绕显示在二维封建图像的四周等，本申请对此不加以限定。如图10所示，图10示出了一个示例性实施例提供的频谱动画的位置显示示意图。将频谱动画1000显示在二维封面图像的下侧边缘。

播放背景动效动画：在一些可选的实施例中，音频播放界面中还显示有播放背景；响应于目标音频切换至播放状态，获取目标音频对当前播放帧的放大参数，放大参数用于指示目标音频的声波在帧间的最大频率；响应于目标音频当前播放帧的放大参数大于预设阈值，在音频播放界面显示播放背景的缩放动画。

可选地，上述放大参数的获取方式还包括以下步骤：

获取目标音频当前播放的音频帧的PCM数据，根据PCM数据计算当前播放的音频帧的响度的均方根值，将该均方根值进行归一化处理，得到放大参数。

可选地，在目标音频播放的播放过程中，若第1个音频帧对应放大参数大于预设数据，即开始播放播放背景的缩放动画，由于缩放动画的播放时间通常大于1个音频帧对应的时间；则在缩放动画的播放过程中，会继续判断第2个音频帧对应的放大参数和第1个音频帧对应的放大参数之间的大小关系，若第2个音频帧对应的放大参数大于第1个音频帧对应的放大参数，则会中断当前正在播放的缩放动画，重新开始播放新的缩放动画；若第2个音频帧对应的放大参数小于或者等于第1个音频帧对应的放大参数，则会继续播放当前正在播放的缩放动画。

或者，当前正在播放的缩放动画播放结束后，再判断是否需要播放播放背景的缩放动画，比较的是缩放动画的播放结束后的第1个音频帧对应的放大参数和预设阈值之间的大小关系。

可选地，音频播放界面中还显示有播放背景，该背景图片的获取方式包括：获取与目标音频具有关联关系的图像信息，该图像信息包括但不限于目标音频对应的音频封面图像、目标音频所属专辑对应的专辑封面图像、目标音频所属影视作品对应的剧情图像或者剧场图像以及用户上传设置的自定义封面图像中的至少一种。

在一些实施例中，对该图像信息进行高斯模糊处理，获得处理过的图像信息，并将处理过的图像信息确定为音频播放界面的播放背景。

在一些实施例中，利用上述取色操作对图像信息进行采样，根据颜色占比情况，确定p种颜色，p为正整数；对p种颜色进行融合处理，得到渐变播放背景，并将渐变播放背景确定为音频播放界面的播放背景。

可选地，上述播放背景的缩放动画是指对经过高斯模糊处理的封面图中的部分区域的从放大显示恢复成正常显示的动画；或者，对经过高斯模糊处理的封面图中的部分区域的从缩小显示恢复成正常显示的动画。如图11所示，对目标音频的封面图进行高斯模糊处理，将经过高斯模糊的封面图作为播放背景进行显示，基于帧间放大参数，播放播放背景对应的缩放动画，播放背景的显示过程从音频播放界面1100切换至音频播放界面1101；不难看出，音频播放界面1100中的播放背景1102的缩放比例大于音频播放界面1100中播放背景1103的缩放比例。

文本消散动画：在一些可选的实施例中，音频播放界面中还包括文本显示区域，所述文本显示区域用于显示所述目标音频对应的文本内容数据，文本内容数据可以实现为歌词、台词中的至少一种。文本内容数据的显示方法还包括如下步骤：

步骤一、响应于目标音频切换至播放状态，根据目标音频的播放进度，在文本显示区域中显示文本内容数据中对应的m行文本内容数据，m为正整数；其中，m行文本内容数据对应的文字显示格式随着目标音频的播放进度的推移而发生动态变化，文字显示格式中包括文字颜色、文字大小、文字纹理、文字透明度中的至少一种。

示例性的，当音频作品开始播放时，在文本显示区域实时显示m行音频对应的文本内容数据，当m为2时，在文本显示区域实时显示第一文本和第二文本，第一文本用于指示当前正在播放的文本内容数据，第二文本用于指示即将播放的文本内容数据。可选的，在文本显示区域的目标位置以第一透明度显示第一文本，并在第一文本的下方以第二透明度显示第二文本。其中，目标位置为与文本显示区域的第一边缘的距离小于预设距离的位置，第一透明度小于第二透明度，第二文本的结束显示时间在时序上位于第一文本的结束显示时间之后。第一文本和第二文本的显示状态可参见图12中的文本显示区域1200；当m为3时，在文本显示区域实时显示第三文本、第四文本以及第五文本，其中，第四文本用于指示当前正在播放的文本内容数据，第三文本用于已经播放过最近的一行文本内容数据，第五文本用于指示即将播放的文本内容数据。

步骤二、响应于第i行文本内容数据对应的音频帧播放完毕，显示所述第i行文本内容数据对应的消散动画。

其中，消散动画是指已经播放完毕的文本内容数据对应的文字分散成多个粒子，并向预设方向消失的动画。示意性的，消散动画主要包括两部分，第一、将第一文本对应的第一透明度下降为指定透明度；第二、显示粒子分散动画。

可选地，上述指定透明度为第一文本对应的透明度和粒子分散动画对应的透明度相乘的结果，例如：以m为2进行举例说明，第一文本对应的透明度为70％，粒子分散动画对应的透明度为20％，则指定透明度为1.4％。

示意性的，在第一文本的位置按照第一文本对应的纹理长度播放与之匹配的粒子序列帧；同时，将第一文本对应的透明度下降至指定透明度，则可实现第一文本的消散动画。

请参考图12，其示出了一个第一文本的消散动画的过程示意图，如图12所示，在界面1200中，当歌曲播放歌词121时，歌词121的根据播放进度自动调整文本内容数据中文字的文本显示格式；当歌词121播放完毕后，如界面1201以及界面1202所示，随着播放进度的推移，在歌词122和歌词123以不同的透明度覆盖粒子序列帧，模拟播放文字消融成粒子的效果；界面1203中，歌词已完全分散成粒子，消散动画显示结束。

可选地，当第q行文本内容数据的消散动画显示结束后，将第q+1行文本内容数据移动到第q行文本内容数据的显示位置，且第q+1行文本内容数据对应的透明度将调整至与正在播放第q行文本内容数据时对应透明度对应，且第q+1行文本内容数据对应的文本大小将增大至与正在播放第q行文本内容数据时对应的文本大小。

综上所述，通过将目标音频切换至播放状态，在音频播放界面上模拟二维光盘元素从二维封面图像中抽出的滑出显现动画，使得在播放目标音频的过程中，音频播放界面上显示视效更强的动画效果，丰富了用户操作和界面显示之间的交互形式，提高了人机交互效率。

本申请实施例提供的方法，在将目标音频切换至播放状态时，会显示目标音频对应的频谱动画，将目标音频对应的音频数据进行可视化展示，提高了人机交互效率以及目标音频的播放效率。

本申请实施例提供的方法，在将目标音频切换至播放状态时，当目标音频当前播放帧的放大参数大于预设阈值，对目标音频的播放背景采用多样化的处理操作，并在音频播放界面显示对应的缩放动画，以缩放动画直观的表现目标音频的节奏强弱，增强了音频播放界面对于目标音频的表现力。

本申请实施例提供的方法，会根据目标音频的图像信息对应的颜色数据确定二维光盘元素对应的光盘颜色，提高了目标音频和二维光盘元素在显示过程中的适配度。

本申请实施例提供的方法，在将目标音频切换至播放状态时，会在音频播放界面显示文本内容数据的消散动画，丰富了文本内容数据在音频播放界面的显示形式，提高了人机交互效率。

在一些可选的实施例中，音频播放界面中显示的二维封面图像以及二维光盘元素，可以以三维形式进行呈现。也即，将二维封面图像以及二维光盘元素更改为三维立体形式。模拟光盘从光盘盒体中打开并显示的立体效果。其具体的实现原理可以简述为：在音频播放界面的指定位置处设置虚拟三维空间，将三维封面壳体、三维光盘元素等素材的顶点坐标，通过映射矩阵变换到虚拟三维空间，模拟现实生活中物体近大远小的视觉效果。

在一个示例性实施中，目标音频对应的三维光盘元素置于三维封面壳体中的光盘槽中，随着三维封面壳体对应的光盘壳体打开而显现。具体的显示方法包括如下步骤：

步骤一、显示音频播放界面。

该音频播放界面是用于播放目标音频作品时对应的显示操作界面。可选的，音频播放界面的指定位置实现为一个三维显示空间，该三维显示空间用于显示三维封面壳体以及目标音频对应的三维光盘元素。在目标音频未进行播放时，三维光盘元素容纳在三维封面壳体中，为不可见状态。

示意性的，请参考图13，在界面1300中，显示有三维显示空间1301，当目标音频处于播放状态的开始时刻时，三维显示空间1301仅显示三维封面壳体1302，在三维封面壳体1302的内部不可见空间中容纳有三维光盘元素。

步骤二、响应于目标音频切换至播放状态，显示三维封面壳体对应的壳体打开动画；其中，三维光盘元素置于三维封面壳体中的光盘槽内，随着三维封面壳体对应的专辑壳体打开，三维光盘元素从三维封面壳体中显现。

示意性的，请参考图13，当目标音频开始播放后，在界面1310的三维显示空间1311中显示三维封面壳体1312的上壳体1313和下壳体1314的打开动画，其中，打开动画可以实现为上壳体1313固定，下壳体1314向下展开的动画；还可以实现为上壳体1313向上展开，下壳体1314固定的动画；还可以实现为上壳体1313向上展开，下壳体1314向下展开的动画，本申请实施例对此不加以限定。

示意性的，在上壳体1313和下壳体1314的打开动画显示结束后，即三维封面壳体1312对应的专辑壳体打开后，其中容纳的三维光盘元素1315置于三维封面壳体1312中的光盘槽内，随着三维封面壳体1312对应的专辑壳体的打开而显现出来。

可选地，响应于目标音频切换至播放状态，播放目标音频作品；并在三维封面壳体对应的专辑壳体打开动画显示结束后，显示三维光盘元素围绕三维专辑元素中的光盘槽的中心进行旋转的旋转动画。

步骤三、响应于目标音频作品切换至播放暂停状态，显示三维封面壳体的合拢动画，三维光盘元素随着三维封面壳体的合拢收纳入三维封面壳体中。

可选地，三维封面壳体可实现为一个可打开的三维盒体结构，三维壳体元素的合拢动画即合拢该盒体的容纳空间。示意性的，若三维盒体结构包括上盒体和下盒体，则打开动画实现为下盒体固定，上盒体向下盒体靠拢的合拢动画；或者，打开动画实现为上盒体固定，下盒体向上盒体靠拢的合拢动画；或者，打开动画实现为上盒体向下盒体靠拢，下盒体向上盒体靠拢的合拢动画。

可选地，三维光盘元素随着三维封面壳体的合拢收纳入三维封面壳体中的情况，包括以下情况中的至少一种：

情况一：三维光盘元素随着三维封面壳体的合拢，从完全可见状态切换为完全不可见状态。

情况二：三维光盘元素随着三维封面壳体的合拢，从完全可见状态切换为部分可见状态。

情况三：三维光盘元素随着三维封面壳体的合拢，从部分可见状态切换为完全不可见状态。

情况四：三维光盘元素随着三维封面壳体的合拢，从第三部分可见状态切换为第四部分可见状态，其中，第三部分占三维音频载体元素的比例大于第四部分。

在一些可选的实施例中，响应于目标音频切换至播放暂停状态，在音频播放界面停止播放该目标音频；同时停止显示三维光盘元素的旋转动画。

步骤四、响应于目标音频被切换至其他音频，显示三维封面壳体和三维光盘元素在音频播放界面中的切出动画。可选的，切出动画可实现为将三维封面壳体和三维光盘元素从当前显示位置移动到音频播放界面的指定边缘外的动画；切出动画还可实现为三维封面壳体和三维光盘元素直接从音频播放界面中消失的动画。

可选地，其中显示切出动画的情况包括以下情况中的至少一种：

1、在音频播放界面中直接显示三维封面壳体和三维光盘元素的切出动画。

2、在当前音频播放界面中显示显示三维封面壳体的合拢动画，三维光盘元素随着三维封面壳体的合拢收纳入三维封面壳体中，再显示三维封面壳体和三维光盘元素的切出动画。

在另一个可选的实施例中，在对目标音频进行播放，获取目标音频对应的频谱动画，并以三维环绕的形式显示在三维封面壳体和三维光盘元素形成的三维空间周侧，如图13所示，频谱动画1317以3D环绕的方式显示在三维封面壳体和三维光盘元素形成的三维空间上。

本申请实施例提供的方法，通过三维实现方式模拟三维封面壳体的打开动画，以及三维光盘元素随着三维封面壳体的打开从三维封面壳体中显现，使得在切换目标音频放的播放状态的过程中，音频播放界面上显示相应的动画效果，丰富了用户操作和界面显示之间的交互形式，提高了人机交互效率。

上述介绍了以二维动画以及三维动画形式模拟光盘从光盘盒体中移出、移入的效果，在实际应用过程中，用户可以在音频播放界面对播放器的显示维度进行自行更改，如：用户从二维显示切换至三维显示，或者从三维显示切换至二维显示。本申请对此不加以限定。

请参见图14，其示出了本申请一个示例性实施例提供的播放界面的显示装置的及结构框图，该装置包括显示模块1400。

所述显示模块1400，用于显示音频播放界面，所述音频播放界面中包括目标音频对应的二维封面图像；

所述显示模块1400，还用于响应于所述目标音频切换至播放状态，显示所述目标音频对应的二维光盘元素从所述二维封面图像的边缘沿第一指定方向滑出的动画。

可选的，所述显示模块1400，还用于响应于所述目标音频切换至所述播放状态，显示所述目标音频对应的二维光盘元素从所述二维封面图像的边缘移出的滑出显现动画；

所述显示模块1400，还用于响应于所述二维光盘元素滑出至指定位置，停止所述二维光盘元素的滑出，并显示所述二维光盘元素的旋转动画，所述旋转动画用于表示所述目标音频处于播放状态。

可选的，所述显示模块1400，还用于响应于所述二维光盘元素的圆心与所述二维封面图像的边缘重合，停止所述二维光盘元素的滑出，并显示所述二维光盘元素的旋转动画。

可选的，所述显示模块1400，还用于显示所述二维光盘元素按照预设速度曲线从所述二维封面图像的边缘移出的滑出显现动画，所述预设速度曲面包括匀速速度曲线、变速速度曲线中的任意一种。

可选的，所述显示模块1400，还用于响应于所述目标音频从所述播放状态切换至暂停状态，显示所述目标音频对应的二维光盘元素从所述二维封面图像沿第二指定方向滑入的动画。

可选，所述显示模块1400，还用于响应于所述目标音频切换至所述暂停状态，停止播放所述目标音频对应的二维光盘元素的旋转动画，并显示所述目标音频对应的二维光盘元素从所述二维封面图像的边缘移入的滑入显现动画。

可选的，如图15所示，所述装置还包括：接收模块1410以及播放模块1420。

所述接收模块1410，用于在所述目标音频的播放过程中，接收作用于所述目标音频对应的二维光盘元素的滑动操作；

所述播放模块1420，用于基于所述滑动操作，显示所述目标音频对应的二维光盘元素从所述二维封面图像的边缘移入的滑入显现动画，以及候选音频对应的二维光盘元素从所述二维封面图像的边缘移出的滑出显现动画，所述候选音频用于指示播放顺序位于所述目标音频之后的音频。

可选的，如图15所示，所述显示模块1400，还用于在所述目标音频的播放过程中，显示所述目标音频对应的频谱动画。

可选的，如图15所示，所述音频播放界面中包括播放背景；所述装置还包括：获取模块1430。

所述获取模块1430，用于响应于所述目标音频切换至所述播放状态，获取所述目标音频对当前播放帧的放大参数，所述放大参数用于指示所述目标音频的声波在帧间的最大频率；

所述显示模块1400，还用于响应于所述目标音频当前播放帧的放大参数大于预设阈值，在所述音频播放界面显示所述播放背景的缩放动画。

可选的，如图15所示，所述音频播放界面中包括文本显示区域，所述文本显示区域用于显示所述目标音频对应的文本内容数据；

所述显示模块1400，还用于响应于所述目标音频切换至所述播放状态，根据所述目标音频的播放进度，在所述文本显示区域中显示所述文本内容数据中对应的m行文本内容数据，m为正整数；其中，所述m行文本内容数据对应的文字显示格式随着所述目标音频的播放进度的推移而发生动态变化，所述文字显示格式中包括文字颜色、文字大小、文字纹理、文字透明度中的至少一种；

所述显示模块1400，还用于响应于第i行文本内容数据对应的音频帧播放完毕，显示所述第i行文本内容数据对应的消散动画。

可选的，如图15所示，所述获取模块1430，还用于获取所述目标音频的图像信息，所述图像信息用于指示与所述目标音频具有关联关系的图像；

基于所述图像信息，确定所述目标音频对应的二维光盘元素的显示效果，所述显示效果中包括显示图像、显示颜色、显示纹理中的至少一种。

综上所述，通过将目标音频切换至播放状态，在音频播放界面上模拟二维光盘元素从二维封面图像中抽出的滑出显现动画，使得在播放目标音频的过程中，音频播放界面上显示视效更强的动画效果，丰富了用户操作和界面显示之间的交互形式，提高了人机交互效率。

本申请实施例提供的方法，在将目标音频切换至播放状态时，会显示目标音频对应的频谱动画，将目标音频对应的音频数据进行可视化展示，提高了人机交互效率以及目标音频的播放效率。

本申请实施例提供的方法，在将目标音频切换至播放状态时，当目标音频当前播放帧的放大参数大于预设阈值，对目标音频的播放背景采用多样化的处理操作，并在音频播放界面显示对应的缩放动画，以缩放动画直观的表现目标音频的节奏强弱，增强了音频播放界面对于目标音频的表现力。

本申请实施例提供的方法，在将目标音频切换至播放状态时，会在音频播放界面显示文本内容数据的消散动画，丰富了文本内容数据在音频播放界面的显示形式，提高了人机交互效率。

需要说明的是：上述实施例提供的播放界面的显示装置，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的播放界面的显示装置与播放界面的显示方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

图16示出了本申请一个示例性实施例提供的终端的结构框图。该终端可以是：智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端还可以被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称，本申请对此不加以限定。

终端20还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，终端20包括有：处理器1601和存储器1602。

处理器1601可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器1601可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(FieldProgrammable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1601也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器1601可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器1601还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器1602可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器1602还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器1602中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器1601所执行以实现本申请中方法实施例提供的热点图的显示方法。

在一些实施例中，终端20还可选包括有：外围设备接口1603和至少一个外围设备。处理器1601、存储器1602和外围设备接口1603之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口1603相连。具体地，外围设备包括：射频电路1604、触摸显示屏1605、摄像头1606、音频电路1607和电源1609中的至少一种。

外围设备接口1603可被用于将I/O(Input/Output，输入/输出)相关的至少一个外围设备连接到处理器1601和存储器1602。在一些实施例中，处理器1601、存储器1602和外围设备接口1603被集成在同一芯片或电路板上；在一些其他实施例中，处理器1601、存储器1602和外围设备接口1603中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。

射频电路1604用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路1604通过电磁信号与通信网络以及其他通信设备进行通信。射频电路1604将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路1604包括：天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路1604可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：万维网、城域网、内联网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity，无线保真)网络。在一些实施例中，射频电路1604还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本申请对此不加以限定。

显示屏1605用于显示UI(User Interface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏1605是触摸显示屏时，显示屏1605还具有采集在显示屏1605的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器1601进行处理。此时，显示屏1605还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏1605可以为一个，设置终端20的前面板；在另一些实施例中，显示屏1605可以为至少两个，分别设置在终端20的不同表面或呈折叠设计；在再一些实施例中，显示屏1605可以是柔性显示屏，设置在终端20的弯曲表面上或折叠面上。甚至，显示屏1605还可以设置成非矩形的不规则图形，也即异形屏。显示屏1605可以采用LCD(Liquid Crystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。

摄像头组件1606用于采集图像或视频。可选地，摄像头组件1606包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。

音频电路1607可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器1601进行处理，或者输入至射频电路1604以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端20的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器1601或射频电路1604的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路1607还可以包括耳机插孔。

电源1609用于为终端20中的各个组件进行供电。电源1609可以是交流电、直流电、一次性电池或可充电电池。当电源1609包括可充电电池时，该可充电电池可以是有线充电电池或无线充电电池。

在一些实施例中，终端20还包括有一个或多个传感器1610。该一个或多个传感器1610包括但不限于：加速度传感器1611以及陀螺仪传感器1612。

加速度传感器1611可以检测以终端20建立的坐标系的三个坐标轴上的加速度大小。

陀螺仪传感器1612可以检测终端20的机体方向及转动角度，陀螺仪传感器1612可以与加速度传感器1611协同采集用户对终端20的3D动作。处理器1601根据陀螺仪传感器1612采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器1613可以设置在终端20的侧边框和/或触摸显示屏1605的下层。当压力传感器1613设置在终端20的侧边框时，可以检测用户对终端20的握持信号，由处理器1601根据压力传感器1613采集的握持信号进行左右手识别或快捷操作。当压力传感器1613设置在触摸显示屏1605的下层时，由处理器1601根据用户对触摸显示屏1605的压力操作，实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

光学传感器1614用于采集环境光强度。在一个实施例中，处理器1601可以根据光学传感器1614采集的环境光强度，控制触摸显示屏1605的显示亮度。

接近传感器1616，也称距离传感器，通常设置在终端20的前面板。接近传感器1616用于采集用户与终端20的正面之间的距离。

本领域技术人员可以理解，图16中示出的结构并不构成对终端20的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

可选地，该计算机可读存储介质可以包括：只读存储器(ROM，Read Only Memory)、随机存取记忆体(RAM，Random Access Memory)、固态硬盘(SSD，Solid State Drives)或光盘等。其中，随机存取记忆体可以包括电阻式随机存取记忆体(ReRAM,Resistance RandomAccess Memory)和动态随机存取存储器(DRAM，Dynamic Random Access Memory)。上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本申请的较佳实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。