CN111753125A

CN111753125A - 歌曲音频显示的方法和装置

Info

Publication number: CN111753125A
Application number: CN202010575301.2A
Authority: CN
Inventors: 刘培; 曾义
Original assignee: Tencent Music Entertainment Technology Shenzhen Co Ltd
Current assignee: Tencent Music Entertainment Technology Shenzhen Co Ltd
Priority date: 2020-06-22
Filing date: 2020-06-22
Publication date: 2020-10-09

Abstract

本申请公开了一种歌曲音频显示的方法和装置，属于信息处理技术领域。所述方法包括：当接收到歌曲音频的显示指令时，获取歌曲音频的显示信息，其中，显示信息包括音频相关信息和预览音频频谱，预览音频频谱的图像属性为与歌曲音频的风格类型所匹配的目标图像属性，图像属性包括颜色和样式中的一种或两种；显示音频相关信息，并显示预览音频频谱。采用本申请，在歌曲音频播放前，用户就可以根据显示的预览音频频谱以及其颜色和/或样式，对歌曲音频的风格有个大致了解，从而，用户可以在播放前对歌曲进行初步的筛选，节约了用户的时间，提升了用户的听歌体验。

Description

歌曲音频显示的方法和装置

技术领域

本申请涉及信息处理技术领域，具体涉及一种歌曲音频显示的方法和装置。

背景技术

如今，随着人们对娱乐的要求越来越高，出现了越来越多的听歌软件。在这些听歌软件中往往包含歌曲数量庞大的曲库，用户可以在曲库中寻找自己喜爱的歌曲。

在寻找自己喜爱的歌曲时，用户需要将歌曲一一点开，并分别试听一段时间，然后才能判断出自己喜爱的歌曲。

在实现本申请的过程中，发明人发现相关技术至少存在以下问题：

用户在歌曲播放前不能对歌曲的风格有大致了解，所以不能对歌曲进行初步的筛选，必须将所有歌曲一一打开并试听，这耗费了用户大量的时间，用户的听歌体验较差。

发明内容

本申请实施例提供了一种歌曲音频显示的方法和装置，可以解决相关技术中存在的技术问题。所述歌曲音频显示的方法和装置的技术方案如下：

第一方面，提供了一种歌曲音频显示的方法，所述方法包括：

当接收到歌曲音频的显示指令时，获取所述歌曲音频的显示信息，其中，所述显示信息包括音频相关信息和预览音频频谱，所述预览音频频谱的图像属性为与所述歌曲音频的风格类型所匹配的目标图像属性，所述图像属性包括颜色和样式中的一种或两种；

显示所述音频相关信息，并显示所述预览音频频谱。

在一种可能的实现方式中，所述显示所述预览音频频谱之后，还包括：

当接收到对所述歌曲音频的播放指令时，播放所述歌曲音频；

根据所述歌曲音频的第一播放时间，获取所述第一播放时间对应的第一歌词及与所述第一播放时间对应的第一音频频谱，其中，所述第一音频频谱的图像属性为所述目标图像属性；

显示所述第一歌词及所述第一音频频谱。

在一种可能的实现方式中，所述显示所述第一歌词及所述第一音频频谱之后，还包括：

当接收到对所述歌曲音频的暂停指令时，停止播放所述歌曲音频；

获取所述歌曲音频的完整音频频谱，其中，所述完整音频频谱的图像属性为所述目标图像属性；

显示所述完整音频频谱，并在所述完整音频频谱上显示表示播放进度的拖动图标。

在一种可能的实现方式中，所述在所述完整音频频谱上显示表示播放进度的拖动图标之后，还包括：

当接收到将所述歌曲音频的播放进度调整至目标进度的调整指令时，根据所述目标进度所处的第二播放时间，获取所述第二播放时间对应的第二歌词；

显示所述第二歌词。

在一种可能的实现方式中，所述显示所述第二歌词之后，还包括：

当接收到在所述目标进度开始播放所述歌曲音频的指令时，从所述第二播放时间开始播放所述歌曲音频；

获取所述第二播放时间对应的第二音频频谱，其中，所述第二音频频谱的图像属性为所述目标图像属性；

显示所述第二音频频谱。

在一种可能的实现方式中，所述歌曲音频的名称和歌词在同一显示区域显示，且所述名称和所述歌词不同时显示。

在一种可能的实现方式中，所述风格类型包括摇滚音乐、金属音乐、古典音乐、流行音乐和民族音乐中的一种或多种。

在一种可能的实现方式中，所述音频相关信息包括音频封面及音频文本信息；所述显示所述预览音频频谱，包括：

在所述音频封面中显示所述预览音频频谱。

第二方面，提供了一种歌曲音频显示的装置，所述装置包括：

获取模块，用于当接收到歌曲音频的显示指令时，获取所述歌曲音频的显示信息，其中，所述显示信息包括音频相关信息和预览音频频谱，所述预览音频频谱的图像属性为与所述歌曲音频的风格类型所匹配的目标图像属性，所述图像属性包括颜色和样式中的一种或两种；

显示模块，用于显示所述音频相关信息，并显示所述预览音频频谱。

在一种可能的实现方式中，所述装置还包括播放模块，用于当接收到对所述歌曲音频的播放指令时，播放所述歌曲音频；

所述获取模块，还用于根据所述歌曲音频的第一播放时间，获取所述第一播放时间对应的第一歌词及与所述第一播放时间对应的第一音频频谱，其中，所述第一音频频谱的图像属性为所述目标图像属性；

所述显示模块，还用于显示所述第一歌词及所述第一音频频谱。

在一种可能的实现方式中，所述播放模块，还用于当接收到对所述歌曲音频的暂停指令时，停止播放所述歌曲音频；

所述获取模块，还用于获取所述歌曲音频的完整音频频谱，其中，所述完整音频频谱的图像属性为所述目标图像属性；

所述显示模块，还用于显示所述完整音频频谱，并在所述完整音频频谱上显示表示播放进度的拖动图标。

在一种可能的实现方式中，所述获取模块，还用于当接收到将所述歌曲音频的播放进度调整至目标进度的调整指令时，根据所述目标进度所处的第二播放时间，获取所述第二播放时间对应的第二歌词；

所述显示模块，还用于显示所述第二歌词。

在一种可能的实现方式中，所述播放模块，用于当接收到在所述目标进度开始播放所述歌曲音频的指令时，从所述第二播放时间开始播放所述歌曲音频；

所述获取模块，用于获取所述第二播放时间对应的第二音频频谱，其中，所述第二音频频谱的图像属性为所述目标图像属性；

所述显示模块，还用于显示所述第二音频频谱。

在一种可能的实现方式中，所述音频相关信息包括音频封面及音频文本信息；所述显示模块，用于：

在所述音频封面中显示所述预览音频频谱。

第三方面，提供了一种终端，所述终端包括存储器和处理器，所述存储器中存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如第一方面任一项所述的歌曲音频显示的方法。

第四方面，提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条指令，所述至少一条指令由处理器加载并执行以实现如第一方面任一项所述的歌曲音频显示的方法。

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

本申请实施例提供了一种歌曲音频显示的方法，该方法可以在显示歌曲音频时，显示音频相关信息和预览音频频谱。由于预览音频频谱的图像属性为与该歌曲音频的风格类型所匹配的目标图像属性，图像属性包括颜色和样式中的一种或两种，所以用户可以通过观看预览音频频谱的波形和图像属性，来对歌曲音频的风格有个大致了解。从而，使得用户不必播放歌曲音频，即可了解该歌曲音频的风格，用户在播放前可以对歌曲进行初步的筛选，节约了用户的时间，提升了用户的听歌体验。

附图说明

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

图1是本申请实施例提供的一种歌曲音频显示的方法的流程图；

图2是本申请实施例提供的一种歌曲音频显示的装置的结构示意图；

图3是本申请实施例提供的一种终端的结构示意图；

图4是本申请实施例提供的一种歌曲音频的显示界面的示意图；

图5是本申请实施例提供的一种歌曲音频的显示界面的示意图；

图6是本申请实施例提供的一种歌曲音频的显示界面的示意图；

图7是本申请实施例提供的一种歌曲音频的显示界面的示意图；

图8是本申请实施例提供的一种歌曲音频的显示界面的示意图；

图9是本申请实施例提供的一种歌曲音频的显示界面的示意图；

图10是本申请实施例提供的一种歌曲音频的显示界面的示意图；

图11是本申请实施例提供的一种在播放时更新歌词和音频频谱图的流程图；

图12是本申请实施例提供的一种调整播放进度后更新歌词和音频频谱的流程图。

具体实施方式

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

请参考图4，其示出了本申请实施例提供的歌曲音频显示的方法的实施环境的示意图。该实施环境可以包括服务器01以及一个或多个终端02(例如图4中示出了2个终端02)。每个终端02均可以通过有线或无线的方式与该服务器02建立通信连接。

其中，该终端02可以为智能手机、平板电脑、MP4(moving picture experts groupaudio layer IV，动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机或者台式计算机等。并且，每个终端02中可以安装有能够播放音频的音频播放客户端021(该客户端也可以称为应用程序)，例如K歌客户端。该服务器01可以是一台服务器，或者由若干台服务器组成的服务器集群，或者是一个云计算服务中心。并且，该服务器01可以为该终端02中安装的音频播放客户端021的后台服务器。

在本申请实施例中，当用户想要听歌时，可以在终端02上打开音频播放客户端021，或者在音频播放客户端021上进行刷新界面操作，则音频播放客户端021即接收到歌曲音频的显示指令。接收到歌曲音频的显示指令之后，即可获取歌曲音频的显示信息。在歌曲音频的显示信息中包括音频相关信息和预览音频频谱，在显示界面中音频相关信息和预览音频频谱。

由于在播放前，歌曲音频的预览音频频谱显示在显示界面中，所以，在播放歌曲音频前，用户即可以根据显示的预览音频频谱的颜色和/或样式，来对歌曲音频的风格有个大致了解，从而便于用户在播放前对歌曲进行初步的筛选，节约了用户的时间，提升了用户的听歌体验。

如图1所示，歌曲音频显示的方法的处理流程可以包括如下步骤：

在步骤101中，当接收到歌曲音频的显示指令时，获取歌曲音频的显示信息。

其中，显示信息包括预览音频频谱，或者还可以进一步包括音频相关信息如音频封面及音频文本信息中的一种或多种，预览音频频谱的图像属性为与歌曲音频的风格类型所匹配的目标图像属性，图像属性包括颜色和样式中的一种或两种。音频频谱可以称为音频音高波形，则预览音频频谱也可以称为预览音频音高波形。

风格类型包括摇滚音乐、金属音乐、古典音乐、流行音乐和民族音乐中的一种或多种。

在实施中，当用户打开音频播放客户端进入歌曲音频展示界面，或者，打开音频客户端之后，在歌曲音频展示界面进行刷新界面操作时，均可以触发歌曲音频的显示指令。

当接收到歌曲音频的显示指令之后，音频播放客户端需要获取歌曲音频的显示信息。在一种可能的实现方式中，终端中预先缓存有歌曲音频的显示信息，则音频播放客户端可以直接获取终端存储的歌曲音频。在另一种可能的实现方式中，音频播放客户端向服务器发送歌曲音频的显示信息的获取请求，服务器向音频播放客户端返回该显示信息。

如图5所示，歌曲音频的显示信息至少包括音频封面51、音频文本信息52和预览音频频谱53：

歌曲音频的音频封面51可以包括封面图片，该封面图片可以是音频播放客户端上传歌曲音频时同步上传的，或者，可以是服务器为该歌曲音频分配的。

如图5所示，音频文本信息52可以包括：歌曲名称521，以及歌曲音频的描述信息522。歌曲音频的描述信息522可以为用户发布该歌曲音频时同步发布的信息，且该描述信息可以为文本。当然，音频文本信息还可以包括：评分和点播率。本申请实施例对该音频文本信息包括的内容不做限定。歌曲名称521可以显示在音频封面51中。

预览音频频谱53的图像属性为与歌曲音频的风格类型所匹配的目标图像属性，从而，使得用户可以在播放前通过观察预览音频频谱，来对歌曲音频的风格类型有更加直观的感受。图像属性包括颜色和/或样式，样式可以包括线型与图像类型，线型可以包括粗线型、细线型，虚线、实线和点划线等，图像类型可以包括柱状图形，折线图形，柱状折线组合图形等。

例如，图像属性包括颜色，则摇滚音乐类型的歌曲音频可以用红色的预览音频频谱表示，民族音乐类型可以用蓝色的预览音频频谱表示。需要说明的是，预览音频频谱的颜色属性带给人的心理情绪感受，与该预览音频频谱所表示的歌曲音频的风格类型带给人的心理情绪感受一致。

再例如，图像属性包括样式，则摇滚音乐类型的歌曲音频可以用柱状图形的预览音频频谱表示(如图6、图7和图9所示)，民族音乐类型可以用折线图形的预览音频频谱表示，古典音乐类型的歌曲音频可以用柱状折线组合图形来表示(如图5、图8和图10所示)。另外，图像属性还可以为样式和颜色的组合。

如图5所示，歌曲音频的显示信息还可以包括作者信息54。该作者信息54可以包括：发布该歌曲音频的用户的昵称541和头像542。

在步骤102中，显示音频相关信息，并显示预览音频频谱。

在实施中，获取显示信息后，即可以在歌曲音频的显示界面中显示音频相关信息，并显示预览音频频谱。可选的，预览音频频谱可以显示在音频封面中。

示例的，如图5和图6所示，歌曲音频的显示界面中显示有音频封面、音频文本信息和预览音频频谱，音频文本信息中歌曲名称为“歌曲名称”，歌曲音频的描述信息为“新唱了一首歌，喜欢的朋友要给我送花～”，音频封面中显示有预览音频频谱。歌曲音频的显示界面中还显示有上传该音频的用户的昵称，以及用户头像。

如图7和图8所示，在显示预览音频频谱之后，当用户想要播放该歌曲音频时，用户可以点击播放按钮(该播放按钮可以位于音频封面中)，以触发歌曲音频的播放指令。则相应的处理过程可以如下所述，当接收到对歌曲音频的播放指令时，播放歌曲音频，根据歌曲音频的第一播放时间，获取第一播放时间对应的第一歌词及与第一播放时间对应的第一音频频谱，其中，第一音频频谱的图像属性为目标图像属性。显示第一歌词及第一音频频谱。

其中，第一歌词可以显示在音频封面中显示歌曲名称的位置，并且在第一歌词显示时，取消显示歌曲名称。第一音频频谱也可以称为第一音频音高波形。

在实施中，音频播放客户端在播放歌曲音频的过程中，可以每隔第一时间段获取一次该第一播放时间对应的第一歌词，每隔第二时间段获取一次该第一播放时间对应的第一音频频谱。其中，第二时间段和第一时间段可以相同，也可以不同，本申请实施例对此不做限定。

可选的，该第一时间段可以为50ms(毫秒)，也即是，音频播放客户端可以每隔50ms获取一次该歌曲音频的第一播放时间对应的第一歌词。该第二时间段可以为30ms，也即是，该音频播放客户端可以每隔30ms获取一次该歌曲音频的第一播放时间对应的第一音频频谱。

歌曲音频的第一歌词可以包括一个或多个字符单元。该字符单元可以为字、词语、英文单词或词组等。示例的，该歌曲音频的第一歌词可以为该歌曲音频的某一句歌词。

歌曲音频的第一音频频谱可以是音频播放客户端通过快速傅里叶变换(fastfourier transform，FFT)实时计算得到的，也可以为音频播放客户端预先存储的，还可以为音频客户端从服务器直接获取的。

需要说明的是，若歌曲音频的第一音频频谱较平缓，说明该歌曲音频的第一音频频谱对应的音频较平缓，若歌曲音频的第一音频频谱震动幅度较大，说明该歌曲音频的第一音频频谱对应的音频较狂躁。

在获取第一播放时间对应的第一歌词之前，音频播放客户端可以先获取该歌曲音频的完整歌词，并对该歌曲音频的完整歌词进行解析，确定该歌曲音频的完整歌词中的每个第一歌词，以及每个第一歌词对应的播放时间范围。其中，每个第一歌词对应的播放时间范围可以由该第一歌词的起始时间和终止时间表示。

示例的，参考表1，假设该歌曲音频的总播放时长为2分钟，歌曲音频的完整歌词包括四个第一歌词(A1，A2，A3和A4)。显示第一歌词“A1”的起始时间为0分0秒，终止时间为0分30秒，则该第一歌词“A1”对应的播放时间范围为0分0秒至0分30秒。第一歌词“A2”对应的播放时间范围为0分31秒至0分58秒。第一歌词“A3”对应的播放时间范围为0分59秒至1分25秒。该第一歌词“A4”对应的播放时间范围为1分26秒至2分0秒。

表1

第一歌词	起始时间	终止时间
			A1	0分0秒	0分30秒
A2	0分31秒	0分58秒
			A3	0分59秒	1分25秒
A4	1分26秒	2分0秒

音频播放客户端在播放歌曲音频的过程中，可以根据确定出的该第一播放时间，以及该第一播放时间对应的播放时间范围的起始时间确定该第一播放时间对应的第一歌词。例如，假设音频播放客户端确定出的第一播放时间对应的播放时间范围的起始时间大于或等于第一播放时间范围的起始时间，且小于第二播放时间范围的起始时间，则可以确定该第一播放时间对应的第一歌词为该第一播放时间范围对应的歌词。其中，第二播放时间范围可以为与该第一播放时间范围相邻的后一个播放时间范围。

示例的，假设音频播放客户端确定出的歌曲音频的第一播放时间为0分20秒，则该音频播放客户端可以获取该第一播放时间对应的第一歌词“A1”。该音频播放客户端在间隔多个50ms之后确定出的歌曲音频的播放进度为0分31秒，则音频播放客户端可以获取该第一播放时间对应的第一歌词“A2”。

需要说明的是，当音频播放客户端接收到用户针对该歌曲音频的播放指令时，若检测到终端中未存储有该歌曲音频和该歌曲音频的完整歌词，则可以向服务器发送针对该歌曲音频和该歌曲音频的完整歌词的获取请求。之后，服务器可以响应于该获取请求，将该歌曲音频的音频链接和该歌曲音频的完整歌词发送至音频播放客户端。音频播放客户端可以根据该歌曲音频的音频链接向对应的资源服务器发起超文本传输协议(hyper texttransfer protocol，HTTP)请求，以获取该资源服务器发送的该歌曲音频。之后，音频播放客户端可以将该歌曲音频以及该歌曲音频的完整歌词保存在终端中。之后，音频播放客户端在播放歌曲音频的过程中，可以每隔第一时间段从终端中获取一次第一播放时间对应的第一歌词，每隔第二时间段获取一次该第一播放时间对应的第一音频频谱。

如图9所示，在播放歌曲音频过程中，当用户想要暂停播放歌曲时，用户还可以触发对歌曲音频的暂停指令，则相应的处理过程可以如下所述，当接收到对歌曲音频的暂停指令时，停止播放歌曲音频。获取歌曲音频的完整音频频谱，其中，完整音频频谱的图像属性为目标图像属性。显示完整音频频谱，并在完整音频频谱上显示表示播放进度的拖动图标。

其中，完整音频频谱可以通过歌曲音频的多个第一音频频谱来确定。例如，完整音频频谱中每个条状图形的高度可以通过歌曲音频的第一音频频谱中每个条状图形的高度确定。

示例的，假设歌曲音频的总播放时长为2分钟，该歌曲音频的音频封面上显示的完整音频频谱可以包括60个条状图形，每个条状图形可以用于表示2秒的第一音频频谱。由于在完整音频频谱中，一个条状图形需要代表2秒的第一音频频谱，所以，一个条状图形的高度，可以基于该条状图形对应的2秒的第一音频频谱中所有的条状图形的高度确定，可选的，可以是所有的条状图形的高度的平均值。假设第二时间段为30ms，则该歌曲音频的第一个2秒可以刷新66次第一音频频谱(即2秒内存在66个第一音频频谱)。再假设每个第一音频频谱也包括60个条状图形，则在完整音频频谱中的每个条状图形的高度可以等于66(表示2秒内存在66个第一音频频谱)×60(表示每个第一音频频谱包括60个条状图形)条条状图形的高度的平均值。

完整音频频谱也可以称为完整音频音高波形。

需要说明的是，完整音频频谱与预览音频频谱的确定方式可以相同，也即，预览音频频谱也可以通过歌曲音频的多个第一音频频谱来确定。完整音频频谱可以比预览音频频谱更加完整，例如，完整音频频谱可以包括60个条状图形，则预览音频频谱可以包括从60个条状图形均匀选取的30个条状图形。

在实施中，触发暂停指令的方式可以为触摸播放按钮，或者，持续触摸音频封面至设定时长。

为了便于用户调节歌曲音频的播放进度，完整音频频谱上还可以显示有表示播放进度的拖动图标。

如图9所示，在歌曲音频暂停播放之后，用户可以通过拖动完整音频频谱上的拖动图标，或者其它方式对播放进度进行调节，则相应的处理过程可以如下所述，当接收到将歌曲音频的播放进度调整至目标进度的调整指令时，根据目标进度所处的第二播放时间，获取第二播放时间对应的第二歌词。显示第二歌词。

在实施中，调整播放进度的方式可以有多种，下面以三种具体方式举例进行说明：

作为一种可选的实现方式，参考图9，该歌曲音频的音频封面的完整音频频谱上显示有该歌曲音频的拖动图标。当用户想要调整该歌曲音频的播放进度时，可以拖动该拖动图标，此时，音频播放客户端可以接收到用户针对歌曲音频的播放进度的调整操作。也即是，在该实现方式中，用户可以通过拖动完整音频频谱上显示的拖动图标，来触发播放进度的调整指令。

作为另一种可选的实现方式，该歌曲音频的音频封面显示有该歌曲音频的时间轴，当用户想要调整该歌曲音频的播放进度时，可以点击该时间轴上的某个位置点，此时音频播放客户端可以接收到用户针对歌曲音频的播放进度的调整操作。也即是，在该实现方式中，用户可以对时间轴的进行点击，来触发播放进度的调整指令。

作为又一种可选的实现方式，歌曲音频的音频封面上显示有歌曲音频的时间轴，且该时间轴上显示有拖动图标，用户可以拖动时间轴上显示的拖动图标，此时音频播放客户端可以接收到用户针对歌曲音频的播放进度的调整操作。也即是，在该实现方式中，用户可以对时间轴上显示的拖动图标的进行拖动，来触发播放进度的调整指令。

另外，在通过拖动拖动图标来触发播放进度的调整指令的实现方式中，在拖动拖动图标的过程中，歌曲音频的音频封面上所显示的歌词可以随着用户的拖动操作的变化而变化，从而便于用户定位歌曲音频的播放进度。

显示第二播放时间对应的第二歌词的过程可以参考上述显示第一歌词的相关叙述，本申请实施例在此不再赘述。

如图10所示，当调整至目标进度之后，用户可以控制歌曲音频在目标进度开始播放。则相应的处理过程可以如下所述，当接收到在目标进度开始播放歌曲音频的指令时，获取第二播放时间对应的第二音频频谱，其中，第二音频频谱的图像属性为目标图像属性。显示第二音频频谱。第二音频频谱也可以称为第二音频音高波形。

在实施中，在目标进度开始播放歌曲音频的指令的触发操作可以是，将拖动图标拖动至表示目标进度的位置后，点击拖动图标上显示的播放控件。或者，也可以是，将拖动图标拖动至表示目标进度的位置后(在拖动过程中，手指与触摸屏始终保持接触)，将手指与触摸屏分离，则自动触发在目标进度开始播放歌曲音频的指令。

显示第二播放时间对应的第二音频频谱的过程可以参考上述显示第一音频频谱的相关叙述，本申请实施例在此不再赘述。另外，当显示第二音频频谱时，完整音频频谱及拖动图标取消显示。

需要说明的是，在上述方案中，歌曲音频的名称和歌词在同一显示区域(该显示区域可以位于音频封面中)显示，且名称和歌词不同时显示。其中，歌词包括第一歌词和第二歌词。

上述预览音频频谱、第一音频频谱、第二音频频谱、完整音频频谱、歌曲音频的名称和歌词均可以显示在音频封面中。

本申请实施例提供了一种更直观的显示歌曲音频的方法，在播放前通过显示特定图像属性的预览音频频谱，使得用户可以对歌曲音频的风格类型有大致了解。并且，在播放过程中，通过显示相同图像属性的第一音频频谱(或第二音频频谱)及第一歌词(或第二歌词)，使得播放效果更加直观的展现在用户面前，让用户能更沉浸地播放和欣赏作品。

下面，对本申请具体实施时使用的函数进行介绍：

在本申请实施例中，LyricItem函数可以用于存放每一句的歌词内容和对应的时间。Lyric函数可以用于存放所有歌词的内容。getLyricItem(int time)函数可以根据播放时间获取与该播放时间对应的歌词。WaveItem函数可以用于存放一帧数据的音频数据。Wave函数可以存放歌曲所有音频数据。getWaveItem(int time)函数可以根据播放时间获取与该播放时间对应的音频频谱。SongInfo函数用于存放歌曲信息，包括音频频谱的颜色，歌曲存储路径，歌词，音频，歌词文件路径，作者信息以及作品信息等。ProgressListener函数为播放进度回调接口，可通知音频播放客户端当前播放位置。SongPlayer为终端的播放接口，用于播放音频。startPlay(int time)函数可以让播放接口从time的时间开始播放。pause()函数可以让播放接口从播放状态切换成暂停状态。getToalTime()函数可以获取歌曲音频的总播放时长。setProgressListener(ProgressListener listener)函数可以设置播放进度回调接口，每隔第一时间段或第二时间段回调业务当前播放位置。AuthorInfoView函数用于展示显示信息，包括作者头像，作者昵称等。SongDetailView函数用于展示音频详情信息，包括播放图标，作品名称，作品登记等。OperationView用于展示音频操作按钮，包括送礼按钮和分享按钮等。LyricView函数用于绘制当前播放的歌词信息，lyricItem用于保存歌词，setLyricItem(LyricItem item)函数用户更新歌词，draw(Canvas canvas)函数用于获取lyricItem中的歌词，通过canvas绘制到音频封面上。WaveView函数用于绘制歌曲音频的音频频谱，waveItem用于保存音频频谱，setWaveItem(WaveItem time)函数用于更新音频频谱，draw(Canvas canvas)函数用于获取waveItem中的音频频谱，通过canvas绘制到音频封面上。SongInfoView函数用于展示音频频谱，它由多个基础组件组合而成，会监听播放接口的进度回调，根据播放进度分别从songInfo中的lyric和wave获取当前播放时间对应的歌词和音频频谱，再分别通知LyricView和WaveView组件更新歌词和音频频谱。

歌曲音频在播放前显示时：

根据服务器返回的显示信息，显示音频封面和音频文本信息，并在音频封面中显示预览音频频谱，用户可以根据音频频谱的样式和颜色，初步感受这首歌的风格。

歌曲音频播放时的显示：

用户点击SongDetailView的播放按钮时，给SongDetailView设置一个透明度从100％到0％的渐变动画，动画持续时间可以为2秒。也分别LyricView和WaveView设置属性动画，宽高从200px*200px改成400px*400px，动画持续时间也可以为2秒。同时初始化播放器，启动音频播放，并根据播放进度更新歌词和第一音频频谱。

说明：作品界面会在播放器设置一个播放进度***，播放器每隔20ms回调作品界面当前播放进度，作品界面再根据当前播放进度查询歌词和音频频谱，最再分别通知歌词界面和音符界面刷新数据。具体过程可以参照图11。

歌曲音频调整播放进度后，播放时的显示：

用户触碰播放按钮或长按音频封面时，暂停播放器，然后，可以调节播放进度。用户每次拖动获取点击的x坐标，再根据显示界面的起始x坐标和结束x坐标，计算用户点击的点在音频封面的百分比，再通过这个百分比乘以作品播放时长得到用户点击拖动进度，通知作品界面当前播放进度，最后由作品界面通知歌词界面和音符界面更新歌词和音频频谱。具体过程可以参照图12。

基于相同的技术构思，本申请实施例还提供了一种歌曲音频显示的装置，如图2所示，该装置包括：

获取模块201，用于当接收到歌曲音频的显示指令时，获取歌曲音频的显示信息，其中，显示信息包括音频相关信息和预览音频频谱，预览音频频谱的图像属性为与歌曲音频的风格类型所匹配的目标图像属性，图像属性包括颜色和样式中的一种或两种；

显示模块202，用于显示音频相关信息，并显示预览音频频谱。

在一种可能的实现方式中，该装置还包括播放模块，用于当接收到对歌曲音频的播放指令时，播放歌曲音频；

获取模块201，还用于根据歌曲音频的第一播放时间，获取第一播放时间对应的第一歌词及与第一播放时间对应的第一音频频谱，其中，第一音频频谱的图像属性为目标图像属性；

显示模块202，还用于显示第一歌词及第一音频频谱。

在一种可能的实现方式中，播放模块，还用于当接收到对歌曲音频的暂停指令时，停止播放歌曲音频；

获取模块201，还用于获取歌曲音频的完整音频频谱，其中，完整音频频谱的图像属性为目标图像属性；

显示模块202，还用于显示完整音频频谱，并在完整音频频谱上显示表示播放进度的拖动图标。

在一种可能的实现方式中，获取模块201，还用于当接收到将歌曲音频的播放进度调整至目标进度的调整指令时，根据目标进度所处的第二播放时间，获取第二播放时间对应的第二歌词；

显示模块202，还用于显示第二歌词。

在一种可能的实现方式中，播放模块，还用于当接收到在目标进度开始播放歌曲音频的指令时，从第二播放时间开始播放歌曲音频；

获取模块201，用于获取第二播放时间对应的第二音频频谱，其中，第二音频频谱的图像属性为目标图像属性；

显示模块202，还用于显示第二音频频谱。

在一种可能的实现方式中，歌曲音频的名称和歌词在同一显示区域显示，且名称和歌词不同时显示。

在一种可能的实现方式中，风格类型包括摇滚音乐、金属音乐、古典音乐、流行音乐和民族音乐中的一种或多种。

在一种可能的实现方式中，音频相关信息包括音频封面及音频文本信息；显示模块202，用于：

在音频封面中显示预览音频频谱。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

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

图3是本申请实施例提供的一种终端的结构框图。该终端300可以是便携式移动终端，比如：智能手机、平板电脑、智能摄像机。终端300还可能被称为用户设备、便携式终端等其他名称。

通常，终端300包括有：处理器301和存储器302。

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

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

在一些实施例中，终端300还可选包括有：***设备接口303和至少一个***设备。具体地，***设备包括：射频电路304、显示屏305、摄像头组件306、音频电路307、定位组件308和电源309中的至少一种。

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

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

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

摄像头组件306用于采集图像或视频。可选地，摄像头组件306包括前置摄像头和后置摄像头。通常，前置摄像头用于实现视频通话或自拍，后置摄像头用于实现照片或视频的拍摄。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能，主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能。在一些实施例中，摄像头组件306还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。

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

定位组件308用于定位终端300的当前地理位置，以实现导航或LBS(LocationBased Service，基于位置的服务)。定位组件308可以是基于美国的GPS(GlobalPositioning System，全球定位***)、中国的北斗***或俄罗斯的伽利略***的定位组件。

电源309用于为终端300中的各个组件进行供电。电源309可以是交流电、直流电、一次性电池或可充电电池。当电源309包括可充电电池时，该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池，无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。

在一些实施例中，终端300还包括有一个或多个传感器310。该一个或多个传感器310包括但不限于：加速度传感器311、陀螺仪传感器312、压力传感器313、指纹传感器314、光学传感器315以及接近传感器316。

加速度传感器311可以检测以终端300建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器311可以用于检测重力加速度在三个坐标轴上的分量。处理器301可以根据加速度传感器311采集的重力加速度信号，控制显示屏305以横向视图或纵向视图进行用户界面的显示。加速度传感器311还可以用于游戏或者用户的运动数据的采集。

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

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

指纹传感器314用于采集用户的指纹，以根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器301授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器314可以被设置终端300的正面、背面或侧面。当终端300上设置有物理按键或厂商Logo时，指纹传感器314可以与物理按键或厂商Logo集成在一起。

光学传感器315用于采集环境光强度。在一个实施例中，处理器301可以根据光学传感器315采集的环境光强度，控制显示屏305的显示亮度。具体地，当环境光强度较高时，调高显示屏305的显示亮度；当环境光强度较低时，调低显示屏305的显示亮度。在另一个实施例中，处理器301还可以根据光学传感器315采集的环境光强度，动态调整摄像头组件306的拍摄参数。

接近传感器316，也称距离传感器，通常设置在终端300的正面。接近传感器316用于采集用户与终端300的正面之间的距离。在一个实施例中，当接近传感器316检测到用户与终端300的正面之间的距离逐渐变小时，由处理器301控制显示屏305从亮屏状态切换为息屏状态；当接近传感器316检测到用户与终端300的正面之间的距离逐渐变大时，由处理器301控制显示屏305从息屏状态切换为亮屏状态。

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

在示例性实施例中，还提供了一种计算机可读存储介质，存储介质中存储有至少一条指令，至少一条指令由处理器加载并执行以实现上述实施例中的歌曲音频显示的方法。例如，所述计算机可读存储介质可以是ROM(Read-Only Memory)、随机存取存储器(Random Access Memory，RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

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

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

Claims

1.一种歌曲音频显示的方法，其特征在于，所述方法包括：

显示所述音频相关信息，并显示所述预览音频频谱。

2.根据权利要求1所述的方法，其特征在于，所述显示所述预览音频频谱之后，还包括：

显示所述第一歌词及所述第一音频频谱。

3.根据权利要求2所述的方法，其特征在于，所述显示所述第一歌词及所述第一音频频谱之后，还包括：

4.根据权利要求3所述的方法，其特征在于，所述在所述完整音频频谱上显示表示播放进度的拖动图标之后，还包括：

显示所述第二歌词。

5.根据权利要求4所述的方法，其特征在于，所述显示所述第二歌词之后，还包括：

显示所述第二音频频谱。

6.根据权利要求1-5任一项所述的方法，其特征在于，所述歌曲音频的名称和歌词在同一显示区域显示，且所述名称和所述歌词不同时显示。

7.根据权利要求1-5任一项所述的方法，其特征在于，所述音频相关信息包括音频封面及音频文本信息；所述显示所述预览音频频谱，包括：

在所述音频封面中显示所述预览音频频谱。

8.一种歌曲音频显示的装置，其特征在于，所述装置包括：

9.一种终端，其特征在于，所述终端包括存储器和处理器，所述存储器中存储有至少一条指令，所述至少一条指令由所述处理器加载并执行以实现如权利要求1-7任一项所述的歌曲音频显示的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有至少一条指令，所述至少一条指令由处理器加载并执行以实现如权利要求1-7任一项所述的歌曲音频显示的方法。