图像显示方法、装置及电子设备与流程

1.本技术属于电子设备技术领域，具体涉及一种图像显示方法、装置及电子设备。


背景技术：

2.目前，智能手机内普遍有音乐播放器功能，其支持的基本操作包括：播放不同音源的音乐、播放、暂停、切换歌曲、显示歌词、查看播放列表、收藏歌曲、切换播放循环方式等。但是，目前的音乐播放器的面板个性化程度低，在交互和视觉上缺乏情感化表达。
3.由上可知，目前针对音频播放的图像显示方案无法实现与对应音频的贴合化显示。


技术实现要素：

4.本技术实施例的目的是提供一种图像显示方法、装置及电子设备，能够解决现有技术中针对音频播放的图像显示方案无法实现与对应音频的贴合化显示的问题。
5.第一方面，本技术实施例提供了一种图像显示方法，该方法包括：
6.显示音频播放界面，所述音频播放界面包括目标元素；
7.获取与所述音频播放界面对应的目标音频的类别参数；
8.根据所述类别参数，调整所述目标元素的颜色；
9.其中，所述类别参数包括：封面信息以及分类标签信息中的至少一项。
10.第二方面，本技术实施例提供了一种图像显示装置，该装置包括：
11.第一显示模块，用于显示音频播放界面，所述音频播放界面包括目标元素；
12.第一获取模块，用于获取与所述音频播放界面对应的目标音频的类别参数；
13.第一调整模块，用于根据所述类别参数，调整所述目标元素的颜色；
14.其中，所述类别参数包括：封面信息以及分类标签信息中的至少一项。
15.第三方面，本技术实施例提供了一种电子设备，该电子设备包括处理器和存储器，所述存储器存储可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
16.第四方面，本技术实施例提供了一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。
17.第五方面，本技术实施例提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现如第一方面所述的方法。
18.第六方面，本技术实施例提供一种计算机程序产品，该程序产品被存储在存储介质中，该程序产品被至少一个处理器执行以实现如第一方面所述的方法。
19.在本技术实施例中，通过显示音频播放界面，所述音频播放界面包括目标元素；获取与所述音频播放界面对应的目标音频的类别参数；根据所述类别参数，调整所述目标元素的颜色；其中，所述类别参数包括：封面信息以及分类标签信息中的至少一项；能够实现
贴合于不同音频的色彩显示，营造情感化和智能化的播放体验，提高个性化程度，很好的解决了现有技术中针对音频播放的图像显示方案无法实现与对应音频的贴合化显示的问题。
附图说明
20.图1为本技术实施例的图像显示方法流程示意图；
21.图2为本技术实施例的音乐面板示意图一；
22.图3为本技术实施例的设置界面示意图一；
23.图4为本技术实施例的按钮样式示意图一；
24.图5为本技术实施例的按钮样式示意图二；
25.图6为本技术实施例的按钮样式示意图三；
26.图7为本技术实施例的按钮样式示意图四；
27.图8为本技术实施例的按钮大小示意图；
28.图9为本技术实施例的设置界面示意图二；
29.图10为本技术实施例的音乐面板示意图二；
30.图11为本技术实施例的音乐面板示意图三；
31.图12为本技术实施例的音乐面板示意图四；
32.图13为本技术实施例的音乐面板示意图五；
33.图14为本技术实施例的音乐面板示意图六；
34.图15为本技术实施例的音乐面板示意图七；
35.图16为本技术实施例的音乐面板示意图八；
36.图17为本技术实施例的音乐面板示意图九；
37.图18为本技术实施例的音乐面板示意图十；
38.图19为本技术实施例的音乐面板示意图十一；
39.图20为本技术实施例的图像显示装置结构示意图；
40.图21为本技术实施例的电子设备结构示意图一；
41.图22为本技术实施例的电子设备结构示意图二。
具体实施方式
42.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚地描述，显然，所描述的实施例是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员获得的所有其他实施例，都属于本技术保护的范围。
43.本技术的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。
44.下面结合附图，通过具体的实施例及其应用场景对本技术实施例提供的图像显示方法进行详细地说明。
45.本技术实施例提供的图像显示方法，如图1所示，包括：
46.步骤11：显示音频播放界面，所述音频播放界面包括目标元素。
47.目标元素可以为某一形状的图像，比如圆形图像；但并不以此为限。
48.步骤12：获取与所述音频播放界面对应的目标音频的类别参数。
49.具体可包括：获取当前在所述音频播放界面下播放的目标音频的类别参数；但并不以此为限。目标音频可以包括：歌曲等音乐内容以及听书或电台等非音乐内容中的至少一项。
50.步骤13：根据所述类别参数，调整所述目标元素的颜色；其中，所述类别参数包括：封面信息以及分类标签信息中的至少一项。
51.调整后的颜色可以与当前显示的颜色相同或不同，在此不作限定。
52.其中，所述根据所述类别参数，调整所述目标元素的颜色，包括：根据所述目标音频对应的封面信息，提取所述目标音频对应的封面图像所包含的颜色；根据提取的所述颜色，调整所述目标元素的颜色。
53.这样可以快速的调整的目标元素的颜色。关于“根据提取的所述颜色，调整所述目标元素的颜色”，具体可以包括：根据各颜色在所述封面图像中的占比进行排序，得到排序结果；根据所述排序结果，获取目标颜色(比如将排序在前n位的颜色作为目标颜色，n为大于0的整数)；根据所述目标颜色，调整所述目标元素的颜色。
54.本技术实施例中，所述根据所述类别参数，调整所述目标元素的颜色，包括：根据所述目标音频的分类标签信息对应的颜色，调整所述目标元素的颜色。
55.这样同样可以快速的调整的目标元素的颜色。具体的，可以是：分类标签信息与颜色之间可以有一个预存储的第一对应关系；后续根据分类标签信息和该第一对应关系即可得到对应的颜色。
56.在此说明，“根据分类标签信息调整目标元素的颜色”可以与“根据封面信息调整目标元素的颜色”分别单独使用，或者组合使用；关于组合使用，比如：两者确定的颜色按照一定比例混合来调整目标元素的颜色；或者根据一定规则，从两者确定的颜色中择一使用来调整目标元素的颜色；在此不作限定。
57.本技术实施例中，所述目标元素包括第一元素和第二元素；所述目标元素的颜色包括：所述第一元素的颜色和所述第二元素的颜色；所述根据所述类别参数，调整所述目标元素的颜色，包括：根据所述类别参数确定的颜色中的第一颜色，调整所述第一元素的颜色；根据所述类别参数确定的颜色中的第二颜色，调整所述第二元素的颜色。
58.这样可以实现针对目标元素中的第一元素和第二元素分别进行颜色调整。
59.其中，所述第一元素与第二元素之间存在重叠区域；所述根据所述类别参数确定的颜色中的第一颜色，调整所述第一元素的颜色，包括：根据所述类别参数确定的颜色中的第一颜色，调整所述第一元素中除所述重叠区域之外的其他区域的颜色；所述根据所述类别参数确定的颜色中的第二颜色，调整所述第二元素的颜色，包括：根据所述类别参数确定的颜色中的第二颜色，调整所述第二元素中除所述重叠区域之外的其他区域的颜色；所述根据所述类别参数，调整所述目标元素的颜色，还包括：根据所述目标元素所对应的显示区域的背景颜色，确定所述重叠区域的显示颜色；或者，根据所述第一颜色和第二颜色，确定所述重叠区域的显示颜色；根据所述显示颜色，调整所述重叠区域的颜色。
60.这样可以实现单独调整重叠区域的颜色，使得方案更加灵活。
61.进一步的，在显示音频播放界面之后，还包括：在所述目标音频处于播放状态的情况下，根据所述目标音频的音频参数信息，确定所述目标元素的形状变化信息；在根据所述类别参数，调整所述目标元素的颜色之后，还包括：根据所述形状变化信息，动态显示所述目标元素；其中，所述音频参数信息包括：响度和频率中的至少一项。
62.这样可以动效显示目标音频的节奏，进一步提升用户体验。具体的，可以是：响度越大，波形的振幅越大(即目标元素的变化幅度越大)；频率越高，波动越紧密(即目标元素的变化频率越高)；反之，则目标元素的边缘越趋近于原形。
63.本技术实施例中，在显示音频播放界面之后，还包括：接收在所述目标元素所对应的显示区域内的第一输入；根据所述第一输入，在所述显示区域内显示所述目标音频对应的文本内容，并对所述目标元素进行模糊处理。
64.这样可以实现目标音频对应的文本内容的显示，以便于用户查看。第一输入可以为点击、滑动等操作，在此不作限定。关于文本内容，可以是目标音频中、当前在播放的那部分音频的文本内容；但并不以此为限。
65.下面对申请实施例提供的所述图像显示方法进行举例说明，音频控制面板以音乐面板为例，目标音频以歌曲为例。
66.针对上述技术问题，本技术实施例提供了一种图像显示方法，具体可实现为一种音乐面板个性化设置的方法，使得一种音乐(播放)面板，通过不同歌曲的色彩显示和交互操作的动效表达，营造出一种灵动、情感化和智能的音乐播放器体验。其中涉及：
67.1、根据歌曲的情绪标签(对应于上述分类标签信息)匹配合适的颜色和歌词样式，通过图形动效显示用户的操作(比如暂停音频的播放)和音乐的节奏(对应于上述根据所述形状变化信息，动态显示所述目标元素)。
68.2、支持自定义面板(即音乐面板)上的界面ui元素，打造用户专属的音乐播放器样式。
69.具体的，本技术实施例中的面板可如图2至图19所示，包括：(顶部)工具栏a、视觉动效显示区(对应于上述目标元素所对应的显示区域)b、歌词信息(的显示区域)c、音乐列表切换(区域)d以及播放控制功能区e。基于图2至图19所示面板，本方案涉及以下几部分内容：
70.部分一，唤起或收起面板：
71.1.可通过全局手势，如通过从屏幕右边缘向左滑动，调出音乐面板。
72.2.可点击非音乐面板的空白区域、或，点击系统的“返回或home”键，以收起音乐面板。
73.部分二，面板功能布局：
74.1.顶部为工具栏a，其中所包含的图标从左到右分别表示：用于播放设备切换(如切换为本机扬声器或外接耳机设备)的功能键a1、用于循环方式切换(如点击后在单曲循环、列表循环、随机播放之间切换)的功能键a2、用于收藏的功能键a3、用于设置的功能键a4。
75.2.视觉动效显示区b，展示当前播放音乐的颜色匹配样式，频谱动态效果，用户操作功能、控制播放等操作时的状态反馈。点击此区域，显示歌曲歌词。
76.3.歌曲信息(的显示区域)c，显示当前歌曲的歌名和歌手名称。
77.4.音乐列表切换(区域)d，点击上下箭头，支持在当前播放列表、收藏列表、下载列表之间切换。
78.5.播放控制功能区e，其中所包含的图标从左到右分别表示：用于切换音源的功能键e1、用于切换至前一首的功能键e2、用于切换播放与暂停的功能键e3、用于切换至后一首的功能键e4。
79.部分三，(顶部)工具栏的使用：
80.1.个性化设置；
81.可如图3所示，点击面板右上角“设置”进入个性化设置界面，该界面可用于：
82.(1)样式预览：
83.1)歌曲视觉颜色预览：具体可在当前设置下，顶部展示当前歌曲匹配的颜色样式(对应于上述目标元素的颜色)。图3中的“左颜色”对应于上述第一元素的颜色，“右颜色”对应于上述第二元素的颜色，“重叠颜色”对应于上述重叠区域的颜色；
84.2)播放控制按钮(即功能键)样式预览：具体可包括在当前设置下，前一首(对应于上述e2)、播放/暂停(对应于上述e3)、后一首(对应于上述e4)等按钮的样式预览。关于按钮样式的预览，预览的按钮所呈现的颜色可以根据上述歌曲视觉颜色预览中的颜色进行确定。
85.在此说明，本方案在实际实现时，图3中的文字“歌曲视觉颜色预览”和/或“播放控制按钮样式预览”，是可以不显示的，在此不作限定。其他相关附图中是类似的，在此不再赘述。
86.(2)颜色设置：
87.首个颜色选项可为“自动(对应于图中的f1)”，随音乐变化来自动匹配(颜色规则可参考部分四中的颜色显示规则)。对应于上述根据所述类别参数，调整所述目标元素的颜色。
88.此外，还可提供其他颜色自定义选项(对应于不同的颜色组合，即图3中的f2、f3、f4、f5
···
)，可通过左右滑动显示更多。在用户点击后可固定使用选中的那一种颜色方案。
89.(3)按钮样式设置：
90.本方案中可支持四种样式，如图3中的：圆形g1(具体可参见图4所示)、方形g2(具体可参见图5所示)、x形g3(具体可参见图6所示)、常规g4(具体可参见图7所示)。
91.(4)按钮大小设置：
92.本方案中四种按钮样式均可支持小、中、大三档调节，如图8所示，从左到右依次对应小、中、大三档。
93.(5)背景颜色设置：
94.如图9所示，本方案中可支持黑和白(默认)两种背景色，具体可跟随系统深色模式进行变化。图9中相关内容的解释可参见上述针对图3的解释，在此不再赘述。
95.其中，在选中黑色背景时，面板内除需要进行颜色显示的内容之外的图标、文字等进行反色显示，比如文字显示为白色；在选中白色背景时，面板内除需要进行颜色显示的内容之外的图标、文字等同样进行反色显示，比如文字显示为黑色。关于“需要进行颜色显示
的内容”可以包括上述歌曲视觉颜色预览的内容以及颜色选项的内容中的至少一项。
96.部分四，视觉动效显示区：
97.1.颜色显示规则；
98.歌曲播放时，具体可如图10所示，显示两个圆形的部分图像(对应于上述第一元素和第二元素)，左右分别显示不同的颜色。重叠区域的颜色可根据界面背景颜色进行反色显示，或者根据左右颜色进行显示(比如根据左右颜色重叠得到的颜色进行显示)；对应于上述根据所述目标元素所对应的显示区域的背景颜色，确定所述重叠区域的显示颜色；或者，根据所述第一颜色和第二颜色，确定所述重叠区域的显示颜色(其中“显示区域的背景颜色”与“界面背景颜色”相对应，“左右颜色”与“第一颜色和第二颜色”相对应)。具体的：
99.(1)歌曲资源自带有专辑或单曲封面(对应于上述封面信息)时：对当前播放单曲所对应的专辑封面或单曲封面的、封面图像的颜色(对应于上述目标音频对应的封面图像所包含的颜色)进行颜色提取；可选取颜色占比最高的色彩为左颜色，占比第二高的色彩为右颜色(对应于上述根据提取的所述颜色，调整所述目标元素的颜色)。
100.(2)若歌曲资源未自带专辑或单曲封面，但有歌曲分类标签(对应于上述分类标签信息)：本方案中，可以根据歌曲对应的歌曲分类标签下的情绪标签进行匹配(关于歌曲分类标签可来自于第三方音源，在此不作限定)。
101.具体的，可根据歌曲的情绪风格(对应于情绪标签)和色彩分类(也可包含于歌曲分类标签中，甚至包含于情绪标签中)，将歌曲对应的视觉颜色(对应于上述目标元素的颜色)分为热烈、轻松、浪漫、沉浸以及怀旧五种类型。不同类型的视觉颜色会与歌曲的情绪标签做关联和映射(对应于上述第一对应关系)；其中，针对一种类型的视觉颜色可提供多套视觉颜色的搭配(也可理解为一种类型的视觉颜色可包含多种颜色搭配，比如热烈类型的视觉颜色可包含：红紫搭配、红蓝搭配等)；后续，可根据不同歌曲对应的视觉颜色(的)类型，随机显示该类型下的配色种类。关于五种类型的视觉颜色，具体举例如下：
102.1)热烈：两种对比色，多为色环中成120
°
的两种颜色。比如：蓝橘搭配、绿红搭配、绿粉搭配、紫红搭配、蓝红搭配等。
103.2)轻松：两种明度高的颜色，多为色环中成60
°
的邻近色。比如：粉黄搭配、绿橘搭配、紫黄搭配、蓝黄搭配、绿黄搭配等。
104.3)浪漫：两种类似色，多为亮暖色调，粉、红、橘色等。比如：橘粉搭配、蓝橘搭配、橘紫搭配、红粉搭配等。
105.4)沉浸：两种明度低的类似色，多为暗冷色，蓝、紫、绿、深红等。比如：绿色和深红色搭配、蓝绿搭配、蓝棕搭配、蓝紫搭配等。
106.5)怀旧：两种低饱和度的类似色，多为浅灰、浅红、浅蓝等。比如：灰粉搭配、蓝粉搭配、紫粉搭配、灰红搭配、红蓝搭配等。
107.(3)若歌曲无资源未自带专辑或单曲封面，也无歌曲分类标签：本方案中，可以在系统预设的颜色中，随机两种匹配显示。
108.2.动态显示规则；
109.歌曲播放时，上述“两个圆形的部分图像”的边缘可根据当前播放音乐的(声音)响度和(声音)频率(对应于上述音频参数信息)，显示频谱动效。对应于上述根据所述形状变化信息，动态显示所述目标元素。
110.具体的，可以是：响度越大，波形的振幅越大(对应于上述边缘的变化幅度越大)；频率越高，波动越紧密(对应于上述边缘的变化频率越高)。反之，则上述边缘越趋近于原来的形状(或状态)。具体可如图11所示，左侧附图对应于响度大且频率高的情况，右侧附图对应于响度小且频率低的情况；左侧附图中上述边缘的变化幅度就大于右侧附图中上述边缘的变化幅度。其中，在上述边缘进行变化时，可以是以类似于抖动的方式进行变化(比如在上述边缘的至少某一个位置会向外凸起，该凸起实时在边缘上移动位置)，在此不作限定。
111.此外，关于用户使用电子设备听书或收听电台等非音乐内容时，相关界面的显示图像也可按照该音频动效处理方式(即动态显示规则)来进行动态显示。
112.另外，关于响度和频率可以是歌曲播放过程中实时获取或者提前获取(比如一开始播放就获取整个歌曲的响度和频率的信息)，在此不作限定。
113.3.操作显示规则(涉及点击按钮，视觉动效显示区内的图形进行对应变化，显示的左右颜色进行交换，比如：右侧的颜色(即“右颜色”)呈现在左侧)；
114.在针对按钮进行操作时，(视觉)动效显示区内的图形可变换成对应的形态；比如用户点击“暂停”按钮时，(视觉)动效显示区内显示的图像变换为“暂停”按钮对应的图像样式。此外，当切换按钮时，(视觉)动效显示区内相应位置的颜色和形状可对应发生改变(其中上述重叠区域的颜色仍可根据界面背景颜色进行反色显示)。具体的，关于“操作显示规则”举例如下：
115.(1)点击“暂停”按钮，(视觉)动效显示区内显示的图像可变换为图12所示的形态；
116.(2)点击“收藏”按钮，(视觉)动效显示区内显示的图像可变换为图13所示的形态；
117.(3)点击“播放”按钮，(视觉)动效显示区内显示的图像可变换为图14所示的形态；
118.(4)点击“循环”按钮中的随机循环，(视觉)动效显示区内显示的图像可变换为图15所示的形态；点击“循环”按钮中的列表循环，(视觉)动效显示区内显示的图像可变换为图16所示的形态；点击“循环”按钮中的单曲循环，(视觉)动效显示区内显示的图像可变换为图17所示的形态；在图17所示的形态下，“重叠颜色”的区域可以显示与“重叠颜色”反色的数字1(比如：“重叠颜色”显示为黑色，则该数字1显示为白色)，以提醒用户当前为单曲循环模式；
119.(5)点击“播放设备切换”以连接到耳机，(视觉)动效显示区内显示的图像可变换为图18所示的形态。图18所示的形态中，“右颜色”所处的图像部分可以延伸至ui的顶部，覆盖a的部分区域，在此不作限定。
120.部分五，音乐列表：
121.本方案中，可在视觉动效显示区任意处点击(对应于上述第一输入)，相应的，可如图19所示，在歌词显示区显示当前播放歌曲的歌词(对应于上述根据所述第一输入，在所述显示区域内显示所述目标音频对应的文本内容)。此外，背景显示高斯模糊效果(对应于上述对所述目标元素进行模糊处理)，图19中未示出，仅以第一子图像和第二子图像的边缘为虚线进行表示。另外，本方案中：
122.(1)在点击出现歌词后，歌词可根据播放进度进行逐条显示。
123.(2)当歌曲无歌词时，可文字提示“当前歌曲无歌词”，显示一段时间后消失，回到正常状态(即不显示歌词的状态)。
124.(3)当未提供歌词信息时，可显示“当前歌曲未提供歌词”，显示一段时间后消失，
回到正常状态(即不显示歌词的状态)。
125.(4)歌词样式匹配歌曲类型(即歌词的内容样式与歌曲类型相匹配)。具体可根据歌曲的情绪风格，将歌词字体样式分为热烈、轻松、浪漫、沉浸以及怀旧五种类型(同上述颜色显示规则中的视觉颜色类型)。关于歌词样式匹配歌曲类型，具体举例如下：
126.1)针对歌曲类型为热烈：歌词样式可随机应用该歌曲下的左颜色或右颜色，并使用大号粗字体；
127.2)针对歌曲类型为轻松：歌词样式可随机应用该歌曲下的左颜色或右颜色，并使用小号细字体；
128.3)针对歌曲类型为浪漫：歌词样式可采用白色、小号细字体；
129.4)针对歌曲类型为沉浸：歌词样式可采用黑色、大号粗字体；
130.5)针对歌曲类型为怀旧：歌词样式可采用灰色、大号细字体。
131.在此说明，本技术实施例中，各附图中相同或相似的内容之间可相互参见，在此不作限定。
132.由上可知，本技术实施例提供的方案可实现：通过个性化匹配或用户自定义视觉动态效果、颜色样式和歌词字体样式等，带来沉浸的、符合歌曲本身的音乐播放器聆听和操作体验，建立电子设备播放器和用户之间数字化的情感联结。
133.在本技术实施例中，通过显示音频播放界面，所述音频播放界面包括目标元素；获取与所述音频播放界面对应的目标音频的类别参数；根据所述类别参数，调整所述目标元素的颜色；其中，所述类别参数包括：封面信息以及分类标签信息中的至少一项；能够实现贴合于不同音频的色彩显示，营造情感化和智能化的播放体验，提高个性化程度，很好的解决了现有技术中针对音频播放的图像显示方案无法实现与对应音频的贴合化显示的问题。
134.本技术实施例提供的图像显示方法，执行主体可以为图像显示装置。本技术实施例中以图像显示装置执行图像显示方法为例，说明本技术实施例提供的图像显示装置。
135.本技术实施例提供的图像显示装置，如图20所示，包括：
136.第一显示模块201，用于显示音频播放界面，所述音频播放界面包括目标元素；
137.第一获取模块202，用于获取与所述音频播放界面对应的目标音频的类别参数；
138.第一调整模块203，用于根据所述类别参数，调整所述目标元素的颜色；
139.其中，所述类别参数包括：封面信息以及分类标签信息中的至少一项。
140.本技术实施例中，所述根据所述类别参数，调整所述目标元素的颜色，包括：根据所述目标音频对应的封面信息，提取所述目标音频对应的封面图像所包含的颜色；根据提取的所述颜色，调整所述目标元素的颜色。
141.本技术实施例中，所述根据所述类别参数，调整所述目标元素的颜色，包括：根据所述目标音频的分类标签信息对应的颜色，调整所述目标元素的颜色。
142.其中，所述目标元素包括第一元素和第二元素；所述目标元素的颜色包括：所述第一元素的颜色和所述第二元素的颜色；所述根据所述类别参数，调整所述目标元素的颜色，包括：根据所述类别参数确定的颜色中的第一颜色，调整所述第一元素的颜色；根据所述类别参数确定的颜色中的第二颜色，调整所述第二元素的颜色。
143.本技术实施例中，所述第一元素与第二元素之间存在重叠区域；所述根据所述类别参数确定的颜色中的第一颜色，调整所述第一元素的颜色，包括：根据所述类别参数确定
的颜色中的第一颜色，调整所述第一元素中除所述重叠区域之外的其他区域的颜色；所述根据所述类别参数确定的颜色中的第二颜色，调整所述第二元素的颜色，包括：根据所述类别参数确定的颜色中的第二颜色，调整所述第二元素中除所述重叠区域之外的其他区域的颜色；所述根据所述类别参数，调整所述目标元素的颜色，还包括：根据所述目标元素所对应的显示区域的背景颜色，确定所述重叠区域的显示颜色；或者，根据所述第一颜色和第二颜色，确定所述重叠区域的显示颜色；根据所述显示颜色，调整所述重叠区域的颜色。
144.进一步的，所述的图像显示装置，还包括：第一确定模块，用于在显示音频播放界面之后，在所述目标音频处于播放状态的情况下，根据所述目标音频的音频参数信息，确定所述目标元素的形状变化信息；所述图像显示装置还包括：第二显示模块，用于在根据所述类别参数，调整所述目标元素的颜色之后，根据所述形状变化信息，动态显示所述目标元素；其中，所述音频参数信息包括：响度和频率中的至少一项。
145.本技术实施例中，所述的图像显示装置，还包括：第一接收模块，用于在显示音频播放界面之后，接收在所述目标元素所对应的显示区域内的第一输入；处理模块，用于根据所述第一输入，在所述显示区域内显示所述目标音频对应的文本内容，并对所述目标元素进行模糊处理。
146.在本技术实施例中，通过显示音频播放界面，所述音频播放界面包括目标元素；获取与所述音频播放界面对应的目标音频的类别参数；根据所述类别参数，调整所述目标元素的颜色；其中，所述类别参数包括：封面信息以及分类标签信息中的至少一项；能够实现贴合于不同音频的色彩显示，营造情感化和智能化的播放体验，提高个性化程度，很好的解决了现有技术中针对音频播放的图像显示方案无法实现与对应音频的贴合化显示的问题。
147.本技术实施例中的图像显示装置可以是电子设备，也可以是电子设备中的部件，例如集成电路或芯片。该电子设备可以是终端，也可以为除终端之外的其他设备。示例性的，电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、移动上网装置(mobile internet device，mid)、增强现实(augmented reality，ar)/虚拟现实(virtual reality，vr)设备、机器人、可穿戴设备、超级移动个人计算机(ultra-mobile personal computer，umpc)、上网本或者个人数字助理(personal digital assistant，pda)等，还可以为服务器、网络附属存储器(network attached storage，nas)、个人计算机(personal computer，pc)、电视机(television，tv)、柜员机或者自助机等，本技术实施例不作具体限定。
148.本技术实施例中的图像显示装置可以为具有操作系统的装置。该操作系统可以为安卓(android)操作系统，可以为ios操作系统，还可以为其他可能的操作系统，本技术实施例不作具体限定。
149.本技术实施例提供的图像显示装置能够实现图1至图19的方法实施例实现的各个过程，为避免重复，这里不再赘述。
150.可选地，如图21所示，本技术实施例还提供一种电子设备210，包括处理器211和存储器212，存储器212上存储有可在所述处理器211上运行的程序或指令，该程序或指令被处理器211执行时实现上述图像显示方法实施例的各个步骤，且能达到相同的技术效果，为避免重复，这里不再赘述。
151.需要说明的是，本技术实施例中的电子设备包括上述所述的移动电子设备和非移
动电子设备。
152.图22为实现本技术实施例的一种电子设备的硬件结构示意图。
153.该电子设备220包括但不限于：射频单元221、网络模块222、音频输出单元223、输入单元224、传感器225、显示单元226、用户输入单元227、接口单元228、存储器229、以及处理器2210等部件。
154.本领域技术人员可以理解，电子设备220还可以包括给各个部件供电的电源(比如电池)，电源可以通过电源管理系统与处理器2210逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图22中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置，在此不再赘述。
155.其中，显示单元226，用于显示音频播放界面，所述音频播放界面包括目标元素；
156.处理器2210，用于获取与所述音频播放界面对应的目标音频的类别参数；根据所述类别参数，调整所述目标元素的颜色；其中，所述类别参数包括：封面信息以及分类标签信息中的至少一项。
157.在本技术实施例中，通过显示音频播放界面，所述音频播放界面包括目标元素；获取与所述音频播放界面对应的目标音频的类别参数；根据所述类别参数，调整所述目标元素的颜色；其中，所述类别参数包括：封面信息以及分类标签信息中的至少一项；能够实现贴合于不同音频的色彩显示，营造情感化和智能化的播放体验，提高个性化程度，很好的解决了现有技术中针对音频播放的图像显示方案无法实现与对应音频的贴合化显示的问题。
158.可选地，所述根据所述类别参数，调整所述目标元素的颜色，包括：根据所述目标音频对应的封面信息，提取所述目标音频对应的封面图像所包含的颜色；根据提取的所述颜色，调整所述目标元素的颜色。
159.可选地，所述根据所述类别参数，调整所述目标元素的颜色，包括：根据所述目标音频的分类标签信息对应的颜色，调整所述目标元素的颜色。
160.可选地，所述目标元素包括第一元素和第二元素；所述目标元素的颜色包括：所述第一元素的颜色和所述第二元素的颜色；所述根据所述类别参数，调整所述目标元素的颜色，包括：根据所述类别参数确定的颜色中的第一颜色，调整所述第一元素的颜色；根据所述类别参数确定的颜色中的第二颜色，调整所述第二元素的颜色。
161.可选地，所述第一元素与第二元素之间存在重叠区域；所述根据所述类别参数确定的颜色中的第一颜色，调整所述第一元素的颜色，包括：根据所述类别参数确定的颜色中的第一颜色，调整所述第一元素中除所述重叠区域之外的其他区域的颜色；所述根据所述类别参数确定的颜色中的第二颜色，调整所述第二元素的颜色，包括：根据所述类别参数确定的颜色中的第二颜色，调整所述第二元素中除所述重叠区域之外的其他区域的颜色；所述根据所述类别参数，调整所述目标元素的颜色，还包括：根据所述目标元素所对应的显示区域的背景颜色，确定所述重叠区域的显示颜色；或者，根据所述第一颜色和第二颜色，确定所述重叠区域的显示颜色；根据所述显示颜色，调整所述重叠区域的颜色。
162.可选地，处理器2210，还用于在显示音频播放界面之后，在所述目标音频处于播放状态的情况下，根据所述目标音频的音频参数信息，确定所述目标元素的形状变化信息；处理器2210，还用于在根据所述类别参数，调整所述目标元素的颜色之后，根据所述形状变化
信息，通过显示单元226动态显示所述目标元素；其中，所述音频参数信息包括：响度和频率中的至少一项。
163.可选地，用户输入单元227，用于在显示音频播放界面之后，接收在所述目标元素所对应的显示区域内的第一输入；处理器2210，还用于根据所述第一输入，通过显示单元226在所述显示区域内显示所述目标音频对应的文本内容，并对所述目标元素进行模糊处理。
164.由上可知，本技术实施例提供的方案可实现：通过个性化匹配或用户自定义视觉动态效果、颜色样式和歌词字体样式等，带来沉浸的、符合歌曲本身的音乐播放器聆听和操作体验，建立电子设备播放器和用户之间数字化的情感联结。
165.应理解的是，本技术实施例中，输入单元224可以包括图形处理器(graphics processing unit，gpu)2241和麦克风2242，图形处理器2241对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元226可包括显示面板2261，可以采用液晶显示器、有机发光二极管等形式来配置显示面板2261。用户输入单元227包括触控面板2271以及其他输入设备2272中的至少一种。触控面板2271，也称为触摸屏。触控面板2271可包括触摸检测装置和触摸控制器两个部分。其他输入设备2272可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆，在此不再赘述。
166.存储器229可用于存储软件程序以及各种数据。存储器229可主要包括存储程序或指令的第一存储区和存储数据的第二存储区，其中，第一存储区可存储操作系统、至少一个功能所需的应用程序或指令(比如声音播放功能、图像播放功能等)等。此外，存储器229可以包括易失性存储器或非易失性存储器，或者，存储器229可以包括易失性和非易失性存储器两者。其中，非易失性存储器可以是只读存储器(read-only memory，rom)、可编程只读存储器(programmable rom，prom)、可擦除可编程只读存储器(erasable prom，eprom)、电可擦除可编程只读存储器(electrically eprom，eeprom)或闪存。易失性存储器可以是随机存取存储器(random access memory，ram)，静态随机存取存储器(static ram，sram)、动态随机存取存储器(dynamic ram，dram)、同步动态随机存取存储器(synchronous dram，sdram)、双倍数据速率同步动态随机存取存储器(double data rate sdram，ddrsdram)、增强型同步动态随机存取存储器(enhanced sdram，esdram)、同步连接动态随机存取存储器(synch link dram，sldram)和直接内存总线随机存取存储器(direct rambus ram，drram)。本技术实施例中的存储器229包括但不限于这些和任意其它适合类型的存储器。
167.处理器2210可包括一个或多个处理单元；可选的，处理器2210集成应用处理器和调制解调处理器，其中，应用处理器主要处理涉及操作系统、用户界面和应用程序等的操作，调制解调处理器主要处理无线通信信号，如基带处理器。可以理解的是，上述调制解调处理器也可以不集成到处理器2210中。
168.本技术实施例还提供一种可读存储介质，所述可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述图像显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
169.其中，所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质，包括计算机可读存储介质，如计算机只读存储器rom、随机存取存储器ram、磁碟或者光
盘等。
170.本技术实施例另提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现上述图像显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
171.应理解，本技术实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。
172.本技术实施例提供一种计算机程序产品，该程序产品被存储在存储介质中，该程序产品被至少一个处理器执行以实现如上述图像显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
173.需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外，需要指出的是，本技术实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能，还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能，例如，可以按不同于所描述的次序来执行所描述的方法，并且还可以添加、省去、或组合各种步骤。另外，参照某些示例所描述的特征可在其他示例中被组合。
174.通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分可以以计算机软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，或者网络设备等)执行本技术各个实施例所述的方法。
175.上面结合附图对本技术的实施例进行了描述，但是本技术并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本技术的启示下，在不脱离本技术宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本技术的保护之内。