CN115997196A - 播放界面的显示方法、装置、设备、介质及程序产品 - Google Patents
播放界面的显示方法、装置、设备、介质及程序产品 Download PDFInfo
- Publication number
- CN115997196A CN115997196A CN202280003532.3A CN202280003532A CN115997196A CN 115997196 A CN115997196 A CN 115997196A CN 202280003532 A CN202280003532 A CN 202280003532A CN 115997196 A CN115997196 A CN 115997196A
- Authority
- CN
- China
- Prior art keywords
- dimensional
- animation
- audio
- album
- playing
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 101
- 230000004044 response Effects 0.000 claims abstract description 42
- 230000008569 process Effects 0.000 claims abstract description 26
- 230000003287 optical effect Effects 0.000 claims description 169
- 230000003321 amplification Effects 0.000 claims description 17
- 238000003199 nucleic acid amplification method Methods 0.000 claims description 17
- 239000002245 particle Substances 0.000 claims description 9
- 238000004590 computer program Methods 0.000 claims description 5
- 239000000758 substrate Substances 0.000 claims 1
- 230000003993 interaction Effects 0.000 abstract description 23
- 230000000694 effects Effects 0.000 abstract description 14
- 238000001228 spectrum Methods 0.000 description 15
- 230000004308 accommodation Effects 0.000 description 11
- 238000010586 diagram Methods 0.000 description 10
- 230000003595 spectral effect Effects 0.000 description 7
- 230000006870 function Effects 0.000 description 6
- 238000009877 rendering Methods 0.000 description 6
- 206010029412 Nightmare Diseases 0.000 description 4
- 239000006185 dispersion Substances 0.000 description 4
- 238000013473 artificial intelligence Methods 0.000 description 3
- 238000013145 classification model Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 3
- 230000033001 locomotion Effects 0.000 description 3
- 230000033764 rhythmic process Effects 0.000 description 3
- 239000007787 solid Substances 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 230000006835 compression Effects 0.000 description 2
- 238000007906 compression Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000033228 biological regulation Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 230000007423 decrease Effects 0.000 description 1
- 210000005069 ears Anatomy 0.000 description 1
- 238000000605 extraction Methods 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 238000009499 grossing Methods 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 239000011159 matrix material Substances 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 238000010606 normalization Methods 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Circuits Of Receivers In General (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种播放界面的显示方法、装置、设备、介质及程序产品,涉及播放器技术领域。该方法包括:显示音频播放界面,音频播放界面中包括目标音频作品对应的三维壳体元素,三维壳体元素中容纳有三维音频载体元素;响应于目标音频作品切换至播放状态,显示三维壳体元素的打开动画,三维音频载体元素随着三维壳体元素的打开从三维壳体元素中显现。通过将目标音频作品切换至播放状态,在音频播放界面上显示三维壳体元素的打开动画,三维音频载体元素随着三维壳体元素的打开从三维壳体元素中显现,使得在切换目标音频状态的过程中,音频播放界面上显示相应的动画效果,丰富了用户操作和界面显示之间的交互形式,提高了人机交互效率。
Description
技术领域
本申请实施例涉及播放器技术领域,特别涉及一种播放界面的显示方法、装置、设备、介质及程序产品。
背景技术
多媒体播放应用程序,例如:音乐应用程序中,在播放音乐时,通常会在音乐的播放界面中显示音乐展示区域以及操作区域。
相关技术中,音乐展示区域中会简单展示正在播放的音乐的歌词、相关的专辑图片,或者与音乐相关的音乐短片等;响应于用户在操作区域的播放、暂停以及切歌等操作,音乐展示区域中的展示信息会相应的进行变化。
然而,在相关技术中音乐展示区域中仅能简单的展示音乐相关的信息,人机交互效率较低。
发明内容
本申请实施例提供了一种播放界面的显示方法、装置、设备、介质及程序产品,能够提高在播放界面的人机交互效率,所述技术方案如下:
一个方面,提供了一种播放界面的显示方法,所述方法包括:
显示音频播放界面,所述音频播放界面中包括目标音频作品对应的三维壳体元素,所述三维壳体元素中容纳有三维音频载体元素;
响应于所述目标音频作品切换至播放状态,显示所述三维壳体元素的打开动画,所述三维音频载体元素随着所述三维壳体元素的打开从所述三维壳体元素中显现。
另一方面,提供了一种播放界面的显示装置,所述装置包括:
显示模块,用于显示音频播放界面,所述音频播放界面中包括目标音频作品对应的三维壳体元素,所述三维壳体元素中容纳有三维音频载体元素;
所述显示模块,还用于响应于所述目标音频作品切换至播放状态,显示所述三维壳体元素的打开动画,所述三维音频载体元素随着所述三维壳体元素的打开从所述三维壳体元素中显现。
另一方面,提供了一种计算机设备,所述计算机设备包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上述实施例中任一所述播放界面的显示方法。
另一方面,提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如上述实施例中任一所述的播放界面的显示方法。
另一方面,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述实施例中任一所述的播放界面的显示方法。
本申请实施例提供的技术方案带来的有益效果至少包括:
通过将目标音频作品切换至播放状态,在音频播放界面上显示三维壳体元素的打开动画,三维音频载体元素随着三维壳体元素的打开从三维壳体元素中显现,使得在切换目标音频状态的过程中,音频播放界面上显示相应的动画效果,丰富了用户操作和界面显示之间的交互形式,提高了人机交互效率。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请一个示例性实施例提供的实施环境的流程图;
图2是本申请一个示例性实施例提供的播放界面的显示方法的流程图;
图3是本申请另一个示例性实施例提供的播放界面的显示方法的流程图;
图4是本申请一个示例性实施例提供的播放界面的动画显示界面示意图;
图5是本申请一个示例性实施例提供的三维专辑元素和三维光盘元素的平面显示示意图;
图6是本申请一个示例性实施例提供的频谱动画的显示示意图;
图7是本申请一个示例性实施例提供的背景缩放动画的显示示意图;
图8是本申请一个示例性实施例提供的文本消散动画的显示示意图;
图9是本申请又一个示例性实施例提供的播放界面的显示方法的流程图;
图10是本申请另一个示例性实施例提供的播放界面的动画显示界面示意图;
图11是本申请再一个示例性实施例提供的播放界面的显示方法的流程图;
图12是本申请一个示例性实施例提供的播放界面的显示装置的结构框图;
图13是本申请另一个示例性实施例提供的播放界面的显示装置的结构框图;
图14是本申请一个示例性实施例提供的计算机设备的结构框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请中术语“第一”、“第二”等字样用于对作用和功能基本相同的相同项或相似项进行区分,应理解,“第一”、“第二”之间不具有逻辑或时序上的依赖关系,也不对数量和执行顺序进行限定。
相关技术中,音乐展示区域中会简单展示正在播放的音乐的歌词、相关的专辑图片,或者与音乐相关的音乐短片等;响应于用户在操作区域的播放、暂停以及切歌等操作,音乐展示区域中的展示信息会相应的进行变化。然而,在相关技术中音乐展示区域中仅能简单的展示音乐相关的信息,人机交互效率较低。
本申请实施例提供了一种播放界面的显示方法,通过将目标音频作品切换至播放状态,在音频播放界面上显示三维壳体元素的打开动画,三维音频载体元素随着三维壳体元素的打开从三维壳体元素中显现,使得在切换目标音频状态的过程中,音频播放界面上显示相应的动画效果,丰富了用户操作和界面显示之间的交互形式,提高了人机交互效率。
图1本申请一个示例性实施例提供的实施环境示意图,如图1所示,该实施环境中包括终端110、服务器120,终端110和服务器120之间通过通信网络130连接,在一些可选的实施例中,通信网络130可以是有线网络,也可以是无线网络,本实施例对此不加以限定。
在一些可选的实施例中,终端110是智能手机、平板电脑、笔记本电脑、台式计算机、智能家电、智能车载终端、智能音箱、数码相机等,但并不局限于此。终端110中安装有目标应用程序,示意性地,该目标应用程序可以是传统应用程序,可以是云应用程序,可以实现为宿主应用程序中的小程序或应用模块,也可以是某个网页平台,本实施例对此不加以限定。该目标应用程序提供有三维动画显示功能和音频播放功能。
在一些可选的实施例中,服务器120为终端中安装的目标应用程序提供后台服务,示意性的,终端110接收目标音频作品播放操作时,发送目标音频作品播放指令至服务器120;服务器120接收到目标音频作品播放指令后,反馈音频播放界面渲染数据至终端110;终端110接收到音频播放界面渲染数据,则在终端110的音频播放界面上显示目标音频作品对应的三维壳体元素的打开动画,且三维音频载体元素随着三维壳体元素的打开从三维壳体元素中显现。
在一些可选的实施例中,上述音频播放界面渲染数据为离线数据,也就是说,终端110可以直接读取本地存储的音频播放界面渲染数据,从而在音频播放界面进行渲染显示。
值得注意的是,服务器120能够是独立的物理服务器,也能够是多个物理服务器构成的服务器集群或者分布式系统,还能够是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN(Content Delivery Network,内容分发网络)以及大数据和人工智能平台等基础云计算服务的云服务器。可选地,服务器120还可以实现为区块链系统中的节点。
需要说明的是,本申请所涉及的信息(包括但不限于用户设备信息、用户个人信息等)、数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)以及信号,均为经用户授权或者经过各方充分授权的,且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准。例如,本申请中涉及到的三维壳体元素和三维音频载体元素都是在充分授权的情况下获取的。
结合上述介绍和实施环境,图2是本申请实施例提供的一种播放界面的显示方法的流程图,以该方法应用于如图1所示的终端中为例进行说明,该方法包括:
步骤201,显示音频播放界面。
其中,音频播放界面中包括目标音频作品对应的三维壳体元素,三维壳体元素中容纳有三维音频载体元素。
音频播放界面用于播放目标音频作品,可选地,音频播放界面中包括播放器元素显示区域,播放器元素显示区域实现为一个三维显示空间,用于显示三维壳体元素和三维音频载体元素。示意性的,终端可获取得到三维壳体元素和三维音频载体元素的各个顶点坐标,通过投影矩阵变换到音频播放界面的三维显示空间中,实现三维壳体元素和三维音频载体元素的立体效果。
可选地,三维音频载体元素是指与播放音频作品相关的元素,例如:三维光盘元素、三维磁带元素等;三维壳体元素是指可容纳三维音频载体元素的元素,例如:可容纳三维光盘元素的三维专辑元素,三维专辑元素可实现为光盘外壳的形式,该三维专辑元素可和实体光盘外壳一样打开,模拟物理世界中光盘外壳打开的立体效果;或者,可容纳三维磁带元素的三维磁带盒元素,该三维磁带盒元素可和实体磁带盒一样打开,模拟物理世界中磁带盒打开的立体效果。
可选地,在音频播放界面中三维音频载体元素被完全收纳在三维壳体元素内,也即,此刻三维音频载体元素在音频播放界面是不可见的,示意性的,三维光盘元素收在三维专辑元素中,在音频播放界面中仅三维专辑元素是可见的;在音频播放界面中三维音频载体元素被部分收纳在三维壳体元素内,也即,此刻三维音频载体元素在音频播放界面是可见的,示意性的,三维光盘元素被从三维专辑元素中移动一部分,该部分在音频播放界面是可见的,另外一部分被收纳在三维壳体元素内,在音频播放界面是不可见的。
可选地,显示音频播放界面的方法包括以下方法中的至少一种:
1、响应于接收到在目标列表中对目标音频作品的选择操作,显示音频播放界面。
示意性的,用户可在目标应用程序的歌单界面点击需要播放的目标歌曲,则歌单界面会跳转至音频播放界面,显示目标歌曲对应的三维壳体元素和三维音频载体元素。
2、响应于接收到在音频播放界面切换至目标音频作品的切换操作,显示音频播放界面。
示意性的,用户当前在音频播放界面中正在播放的是其他歌曲,当用户点击下一首/上一首控件后,可将正在播放的其他歌曲切换成目标歌曲,并显示目标歌曲对应的三维壳体元素和三维音频载体元素。
3、响应于目标音频作品处于播放暂停状态,显示音频播放界面。
示意性的,在音频播放界面中目标歌曲处于播放暂停状态时,也会显示目标歌曲对应的三维壳体元素和三维音频载体元素。
步骤202,响应于目标音频作品切换至播放状态,显示三维壳体元素的打开动画,三维音频载体元素随着三维壳体元素的打开从三维壳体元素中显现。
可选地,切换至播放状态是指在未加载有任何音频作品中的音频播放界面中加载目标音频作品,并播放目标音频作品;或者,切换至播放状态是指在音频播放界面将播放暂停状态下的目标音频作品切换至播放状态;或者,切换至播放状态是指在加载有其他音频作品中的音频播放界面,将其他音频作品切换为目标音频作品,并播放目标音频作品。
可选地,当目标音频作品切换至播放状态,三维壳体元素和三维音频载体元素可从音频播放界面的指定边缘切入音频播放界面中,然后显示三维壳体元素的打开动画;或者,当目标音频作品切换至播放状态,三维壳体元素和三维音频载体元素将直接显示在音频播放界面中,然后显示三维壳体元素的打开动画。
可选地,三维壳体元素可实现为一个可打开的三维盒体结构,三维壳体元素的打开动画即展开该盒体的容纳空间。示意性的,若三维盒体结构包括上盒体和下盒体,则打开动画实现为下盒体固定,上盒体向上掀开的打开动画;或者,打开动画实现为上盒体固定,下盒体向下掀开的打开动画;或者,打开动画实现为上盒体向上掀开,下盒体向下掀开的打开动画。
可选地,三维音频载体元素随着三维壳体元素的打开从三维壳体元素中显现包括以下情况中的至少一种:
情况一:三维音频载体元素随着三维壳体元素的打开,从完全不可见状态切换为完全可见状态。
示意性的,目标音频作品在开始播放的起始时刻,三维音频载体元素完全收纳在三维壳体元素中,在音频播放界面中不可见;三维壳体元素的打开动画结束时刻,三维音频载体元素会显现出来,在音频播放界面中完整的展示。
情况二:三维音频载体元素随着三维壳体元素的打开,从完全不可见状态切换为部分可见状态。
示意性的,目标音频作品在开始播放的起始时刻,三维音频载体元素完全收纳在三维壳体元素中,在音频播放界面中不可见;三维壳体元素的打开动画结束时刻,三维音频载体元素中的一部分会显现出来,在音频播放界面中可见,另外一部分收纳在在三维壳体元素中,在音频播放界面中不可见。
情况三:三维音频载体元素随着三维壳体元素的打开,从部分可见状态切换为完全可见状态。
示意性的,目标音频作品在开始播放的起始时刻,三维音频载体元素有一部分是在三维壳体元素中,这一部分会随着三维壳体元素的打开开始显现;三维壳体元素的打开动画结束时刻,这一部分会完全显现出来,也就是说,当三维壳体元素打开动画结束后,三维音频载体元素在音频播放界面中完全可见。
情况四:三维音频载体元素随着三维壳体元素的打开,从第一部分可见状态切换为第二部分可见状态,其中,第一部分占三维音频载体元素的比例小于第二部分。
示意性的,目标音频作品在开始播放的起始时刻,三维音频载体元素有一部分是在三维壳体元素中,这一部分会随着三维壳体元素的打开开始显现;三维壳体元素的打开动画结束时刻,这一部分不会完全显现出来,仅显示了一小部分,也就是说,当三维壳体元素打开动画结束后,三维音频载体元素仍然有一部分在三维壳体元素中,是不可见的状态。
在一些可选的实施例中,响应于目标音频作品切换至播放状态,在音频播放界面会播放该目标音频作品;同时显示三维音频载体元素的旋转动画。
示意性的,以三维音频载体元素实现为三维光盘元素、三维壳体元素实现为三维专辑元素为例进行说明,当目标歌曲播放时,会显示三维专辑元素的打开动画,三维光盘元素会随着三维专辑元素的打开从三维专辑元素中显现;在三维专辑元素的打开动画的结束时刻,三维光盘元素将绕着指定中心进行旋转,该指定中心可以位于三维专辑元素内,也可以位于三维专辑元素外。
示意性的,以三维音频载体元素实现为三维磁带元素、三维壳体元素实现为三维磁带盒元素为例进行说明,当目标歌曲播放时,会显示三维磁带盒元素的打开动画,三维磁带元素会随着三维磁带盒元素的打开从三维磁带元素中显现;在三维专辑元素的打开动画的结束时刻,三维磁带元素中的磁带将绕着三维磁带元素中的传送结构进行旋转。
在一些可选的实施例中,上述目标音频作品还包括播放暂停状态和被切换状态,下面分别对目标音频作品的播放暂停状态和被切换状态进行说明:
播放暂停状态:可选地,响应于目标音频作品切换至播放暂停状态,显示三维壳体元素的合拢动画,三维音频载体元素随着三维壳体元素的合拢收纳入三维壳体元素中。
其中,播放暂停状态是指在音频播放界面中暂停播放目标音频作品,但是目标音频作品仍然被加载在音频播放界面。
可选地,三维壳体元素可实现为一个可打开的三维盒体结构,三维壳体元素的合拢动画即合拢该盒体的容纳空间。示意性的,若三维盒体结构包括上盒体和下盒体,则打开动画实现为下盒体固定,上盒体向下盒体靠拢的合拢动画;或者,打开动画实现为上盒体固定,下盒体向上盒体靠拢的合拢动画;或者,打开动画实现为上盒体向下盒体靠拢,下盒体向上盒体靠拢的合拢动画。
可选地,三维音频载体元素随着三维壳体元素的合拢收纳入三维壳体元素中的情况,包括以下情况中的至少一种:
情况一:三维音频载体元素随着三维壳体元素的合拢,从完全可见状态切换为完全不可见状态。
情况二:三维音频载体元素随着三维壳体元素的合拢,从完全可见状态切换为部分可见状态。
情况三:三维音频载体元素随着三维壳体元素的合拢,从部分可见状态切换为完全不可见状态。
情况四:三维音频载体元素随着三维壳体元素的合拢,从第三部分可见状态切换为第四部分可见状态,其中,第三部分占三维音频载体元素的比例大于第四部分。
在一些可选的实施例中,响应于目标音频作品切换至播放暂停状态,在音频播放界面停止播放该目标音频作品;同时停止三维音频载体元素的旋转动画。
需要说明的是,可选地,当目标音频作品切换至播放暂停状态时,仅会停止三维音频载体元素的旋转动画,而不显示三维壳体元素的合拢动画,也没有三维音频载体元素随着三维壳体元素的合拢收纳入三维壳体元素中的过程;或者,当目标音频作品切换至播放暂停状态时,首先停止三维音频载体元素的旋转动画,然后显示三维壳体元素的合拢动画,三维音频载体元素随着三维壳体元素的合拢收纳入三维壳体元素中。
被切换状态:可选地,响应于目标音频作品被切换至其他音频作品,显示三维壳体元素和三维音频载体元素在音频播放界面中的切出动画。
可选地,目标音频作品被切换至其他音频作品是指在音频播放界面中替代目标音频作品而加载其他音频作品。
可选地,切出动画可实现为将三维壳体元素和三维音频载体元素从当前显示位置移动到音频播放界面的指定边缘外的动画;切出动画还可实现为三维壳体元素和三维音频载体元素直接从音频播放界面中消失的动画。
可选地,其中显示切出动画的情况包括以下情况中的至少一种:
1、在音频播放界面中直接显示三维壳体元素和三维音频载体元素的切出动画。
2、在当前音频播放界面中显示显示三维壳体元素的合拢动画,三维音频载体元素随着三维壳体元素的合拢收纳入三维壳体元素中,再显示三维壳体元素和三维音频载体元素的切出动画。
可选地,其中三维壳体元素和三维音频载体元素从当前显示位置移动到音频播放界面的指定边缘外的速度可以是匀速的,还可以变速的,其中变速的加速度将通过预设的摩擦力确定。示意性的,若预设的摩擦力实现为三维壳体元素和三维音频载体元素与有音频播放界面的背景的摩擦力,三维壳体元素和三维音频载体元素的显示边缘从当前显示位置移动到音频播放界面的指定边缘处的过程中,三维壳体元素和三维音频载体元素的速度是匀速的,当三维壳体元素和三维音频载体元素的显示边缘移动到指定边缘外,则三维壳体元素和三维音频载体元素的速度将下降。
综上所述,本申请实施例提供的播放界面的显示方法通过将目标音频作品切换至播放状态,在音频播放界面上显示三维壳体元素的打开动画,三维音频载体元素随着三维壳体元素的打开从三维壳体元素中显现,使得在切换目标音频状态的过程中,音频播放界面上显示相应的动画效果,丰富了用户操作和界面显示之间的交互形式,提高了人机交互效率。
本申请实施例提供的方法,通过将目标音频作品切换至播放暂停状态,在音频播放界面上显示三维壳体元素的合拢动画,三维音频载体元素随着三维壳体元素的合拢收纳入三维壳体元素中,进一步的丰富了用户操作和界面显示之间的交互形式,提高了人机交互效率;另外,由于打开动画和合拢动画为相互关联的过程,提高了对同一音频作品的播放操作和暂停操作的关联度。
在一些可选的实施例中,上述三维壳体元素包括三维专辑元素,三维音频载体元素包括三维光盘元素,三维光盘元素的显现方式为从三维专辑元素中滑出,图3是本申请另一种示例性实施例提供的播放界面的显示方法的流程图,以该方法应用于如图1所示的终端中为例进行说明,该方法包括:
步骤301,显示音频播放界面。
其中,音频播放界面中包括目标音频作品对应的三维专辑元素,三维专辑元素中容纳有三维光盘元素。
音频播放界面用于播放目标音频作品,可选地,音频播放界面中包括播放器元素显示区域、文本显示区域、操作区域等。
示意性的,播放器元素显示区域实现为一个三维显示空间,用于显示三维专辑元素和三维光盘元素,其中,三维光盘元素容纳在三维专辑元素中,为不可见状态。
示意性的,请参考图4,在界面400中,显示有三维显示空间401,当歌曲处于播放状态的开始时刻时,三维显示空间401仅显示三维专辑元素402,在三维专辑元素402的内部不可见空间中容纳有三维光盘元素。
需要说明的是,歌曲播放状态的开始时刻可以是整首歌的起始播放时间点(例如:00:00),也可以是整首歌的中间某一播放时间点(例如:01:01)。
可选地,文本显示区域用于显示目标音频作品对应的文本数据,例如:显示歌曲的名称、歌手和歌词等,示意性的,请参考图4,在界面400中,显示有文本显示区域403,其中,显示有当前播放歌曲的歌词、名称和歌词等。
可选地,操作区域用于触发对目标音频作品的指定操作,其中,指定操作包括播放操作、暂停操作、切换操作、添加至指定列表操作、评论操作、切换播放音质操作、播放对应的视频操作、拖动播放进度条操作等,本申请实施例对此不加以限定。
在一些可选的实施例中,用户可根据操作习惯,调整上述指定操作对应的控件显示在音频播放界面的位置,例如:将添加至指定列表操作、评论操作对应的控件集中显示在音频播放界面的左侧偏下方位置或者右侧偏下方位置。示意性的,请参考图4,在界面400中,显示有操作区域404,其中,控件405、控件406和控件407集中显示在操作区域404的右侧位置,方便用户单手进行操作。
在一些可选的实施例中,上述对目标音频作品的指定操作还可以直接在三维专辑元素和三维光盘元素上进行触发,例如:在歌曲播放时,单击三维光盘元素将暂停歌曲,在歌曲暂停时,单击三维光盘元素,将播放歌曲;在三维光盘元素向左滑动,将切换播放上一首歌曲,在三维光盘元素向右滑动,将切换播放下一首歌曲;在三维光盘元素顺时针滑动,将播放当前播放歌曲的下一句歌词,在三维光盘元素逆时针滑动,将播放当前播放歌曲的上一句歌词。
步骤302,响应于目标音频作品切换至播放状态,显示三维专辑元素对应的专辑壳体打开动画。
示意性的,请参考图4,当歌曲开始播放后,在界面410的三维显示空间411中显示三维专辑元素417的上壳体413和下壳体414的打开动画,其中,打开动画可以实现为上壳体413固定,下壳体414向后展开的动画;还可以实现为上壳体413向前展开,下壳体414固定的动画;还可以实现为上壳体413向前展开,下壳体414向后展开的动画,本申请实施例对此不加以限定。
可选地,在显示三维专辑元素417的上壳体413和下壳体414的打开动画的播放过程中,还显示有三维专辑元素417的整体移动动画,示意性的,显示三维专辑元素417在打开的过程中向右移动了一段距离。
在一些可选的实施例中,显示打开动画之前,还可以显示三维专辑元素的切入动画,示意性的,当用户从歌曲1切换成歌曲2,则从音频播放界面的指定边缘处将显示歌曲2对应的三维专辑元素和三维光盘元素平行移动到音频播放界面的三维显示空间中,到达指定位置后,显示歌曲2对应的三维专辑元素的专辑壳体打开动画。
步骤303,显示三维光盘元素从三维专辑元素中滑出的滑出动画。
可选地,在三维专辑元素对应的专辑壳体打开动画的显示过程中,同时显示三维光盘元素从三维专辑元素中滑出的滑出动画;或者,在三维专辑元素对应的专辑壳体打开动画的显示结束后,显示三维光盘元素从三维专辑元素中滑出的滑出动画。
示意性的,请参考图4,在三维专辑元素417的上壳体413和下壳体414展开容纳空间的过程中,开始显现三维光盘元素415,并显示三维光盘元素415从三维专辑元素417中的容纳空间中向右平行滑出的滑出动画;或者,在三维专辑元素417的上壳体413和下壳体414展开容纳空间结束后,将三维光盘元素415从三维专辑元素417中的容纳空间中向右平行滑出的滑出动画。
可选地,显示三维光盘元素从三维专辑元素中匀速滑出的第一滑出动画;或者,显示三维光盘元素从三维专辑元素中变速滑出的第二滑出动画。
其中,变速滑出的第二滑出动画根据预先设定的三维光盘元素对应的摩擦力确定其中的移动速度变化。示意性的,将摩擦力设定为三维光盘元素与音频播放界面的播放背景的摩擦力,则三维光盘元素在开始滑出的第一速度大于后续滑出过程中的速度,也即,滑出速度随着滑出距离的增大而减小。
可选地,响应于目标音频作品切换至播放状态,播放目标音频作品;并在三维光盘元素从三维专辑元素中滑出的滑出动画显示结束后,显示三维光盘元素围绕指定中心点进行旋转的旋转动画。
下面,对分别对播放暂停状态和被切换状态下的目标音频作品对应的三维光盘元素和三维专辑元素的显示动画进行说明:
播放暂停状态:响应于目标音频作品切换至暂停状态,显示三维光盘元素滑入三维专辑元素的滑入动画;显示三维专辑元素对应的专辑壳体合拢动画。
示意性的,请参考图4,当歌曲暂停时,会显示三维光盘元素415从三维专辑元素417中的容纳空间中向左平行滑入的滑入动画,同时显示三维专辑元素417的上壳体413和下壳体414合拢容纳空间,直至三维光盘元素415完全收纳入三维专辑元素417中,表现为不可见状态;或者,当三维光盘元素415从三维专辑元素417中的容纳空间中向左平行滑入的滑入动画显示结束后,显示三维专辑元素417的上壳体413和下壳体414合拢容纳空间。
可选地,响应于目标音频作品切换至播放暂停状态,暂停播放目标音频作品;并暂停显示三维光盘元素围绕指定中心点进行旋转的旋转动画。
被切换状态:可选地,响应于目标音频作品被切换至其他音频作品,显示三维专辑元素和三维光盘元素在音频播放界面中的切出动画。
示意性的,请参考图4,当点击界面410中的下一首控件416后,当前播放的歌曲将被切换,则会将当前显示下的三维专辑元素417和三维光盘元素415从当前位置移动到移动至音频播放界面的指定边缘外,并切出显示画面外。也即,当歌曲被切换时,会直接将正在显示的三维光盘元素和三维专辑元素切出显示画面外。
或者,当点击界面410中的下一首控件416后,当前播放的歌曲将被切换,显示三维光盘元素415从三维专辑元素417中的容纳空间中向左平行滑入的滑入动画,以及显示三维专辑元素417的上壳体413和下壳体414合拢容纳空间,直至三维光盘元素415完全收纳入三维专辑元素417中,表现为不可见状态后,将三维专辑元素417和三维光盘元素415切出显示画面外。也即,当歌曲被切换时,会将三维光盘元素收纳进三维专辑元素后,再将三维专辑元素和其中容纳的三维光盘元素切出显示画面外。
在一些可选的实施例中,上述三维专辑元素和三维光盘元素中将会显示与目标音频作品相匹配的图像。
示意性的,请参考图5,图5为三维专辑元素和三维光盘元素的平面显示示意图,其中三维专辑元素501中显示的是目标音频作品对应的封面图;三维光盘元素502的内部圆形区域503显示的是目标音频作品对应的封面图,外部环形区域504显示的是指定颜色图片。
其中,三维专辑元素501和内部圆形区域503中显示的封面图可直接采样目标音频作品对应的封面图。其中,外部环形区域504显示的指定颜色图片中的指定颜色需要对目标音频作品对应的封面图进行取色处理,则取色处理的方法还包括如下步骤:
获取目标音频作品的封面图对应的颜色数据;基于封面图对应的颜色数据,确定三维光盘元素对应的颜色样本;将封面图对应的颜色数据与预设颜色库匹配,确定三维光盘元素对应的色值数据;将三维光盘元素对应的颜色样本与三维光盘元素对应的色值数据进行叠加,确定三维光盘元素对应的光盘颜色。
示意性的,获取得到目标音频作品的封面图后,首先,从封面图中获取图像调色板(也即,颜色数据),并从中确定多个颜色样本;其次,对目标音频作品的封面图与已有色库(例如:设计师给定的一组颜色的集合)进行匹配,确定目标色值范围;最后,将目标色值范围和多个颜色样本进行匹配,确定三维光盘元素对应的颜色样本与色值数据,将该颜色样本和色值数据进行叠加得到三维光盘元素对应的光盘颜色,也即,外部环形区域504显示的指定颜色图片中的指定颜色。
可选地,在目标音频作品的播放过程中,音频播放界面在显示三维专辑元素的打开动画,显现三维光盘元素的同时还会显示目标音频作品对应的频谱动画、背景缩放动画、文本消散动画等,下面分别对这三个动画的进行说明:
频谱动画:在一些可选的实施例中,在目标音频作品的播放过程中,显示目标音频作品对应的频谱动画。
示意性的,在歌曲播放的过程中,频谱动画会随着目标音频作品对应的音乐节奏改变,表现为目标音频作品对应的音调高和节奏快时,频谱动画的视觉幅度会增强;目标音频作品对应的音调低和节奏慢时,频谱动画的视觉幅度会减弱。
可选地,上述频谱动画的获取方法包括以下步骤:对目标音频作品对应的脉冲调制编码(Pulse-Code Modulation,PCM)数据做短时傅里叶变换,计算目标音频作品对应的振幅值;对计算得到的振幅值进行符合人耳听觉变换的处理,例如:A计权(A-Weight)加权滤波算法以及梅尔(Mel)标度转换;最后,将处理过的振幅值进行帧内以及帧间的数据平滑处理,将处理后的数据进行可视化展示,即为频谱动画。
可选地,其中频谱动画的展现形式包括空间频谱动画和平面频谱动画。
对于空间频谱动画可参考图4和图11,如图4所示,在三维显示空间411中,频谱动画418贯穿三维专辑元素417和三维光盘元素415进行播放;或者,如图11所示,在三维显示空间1111中,频谱动画1117围绕三维专辑元素1112和三维光盘元素1115进行播放。
对于平面频谱动画可参考图6,平面频谱动画可显示在音频播放界面的任一指定位置,例如:三维显示空间的中间位置;音频播放界面的播放进度条上方;音频播放界面的底部;音频播放界面的侧边(左边和右边)。
可选地,平面频谱动画可根据目标音频作品的播放进度,切换在音频播放界面的显示位置。如图6所示,在音频播放界面600中,频谱动画601显示三维显示空间的中间位置,当目标音频作品播放一段时间后,音频播放界面610中,频谱动画611显示在音频播放界面610的底部;当目标音频作品再次播放一段时间后,音频播放界面620中,频谱动画621显示在音频播放界面620的右侧边。
背景缩放动画:在一些可选的实施例中,响应于目标音频作品切换至播放状态,获取目标音频作品当前播放帧的放大参数,放大参数用于指示目标音频作品对应的音频在帧间的响度数据;响应于目标音频作品当前播放帧的放大参数大于预设阈值,在音频播放界面显示播放背景的缩放动画。
可选地,上述放大参数的获取方式还包括以下步骤:
获取目标音频作品当前播放的音频帧的PCM数据,根据PCM数据计算当前播放的音频帧的响度的均方根值,将该均方根值进行归一化处理,得到放大参数。
可选地,在目标音频作品播放的播放过程中,若第1个音频帧对应放大参数大于预设数据,即开始播放播放背景的缩放动画,由于缩放动画的播放时间通常大于1个音频帧对应的时间;则在缩放动画的播放过程中,会继续判断第2个音频帧对应的放大参数和第1个音频帧对应的放大参数之间的大小关系,若第2个音频帧对应的放大参数大于第1个音频帧对应的放大参数,则会中断当前正在播放的缩放动画,重新开始播放新的缩放动画;若第2个音频帧对应的放大参数小于或者等于第1个音频帧对应的放大参数,则会继续播放当前正在播放的缩放动画。
或者,可选地,当前正在播放的缩放动画播放结束后,再判断是否需要播放播放背景的缩放动画,比较的是缩放动画的播放结束后的第1个音频帧对应的放大参数和预设阈值之间的大小关系。
可选地,音频播放界面中的背景界面中显示有背景图片,该背景图片的获取方式包括:获取目标音频作品对应的封面图;对该封面图进行高斯模糊处理,获得处理过的封面图,则该封面图即为音频播放界面的背景图片。可选地,上述播放背景的缩放动画是指对经过高斯模糊处理的封面图中的部分区域的从放大显示恢复成正常显示的动画;或者,对经过高斯模糊处理的封面图中的部分区域的从缩小显示恢复成正常显示的动画。
示意性的,请参考图7,将三维专辑元素封面图显示在音频播放界面的播放背景中,即得到了界面700,其中界面700背景中显示的元素701为放大动画的放大对象;响应于目标音频作品当前播放帧的放大参数大于预设阈值,则会显示元素701的放大动画,即在界面710中,显示元素701被放大成为元素711的动画效果。
文本消散动画:在一些可选的实施例中,以上述文本显示区域显示的文本数据实现为歌词为例进行说明,则文本数据的显示方法还包括以下步骤:
步骤一:响应于目标音频作品切换至播放状态,根据目标音频作品的播放进度,确定目标音频作品的待显示文本中的第一文本。
示意性的,当歌曲开始播放时,在文本显示区域实时显示歌曲对应的歌词,其中,第一文本是指当前歌曲播放的歌词,例如:当前播放的是歌曲中的“夜里做了美丽的噩梦”这一句话,则该句歌词对应的文本即为第一文本。
步骤二:在文本显示区域的目标位置以第一透明度显示第一文本,并在第一文本的下方以第二透明度显示第二文本。
其中,目标位置为与文本显示区域的第一边缘的距离小于预设距离的位置,第一透明度小于第二透明度,第二文本的结束显示时间在时序上位于第一文本的结束显示时间之后。
示意性的,第二文本为当前歌曲播放的歌词的下一句歌词,请参考图4,文本显示区域403靠近上边缘的位置显示有“夜里做了美丽的噩梦”,即为当前播放的歌词,也即第一文本;“夜里做了美丽的噩梦”下方显示有“想清醒我却抵不过心动”,即为当前播放的歌词的下一句歌词,也即第二文本。
或者,上述第二文本为当前歌曲播放的歌词的下面多句歌词,也就是说,若第一文本为第i句歌词,第一文本的下方预显示第i+1句歌词、第i+2句歌词等,本申请实施例对此不加以限定。
可选地,第一文本的第一透明度小于第二文本的第二透明度;且第一文本的文本大小大于第二文本的文本大小,用于对第一文本进行突出显示。
步骤三:响应于第一文本的显示时间结束,在文本显示区域显示第一文本的消散动画。
其中,消散动画是指第一文本中的文本分散成多个粒子向预设方向消失的动画。示意性的,消散动画主要包括两部分,第一、将第一文本对应的第一透明度下降为指定透明度;第二、显示粒子分散动画。
可选地,上述指定透明度为第一文本对应的透明度和粒子分散动画对应的透明度相乘的结果,例如:第一文本对应的透明度为70%,粒子分散动画对应的透明度为20%,则指定透明度为1.4%。
示意性的,在第一文本的位置按照第一文本对应的纹理长度播放与之匹配的粒子序列帧;同时,将第一文本对应的透明度下降至指定透明度,则可实现第一文本的消散动画。
请参考图8,其示出了一个第一文本的消散动画的过程示意图,如图8所示,在界面800中,当歌曲播放完歌词801后,开始显示歌词801的消散动画;界面810中,歌词811纹理的透明度小于歌词801纹理的透明度,且在歌词811上覆盖有粒子序列帧;界面820中,歌词已完全分散成粒子,消散动画显示结束。
可选地,当第一文本的消散动画显示结束后,第二文本会移动到第一文本的显示位置,且第二文本对应的透明度将提高至第一透明度,且第二文本对应的文本大小将增大至第一文本对应的文本大小。
综上所述,通过将目标音频作品切换至播放状态,在音频播放界面上显示三维壳体元素的打开动画,三维音频载体元素随着三维壳体元素的打开从三维壳体元素中显现,使得在切换目标音频状态的过程中,音频播放界面上显示相应的动画效果,丰富了用户操作和界面显示之间的交互形式,提高了人机交互效率。
本申请实施例提供的方法,三维壳体元素可实现为三维专辑元素,三维音频载体元素可实现为三维光盘元素,丰富了三维壳体元素和三维音频载体元素的动画展现形式。
本申请实施例提供的方法,在将目标音频作品切换至播放状态时,会显示三维专辑元素对应的专辑壳体打开动画,且显示三维光盘元素从三维专辑元素中滑出的滑出动画,一方面,丰富了三维光盘元素显现形式,另一方面,增强了三维光盘元素在显现过程中的立体效果。
本申请实施例提供的方法,在显示三维专辑元素的滑出动画时,提供了至少两种滑出动画的显示方法,也即,匀速滑出动画和变速滑出动画,进一步的丰富了三维光盘元素显现形式。
本申请实施例提供的方法,在将目标音频作品切换至播放状态时,会显示目标音频作品对应的频谱动画,将目标音频作品对应的音频数据进行可视化展示,提高了人机交互效率。
本申请实施例提供的方法,在将目标音频作品切换至播放状态时,当目标音频作品当前播放帧的放大参数大于预设阈值,会在音频播放界面显示播放背景的缩放动画,增强了音频显示界面对于目标音频作品的表现力。
本申请实施例提供的方法,会根据目标音频作品的封面图对应的颜色数据确定三维光盘元素对应的光盘颜色,提高了目标音频作品和三维光盘元素在显示过程中的适配度。
本申请实施例提供的方法,在将目标音频作品切换至播放状态时,会在音频播放界面显示文本数据的消散动画,丰富了文本数据在音频播放界面的显示形式,提高了人机交互效率。
在一些可选的实施例中,上述三维壳体元素包括三维专辑元素,三维音频载体元素包括三维光盘元素,三维光盘元素置于三维专辑元素中的光盘槽内,随着三维专辑元素对应的专辑壳体打开而显现,图9是本申请另一种示例性实施例提供的播放界面的显示方法的流程图,以该方法应用于如图1所示的终端中为例进行说明,该方法包括:
步骤901,显示音频播放界面。
其中,音频播放界面中包括目标音频作品对应的三维专辑元素,三维专辑元素中容纳有三维光盘元素。
音频播放界面用于播放目标音频作品,可选地,音频播放界面中包括播放器元素显示区域、文本显示区域、操作区域等。示意性的,播放器元素显示区域实现为一个三维显示空间,用于显示三维专辑元素和三维光盘元素,其中,三维光盘元素容纳在三维专辑元素中,为不可见状态。
示意性的,请参考图10,在界面1000中,显示有三维显示空间1001,当歌曲处于播放状态的开始时刻时,三维显示空间1001仅显示三维专辑元素1002,在三维专辑元素1002的内部不可见空间中容纳有三维光盘元素。
步骤902,响应于目标音频作品切换至播放状态,显示三维专辑元素对应的专辑壳体打开动画;其中,三维光盘元素置于三维专辑元素中的光盘槽内,随着三维专辑元素对应的专辑壳体打开,三维光盘元素从三维专辑元素中显现。
示意性的,请参考图10,当歌曲开始播放后,在界面1010的三维显示空间1011中显示三维专辑元素1012的上壳体1013和下壳体1014的打开动画,其中,打开动画可以实现为上壳体1013固定,下壳体1014向下展开的动画;还可以实现为上壳体1013向上展开,下壳体1014固定的动画;还可以实现为上壳体1013向上展开,下壳体1014向下展开的动画,本申请实施例对此不加以限定。
示意性的,在上壳体1013和下壳体1014的打开动画显示结束后,即三维专辑元素1012对应的专辑壳体打开后,其中容纳的三维光盘元素1015置于三维专辑元素1012中的光盘槽内,随着三维专辑元素1012对应的专辑壳体的打开而显现出来。
可选地,响应于目标音频作品切换至播放状态,播放目标音频作品;并三维专辑元素对应的专辑壳体打开动画显示结束后,显示三维光盘元素围绕三维专辑元素中的光盘槽的中心进行旋转的旋转动画。
下面,对分别对播放暂停状态和被切换状态下的目标音频作品对应的三维光盘元素和三维专辑元素的显示动画进行说明:
播放暂停状态:响应于目标音频作品切换至暂停状态;显示三维专辑元素对应的专辑壳体合拢动画。
示意性的,请参考图10,当歌曲暂停时,会显示三维专辑元素1012的上壳体1013和下壳体1014合拢容纳空间,直至三维光盘元素1015完全收纳入三维专辑元素1012中,表现为不可见状态。
可选地,响应于目标音频作品切换至播放暂停状态,暂停播放目标音频作品;并暂停显示三维光盘元素围绕三维专辑元素中的光盘槽的中心进行旋转的旋转动画。
被切换状态:可选地,响应于目标音频作品被切换至其他音频作品,显示三维专辑元素和三维光盘元素在音频播放界面中的切出动画。
示意性的,请参考图10,当点击界面1010中的下一首控件1016后,当前播放的歌曲将被切换,则会将当前显示下的三维专辑元素1012和三维光盘元素1015从当前位置移动到移动至音频播放界面的指定边缘外,并切出显示画面外。也即,当歌曲被切换时,会直接将正在显示的三维光盘元素和三维专辑元素切出显示画面外。
或者,当点击界面1010中的下一首控件1016后,当前播放的歌曲将被切换,显示三维专辑元素1012的上壳体1013和下壳体1014合拢容纳空间,直至三维光盘元素1015完全收纳入三维专辑元素1012中,表现为不可见状态后,将三维专辑元素1012和三维光盘元素1015切出显示画面外。也即,当歌曲被切换时,会将三维专辑元素合上后,三维专辑元素和其中容纳的三维光盘元素切出显示画面外。
综上所述,本申请实施例提供的播放界面的显示方法通过将目标音频作品切换至播放状态,在音频播放界面上显示三维壳体元素的打开动画,三维音频载体元素随着三维壳体元素的打开从三维壳体元素中显现,使得在切换目标音频状态的过程中,音频播放界面上显示相应的动画效果,丰富了用户操作和界面显示之间的交互形式,提高了人机交互效率。
本申请实施例提供的方法,在将目标音频作品切换至播放状态后,会显示三维专辑元素对应的专辑壳体打开动画;其中,三维光盘元素置于三维专辑元素中的光盘槽内,随着三维专辑元素对应的专辑壳体打开,三维光盘元素从三维专辑元素中显现,一方面,丰富了三维光盘元素的显现形式,另一方面,三维光盘元素显现过程中,三维光盘元素可以不进行动态显示,节省了计算机的计算资源。
在一些可选的实施例中,上述三维壳体元素包括三维专辑元素,三维音频载体元素包括三维光盘元素,在专辑壳体打开动画播放结束后,还显示光盘拿取动画,图11是本申请另一种示例性实施例提供的播放界面的显示方法的流程图,以该方法应用于如图1所示的终端中为例进行说明,该方法包括:
步骤1101,显示音频播放界面。
其中,音频播放界面中包括目标音频作品对应的三维专辑元素,三维专辑元素中容纳有三维光盘元素。
音频播放界面用于播放目标音频作品,可选地,音频播放界面中包括播放器元素显示区域、文本显示区域、操作区域等。示意性的,播放器元素显示区域实现为一个三维显示空间,用于显示三维专辑元素和三维光盘元素,其中,三维光盘元素容纳在三维专辑元素中,为不可见状态。
步骤1102,响应于目标音频作品切换至播放状态,显示三维专辑元素对应的专辑壳体打开动画。
其中,专辑壳体打开动画的显示方法在步骤302中具体进行了说明,此处不再赘述。
步骤1103,在专辑壳体打开动画播放结束后,显示光盘拿取动画。
其中,光盘拿取动画用于指示三维手部元素从三维专辑元素中取出三维光盘元素,并将三维光盘元素放置至指定位置的动画。
可选地,响应于目标音频作品切换至播放状态,播放目标音频作品;并在三维光盘元素放置至指定位置的动画显示结束后,显示三维光盘元素围绕指定中心点进行旋转的旋转动画。
可选地,在音频播放界面还显示有三维光盘播放器,则指定位置为三维光盘播放器的播放槽。示意性的,三维专辑元素对应的专辑壳体打开后,通过手部模型取出在三维专辑元素的光盘槽中的三维光盘元素,并将该三维光盘元素放置在三维光盘播放器的播放槽中,并显示三维光盘元素围绕播放槽中心开始旋转的旋转动画。
下面,对分别对播放暂停状态和被切换状态下的目标音频作品对应的三维光盘元素和三维专辑元素的显示动画进行说明:
播放暂停状态:响应于目标音频作品切换至暂停状态,显示光盘放回动画;在光盘放回动画播放结束后,显示三维专辑元素对应的专辑壳体合拢动画。
其中,光盘放回动画用于指示三维手部元素从指定位置中取出三维光盘元素,并将三维光盘元素放回至三维专辑元素的光盘槽中的动画。
可选地,响应于目标音频作品切换至播放暂停状态,暂停播放目标音频作品;并暂停显示三维光盘元素围绕指定中心点进行旋转的旋转动画。
被切换状态:可选地,响应于目标音频作品被切换至其他音频作品,显示三维专辑元素和三维光盘元素在音频播放界面中的切出动画。
其中,切出动画的显示方法包括以下情况中的至少一种:
情况一:将当前音频播放界面中显示的三维光盘元素从指定位置移动至音频播放界面的指定边缘外,并切出显示画面外。
情况二:显示光盘放回动画,在光盘放回动画播放结束后,将当前音频播放界面中显示的三维专辑元素和其中容纳的三维光盘元素从指定位置移动至音频播放界面的指定边缘外,并切出显示画面外。
在一些可选的实施例中,显示打开动画之后,还可以显示三维专辑元素的切出动画,示意性的,当三维专辑元素对应的专辑壳体打开显现三维光盘元素后,单独将三维专辑元素从当前显示位置移动至音频播放界面的指定边缘外,将三维专辑元素切出显示画面外。也即,在歌曲的开始播放的时候,会显示歌曲对应的三维专辑元素和三维光盘元素,并显示三维光盘元素从三维专辑元素中取出的动画,当三维光盘元素从三维专辑元素中取出后,可以将三维专辑元素移出显示画面,在接下来歌曲的播放过程中,只显示三维光盘元素。
综上所述,本申请实施例提供的播放界面的显示方法通过将目标音频作品切换至播放状态,在音频播放界面上显示三维壳体元素的打开动画,三维音频载体元素随着三维壳体元素的打开从三维壳体元素中显现,使得在切换目标音频状态的过程中,音频播放界面上显示相应的动画效果,丰富了用户操作和界面显示之间的交互形式,提高了人机交互效率。
本申请实施例提供的方法,在将目标音频作品切换至播放状态后,会显示三维专辑元素对应的专辑壳体打开动画;在专辑壳体打开动画播放结束后,会显示三维手部元素从三维专辑元素中取出三维光盘元素,并将三维光盘元素放置至指定位置的动画,一方面,丰富了三维光盘元素的显现形式,另一方面,进一步增强了三维光盘元素在显现过程中的立体效果。
图12是本申请一个示例性实施例提供的分类模型的训练装置的结构框图,如图12所示,该装置包括如下部分:
显示模块1200,用于显示音频播放界面,所述音频播放界面中包括目标音频作品对应的三维壳体元素,所述三维壳体元素中容纳有三维音频载体元素;
所述显示模块1200,还用于响应于所述目标音频作品切换至播放状态,显示所述三维壳体元素的打开动画,所述三维音频载体元素随着所述三维壳体元素的打开从所述三维壳体元素中显现。
请参考图13,在一些可选的实施例中,所述三维壳体元素包括三维专辑元素,所述三维音频载体元素包括三维光盘元素。
在一些可选的实施例中,所述显示模块1200,还用于响应于所述目标音频作品切换至播放状态,显示所述三维专辑元素对应的专辑壳体打开动画;所述显示模块1200,还用于显示所述三维光盘元素从所述三维专辑元素中滑出的滑出动画。
在一些可选的实施例中,所述显示模块1200,还用于显示所述三维光盘元素从所述三维专辑元素中匀速滑出的第一滑出动画;或者,用于显示所述三维光盘元素从所述三维专辑元素中变速滑出的第二滑出动画。
在一些可选的实施例中,所述显示模块1200,还用于响应于所述目标音频作品切换至播放状态,显示所述三维专辑元素对应的专辑壳体打开动画;其中,所述三维光盘元素置于所述三维专辑元素中的光盘槽内,随着所述三维专辑元素对应的专辑壳体打开,所述三维光盘元素从所述三维专辑元素中显现。
在一些可选的实施例中,所述显示模块1200,还用于响应于所述目标音频作品切换至播放状态,显示所述三维专辑元素对应的专辑壳体打开动画;所述显示模块1200,还用于在所述专辑壳体打开动画播放结束后,显示光盘拿取动画,所述光盘拿取动画用于指示三维手部元素从所述三维专辑元素中取出所述三维光盘元素,并将所述三维光盘元素放置至指定位置的动画。
在一些可选的实施例中,所述显示模块1200,还用于响应于所述目标音频作品切换至播放暂停状态,显示所述三维壳体元素的合拢动画,所述三维音频载体元素随着所述三维壳体元素的合拢收纳入所述三维壳体元素中。
在一些可选的实施例中,所述音频播放界面中包括播放背景;所述装置还包括:
获取模块1210,用于响应于所述目标音频作品切换至播放状态,获取所述目标音频作品当前播放帧的放大参数,所述放大参数用于指示所述目标音频作品对应的音频在帧间的响度数据;
所述显示模块1200,还用于响应于所述目标音频作品当前播放帧的放大参数大于预设阈值,在所述音频播放界面显示所述播放背景的缩放动画。
在一些可选的实施例中,所述获取模块1210,用于获取所述目标音频作品的封面图对应的颜色数据;所述装置还包括:
确定模块1220,用于基于所述封面图对应的颜色数据,确定所述三维光盘元素对应的颜色样本;
所述确定模块1220,还用于将所述封面图对应的颜色数据与预设颜色库匹配,确定所述三维光盘元素对应的色值数据;
所述确定模块1220,还用于将所述三维光盘元素对应的颜色样本与所述三维光盘元素对应的色值数据进行叠加,确定所述三维光盘元素对应的光盘颜色。
在一些可选的实施例中,所述音频播放界面中包括文本显示区域,所述文本显示区域用于显示所述目标音频作品对应的文本数据;所述确定模块1220,还用于响应于所述目标音频作品切换至播放状态,根据所述目标音频作品的播放进度,确定所述目标音频作品的待显示文本中的第一文本;所述显示模块1200,还用于在所述文本显示区域的目标位置以第一透明度显示第一文本,并在所述第一文本的下方以第二透明度显示第二文本,所述目标位置为与所述文本显示区域的第一边缘的距离小于预设距离的位置,所述第一透明度小于所述第二透明度,所述第二文本的结束显示时间在时序上位于所述第一文本的结束显示时间之后;所述显示模块1200,还用于响应于到达所述第一文本的显示时间结束,在所述文本显示区域显示所述第一文本的消散动画,所述消散动画是指所述第一文本中的文本分散成多个粒子向预设方向消失的动画。
综上所述,本申请实施例提供的播放界面的显示装置通过将目标音频作品切换至播放状态,在音频播放界面上显示三维壳体元素的打开动画,三维音频载体元素随着三维壳体元素的打开从三维壳体元素中显现,使得在切换目标音频状态的过程中,音频播放界面上显示相应的动画效果,丰富了用户操作和界面显示之间的交互形式,提高了人机交互效率。
需要说明的是:上述实施例提供的播放界面的显示装置,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的播放界面的显示装置与播放界面的显示方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
图14示出了本申请一个示例性实施例提供的计算机设备1400的结构框图。该计算机设备1400可以是便携式移动终端,比如:智能手机、平板电脑、MP3播放器(MovingPicture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。计算机设备1400还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
通常,计算机设备1400包括有:处理器1401和存储器1402。
处理器1401可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器1401可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1401也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU(Central ProcessingUnit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器1401可以集成有GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器1401还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器1402可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器1402还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器1402中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器1401所执行以实现本申请中方法实施例提供的分类模型的训练方法和数据分类方法。
在一些实施例中,计算机设备1400还可选包括其他组件,本领域技术人员可以理解,图14中示出的结构并不构成对计算机设备1400的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,该计算机可读存储介质可以是上述实施例中的存储器中所包含的计算机可读存储介质;也可以是单独存在,未装配入终端中的计算机可读存储介质。该计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现上述实施例中任一所述的分类模型的训练方法和数据分类方法。
可选的,该计算机可读存储介质可以包括:只读存储器(ROM,Read Only Memory)、随机存取记忆体(RAM,Random Access Memory)、固态硬盘(SSD,Solid State Drives)或光盘等。其中,随机存取记忆体可以包括电阻式随机存取记忆体(ReRAM,Resistance RandomAccess Memory)和动态随机存取存储器(DRAM,Dynamic Random Access Memory)。上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的较佳实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (14)
1.一种播放界面的显示方法,其特征在于,所述方法包括:
显示音频播放界面,所述音频播放界面中包括目标音频作品对应的三维壳体元素,所述三维壳体元素中容纳有三维音频载体元素;
响应于所述目标音频作品切换至播放状态,显示所述三维壳体元素的打开动画,所述三维音频载体元素随着所述三维壳体元素的打开从所述三维壳体元素中显现。
2.根据权利要求1所述的方法,其特征在于,
所述三维壳体元素包括三维专辑元素,所述三维音频载体元素包括三维光盘元素。
3.根据权利要求2所述的方法,其特征在于,所述响应于所述目标音频作品切换至播放状态,显示所述三维壳体元素的打开动画,包括:
响应于所述目标音频作品切换至播放状态,显示所述三维专辑元素对应的专辑壳体打开动画;
显示所述三维光盘元素从所述三维专辑元素中滑出的滑出动画。
4.根据权利要求3所述的方法,其特征在于,所述显示所述三维光盘元素从所述三维专辑元素中滑出的滑出动画,包括:
显示所述三维光盘元素从所述三维专辑元素中匀速滑出的第一滑出动画;或者,
显示所述三维光盘元素从所述三维专辑元素中变速滑出的第二滑出动画。
5.根据权利要求2所述的方法,其特征在于,所述响应于所述目标音频作品切换至播放状态,显示所述三维壳体元素的打开动画,包括:
响应于所述目标音频作品切换至播放状态,显示所述三维专辑元素对应的专辑壳体打开动画;其中,所述三维光盘元素置于所述三维专辑元素中的光盘槽内,随着所述三维专辑元素对应的专辑壳体打开,所述三维光盘元素从所述三维专辑元素中显现。
6.根据权利要求2所述的方法,其特征在于,所述响应于所述目标音频作品切换至播放状态,显示所述三维壳体元素的打开动画,包括:
响应于所述目标音频作品切换至播放状态,显示所述三维专辑元素对应的专辑壳体打开动画;
在所述专辑壳体打开动画播放结束后,显示光盘拿取动画,所述光盘拿取动画用于指示三维手部元素从所述三维专辑元素中取出所述三维光盘元素,并将所述三维光盘元素放置至指定位置的动画。
7.根据权利要求1至6任一所述的方法,其特征在于,所述方法还包括:
响应于所述目标音频作品切换至播放暂停状态,显示所述三维壳体元素的合拢动画,所述三维音频载体元素随着所述三维壳体元素的合拢收纳入所述三维壳体元素中。
8.根据权利要求1至6任一所述的方法,其特征在于,所述音频播放界面中包括播放背景;
所述方法还包括:
响应于所述目标音频作品切换至播放状态,获取所述目标音频作品当前播放帧的放大参数,所述放大参数用于指示所述目标音频作品对应的音频在帧间的响度数据;
响应于所述目标音频作品当前播放帧的放大参数大于预设阈值,在所述音频播放界面显示所述播放背景的缩放动画。
9.根据权利要求2至6任一所述的方法,其特征在于,所述方法还包括:
获取所述目标音频作品的封面图对应的颜色数据;
基于所述封面图对应的颜色数据,确定所述三维光盘元素对应的颜色样本;
将所述封面图对应的颜色数据与预设颜色库匹配,确定所述三维光盘元素对应的色值数据;
将所述三维光盘元素对应的颜色样本与所述三维光盘元素对应的色值数据进行叠加,确定所述三维光盘元素对应的光盘颜色。
10.根据权利要求1至6任一所述的方法,其特征在于,所述音频播放界面中包括文本显示区域,所述文本显示区域用于显示所述目标音频作品对应的文本数据;
所述方法还包括:
响应于所述目标音频作品切换至播放状态,根据所述目标音频作品的播放进度,确定所述目标音频作品的待显示文本中的第一文本;
在所述文本显示区域的目标位置以第一透明度显示第一文本,并在所述第一文本的下方以第二透明度显示第二文本,所述目标位置为与所述文本显示区域的第一边缘的距离小于预设距离的位置,所述第一透明度小于所述第二透明度,所述第二文本的结束显示时间在时序上位于所述第一文本的结束显示时间之后;
响应于到达所述第一文本的显示时间结束,在所述文本显示区域显示所述第一文本的消散动画,所述消散动画是指所述第一文本中的文本分散成多个粒子向预设方向消失的动画。
11.一种播放界面的显示装置,其特征在于,所述装置包括:
显示模块,用于显示音频播放界面,所述音频播放界面中包括目标音频作品对应的三维壳体元素,所述三维壳体元素中容纳有三维音频载体元素;
所述显示模块,还用于响应于所述目标音频作品切换至播放状态,显示所述三维壳体元素的打开动画,所述三维音频载体元素随着所述三维壳体元素的打开从所述三维壳体元素中显现。
12.一种计算机设备,其特征在于,所述计算机设备包括处理器和存储器,所述存储器中存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现如权利要求1至10任一所述的播放界面的显示方法。
13.一种计算机可读存储介质,其特征在于,所述存储介质中存储有至少一条指令,所述至少一条指令由处理器加载并执行以实现如权利要求1至10任一所述的播放界面的显示方法。
14.一种计算机程序产品,其特征在于,包括计算机指令,所述计算机指令被处理器执行时实现如权利要求1至10任一所述的播放界面的显示方法。
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
PCT/CN2022/124701 WO2024077492A1 (zh) | 2022-10-11 | 2022-10-11 | 播放界面的显示方法、装置、设备、介质及程序产品 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115997196A true CN115997196A (zh) | 2023-04-21 |
Family
ID=85993907
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202280003532.3A Pending CN115997196A (zh) | 2022-10-11 | 2022-10-11 | 播放界面的显示方法、装置、设备、介质及程序产品 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN115997196A (zh) |
WO (1) | WO2024077492A1 (zh) |
Family Cites Families (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102831912B (zh) * | 2012-08-10 | 2016-01-06 | 上海量明科技发展有限公司 | 显示音频消息播放进度的方法、客户端及系统 |
US20170206055A1 (en) * | 2016-01-19 | 2017-07-20 | Apple Inc. | Realtime audio effects control |
CN107329980B (zh) * | 2017-05-31 | 2022-04-12 | 福建星网视易信息系统有限公司 | 一种基于音频的实时联动显示方法及存储设备 |
CN109587537B (zh) * | 2018-12-20 | 2021-06-01 | 聚好看科技股份有限公司 | 智能电视的多媒体文件的展示方法、装置及存储介质 |
CN110139143B (zh) * | 2019-05-23 | 2021-11-02 | 广州酷狗计算机科技有限公司 | 虚拟物品显示方法、装置、计算机设备以及存储介质 |
CN112259062B (zh) * | 2020-10-20 | 2022-11-04 | 北京字节跳动网络技术有限公司 | 特效展示方法、装置、电子设备及计算机可读介质 |
CN113157369B (zh) * | 2021-04-07 | 2023-04-18 | 杭州网易云音乐科技有限公司 | 音乐播放互动方法、装置、存储介质与电子设备 |
CN113190156A (zh) * | 2021-05-13 | 2021-07-30 | 杭州网易云音乐科技有限公司 | 音乐播放控制方法、装置、存储介质及电子设备 |
CN113920225A (zh) * | 2021-10-20 | 2022-01-11 | 杭州网易云音乐科技有限公司 | 动画特效生成方法、介质、装置和计算设备 |
CN114924704A (zh) * | 2022-05-31 | 2022-08-19 | 杭州网易云音乐科技有限公司 | 一种动画特效显示控制方法、装置、电子设备及存储介质 |
-
2022
- 2022-10-11 CN CN202280003532.3A patent/CN115997196A/zh active Pending
- 2022-10-11 WO PCT/CN2022/124701 patent/WO2024077492A1/zh unknown
Also Published As
Publication number | Publication date |
---|---|
WO2024077492A1 (zh) | 2024-04-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11481988B2 (en) | Avatar editing environment | |
CN108010112B (zh) | 动画处理方法、装置及存储介质 | |
US12017145B2 (en) | Method and system of automatic animation generation | |
CN111182358B (zh) | 视频处理方法、视频播放方法、装置、设备和存储介质 | |
CN112669417A (zh) | 虚拟形象的生成方法、装置、存储介质及电子设备 | |
CN112652041B (zh) | 虚拟形象的生成方法、装置、存储介质及电子设备 | |
US10176644B2 (en) | Automatic rendering of 3D sound | |
US20180143741A1 (en) | Intelligent graphical feature generation for user content | |
CN110322571B (zh) | 一种页面处理方法、装置及介质 | |
CN110727629A (zh) | 有声电子书的播放方法、电子设备及计算机存储介质 | |
CN108614872A (zh) | 课程内容展示方法及装置 | |
Jänicke et al. | SoundRiver: semantically‐rich sound illustration | |
WO2024077498A1 (zh) | 一种播放界面的显示方法、装置、设备及可读存储介质 | |
CN104994920B (zh) | 呈现具有分层式功能的数字内容项目 | |
CN112231029A (zh) | 应用于主题的帧动画处理方法 | |
CN115997196A (zh) | 播放界面的显示方法、装置、设备、介质及程序产品 | |
CN111265875B (zh) | 一种用于游戏角色装备展示的方法与设备 | |
KR20220116440A (ko) | 증강 현실 기반 디스플레이 방법, 기기, 저장매체 및 프로그램 제품 | |
CN110705242A (zh) | 一种制作幻灯片模板的方法、装置及电子设备 | |
Rudi | Computer music video: A composer's perspective | |
JP5550447B2 (ja) | 電子機器及び方法 | |
CN105761203B (zh) | 一种信息处理方法及电子设备 | |
CN115373818A (zh) | 一种基于头戴式设备的悬浮窗应用方法、装置及其介质 | |
CN112734940A (zh) | Vr内容播放修改方法、装置、计算机设备及存储介质 | |
Kraasch | Autolume-Live: An interface for live visual performances using GANs |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |