Image display method, device and electronic device

Abstract

The present application discloses an image display method, apparatus and electronic device, belonging to the technical field of electronic devices. Among them, the image display method includes: displaying an audio playback interface, the audio playback interface including a target element; obtaining a category parameter of a target audio corresponding to the audio playback interface; adjusting the color of the target element according to the category parameter; wherein, the category parameter includes at least one of cover information and classification label information.

Description

Technical Field

[0001] This application belongs to the technical field of electronic devices, and particularly relates to an image display method, apparatus, and electronic device. Background Art

[0002] Currently, music player functions are common in smartphones, and the basic operations supported include: playing music from different sound sources, playing, pausing, switching songs, displaying lyrics, viewing the playlist, favoriting songs, switching the play loop mode, etc. However, the current music player panel has a low degree of personalization and lacks emotional expression in terms of interaction and vision.

[0003] As can be seen from the above, the current image display solution for audio playback cannot achieve a fitting display with the corresponding audio. Summary of the Invention

[0004] The purpose of the embodiments of this application is to provide an image display method, apparatus, and electronic device, which can solve the problem that the existing image display solution for audio playback cannot achieve a fitting display with the corresponding audio.

[0005] In a first aspect, the embodiments of this application provide an image display method, which includes:

[0006] Display an audio playback interface, where the audio playback interface includes target elements;

[0007] Obtain the category parameters of the target audio corresponding to the audio playback interface;

[0008] Adjust the color of the target elements according to the category parameters;

[0009] Among them, the category parameters include at least one of cover information and classification label information.

[0010] In a second aspect, the embodiments of this application provide an image display apparatus, which includes:

[0011] A first display module, configured to display an audio playback interface, where the audio playback interface includes target elements;

[0012] A first acquisition module, configured to obtain the category parameters of the target audio corresponding to the audio playback interface;

[0013] A first adjustment module, configured to adjust the color of the target elements according to the category parameters;

[0014] Among them, the category parameters include at least one of cover information and classification label information.

[0015] In a third aspect, an embodiment of the present application provides an electronic device, which includes a processor and a memory. The memory stores a program or instruction that can run on the processor. When the program or instruction is executed by the processor, the steps of the method described in the first aspect are implemented.

[0016] In a fourth aspect, an embodiment of the present application provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, the steps of the method described in the first aspect are implemented.

[0017] In a fifth aspect, an embodiment of the present application provides a chip, which includes a processor and a communication interface. The communication interface is coupled to the processor, and the processor is used to run a program or instruction to implement the method described in the first aspect.

[0018] In a sixth aspect, an embodiment of the present application provides a computer program product, which is stored in a storage medium and is executed by at least one processor to implement the method described in the first aspect.

[0019] In the embodiment of the present application, by displaying an audio playback interface, the audio playback interface includes a target element; obtaining a category parameter of a target audio corresponding to the audio playback interface; adjusting the color of the target element according to the category parameter; wherein, the category parameter includes at least one of cover information and classification label information; it is possible to achieve color display that fits different audios, create an emotional and intelligent playback experience, improve the degree of personalization, and well solve the problem that the image display scheme for audio playback in the prior art cannot achieve a fitting display with the corresponding audio. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] Figure 1 It is a schematic flowchart of the image display method according to the embodiment of the present application;

[0021] Figure 2 It is a schematic diagram of the music panel according to the embodiment of the present application Figure 1 ;

[0022] Figure 3 It is a schematic diagram of the setting interface according to the embodiment of the present application Figure 1 ;

[0023] Figure 4 It is a schematic diagram of the button style according to the embodiment of the present application Figure 1 ;

[0024] Figure 5 It is a schematic diagram of the button style according to the embodiment of the present application Figure 2 ;

[0025] Figure 6 It is a schematic diagram of the button style according to the embodiment of the present applicationFigure 3 ;

[0026] Figure 7 Schematic diagram of the button style of the embodiment of the present application Figure 4 ;

[0027] Figure 8 Schematic diagram of the button size of the embodiment of the present application;

[0028] Figure 9 Schematic diagram of the setting interface of the embodiment of the present application Figure 2 ;

[0029] Figure 10 Schematic diagram of the music panel of the embodiment of the present application Figure 2 ;

[0030] Figure 11 Schematic diagram of the music panel of the embodiment of the present application Figure 3 ;

[0031] Figure 12 Schematic diagram of the music panel of the embodiment of the present application Figure 4 ;

[0032] Figure 13 Schematic diagram of the music panel of the embodiment of the present application Figure 5 ;

[0033] Figure 14 Schematic diagram of the music panel of the embodiment of the present application Figure 6 ;

[0034] Figure 15 Schematic diagram of the music panel of the embodiment of the present application Figure 7 ;

[0035] Figure 16 Schematic diagram of the music panel of the embodiment of the present application Figure 8 ;

[0036] Figure 17 Schematic diagram of the music panel of the embodiment of the present application Figure 9 ;

[0037] Figure 18 Schematic diagram of the music panel of the embodiment of the present application Figure 10 ;

[0038] Figure 19 Schematic diagram of the music panel of the embodiment of the present application Figure 10 One;

[0039] Figure 20 Schematic diagram of the structure of the image display device of the embodiment of the present application;

[0040] Figure 21 Schematic diagram of the structure of the electronic device of the embodiment of the present application Figure 1 ;

[0041] Figure 22 Schematic diagram of the electronic device structure according to an embodiment of the present application Figure 2 。 Detailed implementation manners

[0042] The technical solutions in the embodiments of the present application will be clearly described below with reference to the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are some, but not all, of the embodiments of the present application. All other embodiments obtained by those of ordinary skill in the art based on the embodiments in the present application belong to the scope of protection of the present application.

[0043] The terms "first", "second", etc. in the specification and claims of the present application are used to distinguish similar objects, rather than to describe a specific order or sequence. It should be understood that such data may be interchanged under appropriate circumstances so that the embodiments of the present application can be implemented in an order other than those illustrated or described herein, and the objects distinguished by "first", "second", etc. are generally of the same category, and the number of objects is not limited. For example, the first object may be one or multiple. In addition, "and / or" in the specification and claims means at least one of the connected objects, and the character " / " generally means an "or" relationship between the associated objects before and after.

[0044] The image display method provided in the embodiments of the present application will be described in detail below with reference to the accompanying drawings, specific embodiments and their application scenarios.

[0045] The image display method provided in the embodiments of the present application, as Figure 1 shown, includes:

[0046] Step 11: Display an audio playback interface, and the audio playback interface includes a target element.

[0047] The target element may be an image of a certain shape, such as a circular image; but it is not limited thereto.

[0048] Step 12: Obtain the category parameter of the target audio corresponding to the audio playback interface.

[0049] Specifically, it may include: obtaining the category parameter of the target audio currently played under the audio playback interface; but it is not limited thereto. The target audio may include at least one of music content such as songs and non-music content such as audiobooks or radio stations.

[0050] Step 13: Adjust the color of the target element according to the category parameter; wherein, the category parameter includes at least one of cover information and classification label information.

[0051] The adjusted color can be the same as or different from the currently displayed color, which is not limited herein.

[0052] Among them, adjusting the color of the target element according to the category parameter includes: extracting the color included in the cover image corresponding to the target audio according to the cover information corresponding to the target audio; adjusting the color of the target element according to the extracted color.

[0053] In this way, the color of the target element can be adjusted quickly. Regarding "adjusting the color of the target element according to the extracted color", it may specifically include: sorting according to the proportion of each color in the cover image to obtain a sorting result; obtaining a target color according to the sorting result (for example, taking the colors ranked in the top N as the target colors, where N is an integer greater than 0); adjusting the color of the target element according to the target color.

[0054] In the embodiment of the present application, adjusting the color of the target element according to the category parameter includes: adjusting the color of the target element according to the color corresponding to the classification label information of the target audio.

[0055] In this way, the color of the target element can also be adjusted quickly. Specifically, there may be a pre-stored first correspondence relationship between the classification label information and the color; subsequently, the corresponding color can be obtained according to the classification label information and this first correspondence relationship.

[0056] It should be noted here that "adjusting the color of the target element according to the classification label information" can be used separately or in combination with "adjusting the color of the target element according to the cover information"; regarding the combined use, for example: the colors determined by both are mixed in a certain proportion to adjust the color of the target element; or according to a certain rule, one of the colors determined by both is selected to adjust the color of the target element; which is not limited herein.

[0057] In the embodiment of the present application, the target element includes a first element and a second element; the color of the target element includes: the color of the first element and the color of the second element; adjusting the color of the target element according to the category parameter includes: adjusting the color of the first element according to the first color in the color determined by the category parameter; adjusting the color of the second element according to the second color in the color determined by the category parameter.

[0058] In this way, color adjustment can be realized for the first element and the second element in the target element respectively.

[0059] Among them, there is an overlapping area between the first element and the second element; adjusting the color of the first element with the first color among the colors determined according to the category parameter includes: adjusting the color of other areas of the first element except the overlapping area with the first color among the colors determined according to the category parameter; adjusting the color of the second element with the second color among the colors determined according to the category parameter includes: adjusting the color of other areas of the second element except the overlapping area with the second color among the colors determined according to the category parameter; adjusting the color of the target element according to the category parameter further includes: determining the display color of the overlapping area according to the background color of the display area corresponding to the target element; or determining the display color of the overlapping area according to the first color and the second color; adjusting the color of the overlapping area according to the display color.

[0060] This can achieve independent adjustment of the color of the overlapping area, making the solution more flexible.

[0061] Further, after displaying the audio playback interface, it further includes: when the target audio is in the playback state, determining the shape change information of the target element according to the audio parameter information of the target audio; after adjusting the color of the target element according to the category parameter, it further includes: dynamically displaying the target element according to the shape change information; where the audio parameter information includes at least one of loudness and frequency.

[0062] This can display the rhythm of the target audio dynamically with special effects, further enhancing the user experience. Specifically, it can be that the greater the loudness, the greater the amplitude of the waveform (i.e., the greater the change amplitude of the target element); the higher the frequency, the closer the fluctuations (i.e., the higher the change frequency of the target element); conversely, the edge of the target element is closer to the original shape.

[0063] In the embodiment of the present application, after displaying the audio playback interface, it further includes: receiving a first input in the display area corresponding to the target element; according to the first input, displaying the text content corresponding to the target audio in the display area and blurring the target element.

[0064] This can achieve the display of the text content corresponding to the target audio for the user to view. The first input can be operations such as clicking and swiping, which are not limited herein. Regarding the text content, it can be the text content of the part of the target audio that is currently being played; but it is not limited to this.

[0065] Next, an example is given for the image display method provided in the embodiment of the application. Taking the audio control panel as the music panel and the target audio as a song as an example.

[0066] In view of the above technical problems, an embodiment of the present application provides an image display method, which can be specifically implemented as a method for personalized setting of a music panel, so that a music (playing) panel can create a vivid, emotional and intelligent music player experience through color display of different songs and dynamic effects of interactive operations. It involves:

[0067] 1. Match appropriate colors and lyric styles according to the emotion tags of the song (corresponding to the above classification tag information), and display the user's operations (such as pausing the audio playback) and the rhythm of the music (corresponding to dynamically displaying the target element according to the above shape change information) through graphic dynamic effects.

[0068] 2. Support customizing the interface UI elements on the panel (i.e., the music panel) to create a user-exclusive music player style.

[0069] Specifically, the panel in the embodiment of the present application can be as Figures 2 to 19 shown, including: (top) toolbar A, visual dynamic effect display area (corresponding to the display area of the above target element) B, lyric information (display area) C, music list switching (area) D, and playback control function area E. Based on Figures 2 to 19 the shown panel, this solution involves the following parts:

[0070] Part one, evoke or retract the panel:

[0071] 1. The music panel can be evoked through a global gesture, such as swiping left from the right edge of the screen.

[0072] 2. The music panel can be retracted by clicking on the blank area outside the music panel or by clicking the system's "back or home" button.

[0073] Part two, panel function layout:

[0074] 1. The top is toolbar A, and the icons contained therein from left to right respectively represent: function key A1 for playing device switching (such as switching to the device's built-in speaker or external headphones), function key A2 for loop mode switching (such as switching among single loop, list loop, and random play after clicking), function key A3 for collection, and function key A4 for setting.

[0075] 2. Visual dynamic effect display area B, which shows the color matching style of the currently playing music, the dynamic spectrum effect, the state feedback during user operation functions, such as controlling playback, etc. Clicking on this area displays the song lyrics.

[0076] 3. Song information (display area) C, which shows the name of the currently playing song and the name of the singer.

[0077] 4. Music list switching (area) D. Click the up and down arrows to support switching between the current playing list, favorite list, and download list.

[0078] 5. Play control function area E. The icons contained therein from left to right respectively represent: the function key E1 for switching audio sources, the function key E2 for switching to the previous song, the function key E3 for switching between play and pause, and the function key E4 for switching to the next song.

[0079] Part Three, Use of the (top) toolbar:

[0080] 1. Personalized settings;

[0081] You can click "Settings" in the upper right corner of the panel as shown in Figure 3 to enter the personalized settings interface, which can be used for:

[0082] (1) Style preview:

[0083] 1) Song visual color preview: Specifically, under the current settings, the color styles matching the current song (corresponding to the colors of the above-mentioned target elements) are displayed at the top. Figure 3 The "left color" in

[0084] corresponds to the color of the above-mentioned first element, the "right color" corresponds to the color of the above-mentioned second element, and the "overlap color" corresponds to the color of the above-mentioned overlap area;

[0085] It should be noted here that in the actual implementation of this solution, Figure 3 the text "Song visual color preview" and / or "Play control button style preview" in

[0086] (2) Color settings:

[0087] The first color option can be "Automatic (corresponding to F1 in the figure)", which automatically matches with the music (the color rule can refer to the color display rule in Part Four). Corresponding to adjusting the color of the above-mentioned target element according to the category parameter.

[0088] In addition, other color customization options can also be provided (corresponding to different color combinations, that is Figure 3Among F2, F3, F4, F5 ···), more can be shown by swiping left and right. After the user clicks, the selected color scheme can be fixed for use.

[0089] (3) Button style setting:

[0090] This scheme supports four styles, such as Figure 3 in: circular G1 (for details, see Figure 4 shown), square G2 (for details, see Figure 5 shown), x-shaped G3 (for details, see Figure 6 shown), regular G4 (for details, see Figure 7 shown).

[0091] (4) Button size setting:

[0092] In this scheme, all four button styles support adjustment in three gears: small, medium, and large, as Figure 8 shown, corresponding to the small, medium, and large gears in sequence from left to right.

[0093] (5) Background color setting:

[0094] Such as Figure 9 shown, this scheme supports two background colors: black and white (default), and specifically can change following the system's dark mode. Figure 9 For the explanation of the relevant content in Figure 3 please refer to the above explanation for

[0095] Among them, when the black background is selected, the icons, text, etc. other than the content that needs to display colors inside the panel are shown in reverse color, for example, the text is shown in white; when the white background is selected, the icons, text, etc. other than the content that needs to display colors inside the panel are also shown in reverse color, for example, the text is shown in black. Regarding "the content that needs to display colors" can include at least one of the content of the above song visual color preview and the content of the color options.

[0096] Part Four, Visual Animation Display Area:

[0097] 1. Color display rules;

[0098] When the song is playing, specifically, it can be like Figure 10As shown, partial images of two circles (corresponding to the above-mentioned first and second elements) are displayed, with different colors shown on the left and right respectively. The color of the overlapping area can be displayed with the color reversed according to the background color of the interface, or displayed according to the left and right colors (for example, displayed according to the color obtained by overlapping the left and right colors); corresponding to the background color of the display area corresponding to the above-mentioned target element, determine the display color of the overlapping area; or, determine the display color of the overlapping area according to the first color and the second color (where the "background color of the display area" corresponds to the "background color of the interface", and the "left and right colors" correspond to the "first color and the second color"). Specifically:

[0099] (1) When the song resource comes with an album or single cover (corresponding to the above-mentioned cover information): Extract the color of the cover image of the album cover or single cover corresponding to the currently playing single (corresponding to the color included in the cover image corresponding to the above-mentioned target audio); The color with the highest proportion can be selected as the left color, and the color with the second highest proportion can be selected as the right color (corresponding to adjusting the color of the above-mentioned target element according to the extracted color).

[0100] (2) If the song resource does not come with an album or single cover but has song classification tags (corresponding to the above-mentioned classification tag information): In this solution, matching can be performed according to the mood tags under the song classification tags corresponding to the song (the song classification tags can come from a third-party sound source, which is not limited here).

[0101] Specifically, according to the mood style of the song (corresponding to the mood tag) and color classification (which can also be included in the song classification tag, or even included in the mood tag), the visual color corresponding to the song (corresponding to the color of the above-mentioned target element) can be divided into five types: enthusiastic, relaxed, romantic, immersive, and nostalgic. Different types of visual colors will be associated and mapped with the mood tags of the song (corresponding to the above-mentioned first correspondence); among them, multiple sets of visual color combinations can be provided for one type of visual color (it can also be understood that one type of visual color can include multiple color combinations, for example, the visual color of the enthusiastic type can include: red-purple combination, red-blue combination, etc.); subsequently, according to the type of visual color corresponding to different songs, the color matching types under this type can be randomly displayed. Regarding the five types of visual colors, specific examples are as follows:

[0102] 1) Enthusiastic: Two contrasting colors, mostly two colors that form a 120° angle on the color wheel. For example: blue-orange combination, green-red combination, green-pink combination, purple-red combination, blue-red combination, etc.

[0103] 2) Relaxed: Two colors with high lightness, mostly adjacent colors that form a 60° angle on the color wheel. For example: pink-yellow combination, green-orange combination, purple-yellow combination, blue-yellow combination, green-yellow combination, etc.

[0104] 3) Romantic: Two analogous colors, mostly bright warm tones, such as pink, red, orange, etc. For example: orange-pink combination, blue-orange combination, orange-purple combination, red-pink combination, etc.

[0105] 4) Immersive: Two analogous colors with low lightness, mostly dark cool colors, such as blue, purple, green, dark red, etc. For example: green and dark red combination, blue-green combination, blue-brown combination, blue-purple combination, etc.

[0106] 5) Nostalgic: Two analogous colors with low saturation, mostly light gray, light red, light blue, etc. For example: gray-pink combination, blue-pink combination, purple-pink combination, gray-red combination, red-blue combination, etc.

[0107] (3) If the song has no resources and does not come with an album or single cover, nor does it have a song classification label: In this solution, two colors can be randomly selected from the system-preset colors for display.

[0108] 2. Dynamic display rules;

[0109] When the song is playing, the edges of the above-mentioned "partial images of two circles" can display a spectrum dynamic effect according to the (sound) loudness and (sound) frequency of the currently playing music (corresponding to the above audio parameter information). Corresponding to the above-mentioned shape change information, the target element is dynamically displayed.

[0110] Specifically, it can be: The greater the loudness, the greater the amplitude of the waveform (corresponding to the greater the change amplitude of the above-mentioned edge); the higher the frequency, the closer the fluctuations (corresponding to the higher the change frequency of the above-mentioned edge). Conversely, the above-mentioned edge will be closer to its original shape (or state). Specifically, as shown in Figure 11 The left attached figure corresponds to the case of high loudness and high frequency, and the right attached figure corresponds to the case of low loudness and low frequency; the change amplitude of the above-mentioned edge in the left attached figure is greater than that in the right attached figure. Among them, when the above-mentioned edge changes, it can change in a way similar to jitter (for example, at least at a certain position on the above-mentioned edge, it will bulge outwards, and the bulge moves positions on the edge in real time), and this is not limited here.

[0111] In addition, when the user uses the electronic device to listen to books or radio and other non-music content, the display images of the relevant interfaces can also be dynamically displayed according to this audio dynamic effect processing method (that is, the dynamic display rules).

[0112] In addition, the loudness and frequency can be obtained in real time during the song playback or obtained in advance (for example, obtain the loudness and frequency information of the entire song at the beginning of the playback), and this is not limited here.

[0113] 3. Operation Display Rules (When clicking a button, the graphics in the visual effect display area change correspondingly, and the left and right displayed colors are exchanged. For example, the color on the right (i.e., the "right color") is presented on the left);

[0114] When operating on a button, the graphics in the (visual) effect display area can transform into corresponding forms; for example, when the user clicks the "Pause" button, the image displayed in the (visual) effect display area transforms into the image style corresponding to the "Pause" button. In addition, when switching buttons, the colors and shapes at the corresponding positions in the (visual) effect display area can change correspondingly (where the color of the above overlapping area can still be inversely displayed according to the interface background color). Specifically, examples of the "Operation Display Rules" are as follows:

[0115] (1) Click the "Pause" button, and the image displayed in the (visual) effect display area can transform into Figure 12 the form shown;

[0116] (2) Click the "Favorite" button, and the image displayed in the (visual) effect display area can transform into Figure 13 the form shown;

[0117] (3) Click the "Play" button, and the image displayed in the (visual) effect display area can transform into Figure 14 the form shown;

[0118] (4) Click the random loop in the "Loop" button, and the image displayed in the (visual) effect display area can transform into Figure 15 the form shown; click the list loop in the "Loop" button, and the image displayed in the (visual) effect display area can transform into Figure 16 the form shown; click the single loop in the "Loop" button, and the image displayed in the (visual) effect display area can transform into Figure 17 the form shown; in the Figure 17 form shown, the area of the "overlapping color" can display the number 1 with the color inverse to the "overlapping color" (for example: if the "overlapping color" is displayed as black, then the number 1 is displayed as white) to remind the user that the current is the single loop mode;

[0119] (5) Click "Play Device Switch" to connect to the headphones, and the image displayed in the (visual) effect display area can transform into Figure 18 the form shown. Figure 18 In the form shown, the part of the image where the "right color" is located can extend to the top of the UI, covering part of the area of A, which is not limited here.

[0120] Part Five, Music List:

[0121] In this solution, you can click anywhere in the visual animation display area (corresponding to the above first input). Correspondingly, as Figure 19 shown, the lyrics of the currently playing song can be displayed in the lyrics display area (corresponding to displaying the text content corresponding to the target audio in the display area according to the above first input). In addition, a Gaussian blur effect is displayed for the background (corresponding to blurring the target element above), Figure 19 which is not shown in Figure 19 , and only the edges of the first sub-image and the second sub-image are represented by dotted lines. In addition, in this solution:

[0122] (1) After the lyrics appear when clicked, the lyrics can be displayed item by item according to the playback progress.

[0123] (2) When there are no lyrics for the song, the text "There are no lyrics for the current song" can be prompted and will disappear after being displayed for a period of time, returning to the normal state (i.e., the state where no lyrics are displayed).

[0124] (3) When no lyrics information is provided, "Lyrics are not provided for the current song" can be displayed and will disappear after being displayed for a period of time, returning to the normal state (i.e., the state where no lyrics are displayed).

[0125] (4) The lyrics style matches the song type (i.e., the content style of the lyrics matches the song type). Specifically, according to the emotional style of the song, the lyrics font styles can be divided into five types: enthusiastic, relaxed, romantic, immersive, and nostalgic (the same as the visual color types in the above color display rules). Regarding the lyrics style matching the song type, specific examples are as follows:

[0126] 1) For songs of the enthusiastic type: The lyrics style can randomly apply the left color or the right color of the song and use a large bold font;

[0127] 2) For songs of the relaxed type: The lyrics style can randomly apply the left color or the right color of the song and use a small thin font;

[0128] 3) For songs of the romantic type: The lyrics style can be white and a small thin font;

[0129] 4) For songs of the immersive type: The lyrics style can be black and a large bold font;

[0130] 5) For songs of the nostalgic type: The lyrics style can be gray and a large thin font.

[0131] It should be noted that in the embodiments of the present application, the same or similar contents in each figure can be referred to each other, and no limitation is made here.

[0132] As can be seen from the above, the solution provided by the embodiments of the present application can achieve: By means of personalized matching or user-defined visual dynamic effects, color styles, lyric font styles, etc., an immersive music player listening and operation experience that conforms to the song itself can be brought, and a digital emotional connection between the player of the electronic device and the user can be established.

[0133] In the embodiments of the present application, by displaying an audio playback interface, the audio playback interface includes target elements; obtaining category parameters of a target audio corresponding to the audio playback interface; adjusting the color of the target elements according to the category parameters; wherein, the category parameters include at least one of cover information and classification label information; it is possible to achieve color display that fits different audios, create an emotional and intelligent playback experience, improve the degree of personalization, and well solve the problem that the image display solution for audio playback in the prior art cannot achieve a fitting display with the corresponding audio.

[0134] For the image display method provided by the embodiments of the present application, the execution subject may be an image display device. In the embodiments of the present application, taking the image display device executing the image display method as an example, the image display device provided by the embodiments of the present application is described.

[0135] The image display device provided by the embodiments of the present application, as Figure 20 shown, includes:

[0136] A first display module 201, configured to display an audio playback interface, the audio playback interface including target elements;

[0137] A first acquisition module 202, configured to acquire category parameters of a target audio corresponding to the audio playback interface;

[0138] A first adjustment module 203, configured to adjust the color of the target elements according to the category parameters;

[0139] Wherein, the category parameters include at least one of cover information and classification label information.

[0140] In the embodiments of the present application, the adjusting the color of the target elements according to the category parameters includes: extracting the colors included in the cover image corresponding to the target audio according to the cover information corresponding to the target audio; adjusting the color of the target elements according to the extracted colors.

[0141] In the embodiments of the present application, the adjusting the color of the target elements according to the category parameters includes: adjusting the color of the target elements according to the colors corresponding to the classification label information of the target audio.

[0142] Among them, the target element includes a first element and a second element; the color of the target element includes: the color of the first element and the color of the second element; adjusting the color of the target element according to the category parameter includes: adjusting the color of the first element according to the first color in the colors determined according to the category parameter; adjusting the color of the second element according to the second color in the colors determined according to the category parameter.

[0143] In the embodiment of the present application, there is an overlapping area between the first element and the second element; adjusting the color of the first element according to the first color in the colors determined according to the category parameter includes: adjusting the color of other areas of the first element except the overlapping area according to the first color in the colors determined according to the category parameter; adjusting the color of the second element according to the second color in the colors determined according to the category parameter includes: adjusting the color of other areas of the second element except the overlapping area according to the second color in the colors determined according to the category parameter; adjusting the color of the target element according to the category parameter further includes: determining the display color of the overlapping area according to the background color of the display area corresponding to the target element; or determining the display color of the overlapping area according to the first color and the second color; adjusting the color of the overlapping area according to the display color.

[0144] Further, the image display device further includes: a first determination module, configured to determine the shape change information of the target element according to the audio parameter information of the target audio when the target audio is in a playing state after displaying the audio playing interface; the image display device further includes: a second display module, configured to dynamically display the target element according to the shape change information after adjusting the color of the target element according to the category parameter; wherein, the audio parameter information includes at least one of loudness and frequency.

[0145] In the embodiment of the present application, the image display device further includes: a first receiving module, configured to receive a first input in the display area corresponding to the target element after displaying the audio playing interface; a processing module, configured to display the text content corresponding to the target audio in the display area according to the first input, and blur the target element.

[0146] In an embodiment of the present application, by displaying an audio playback interface, the audio playback interface includes a target element; obtaining a category parameter of a target audio corresponding to the audio playback interface; adjusting the color of the target element according to the category parameter; wherein the category parameter includes at least one of cover information and classification label information; it can achieve color display that fits different audios, create an emotional and intelligent playback experience, improve the degree of personalization, and well solve the problem that the image display solution for audio playback in the prior art cannot achieve a fitting display with the corresponding audio.

[0147] The image display device in the embodiment of the present application can be an electronic device or a component in an electronic device, such as an integrated circuit or a chip. The electronic device can be a terminal or other devices other than the terminal. Exemplarily, the electronic device can be a mobile phone, a tablet computer, a laptop computer, a handheld computer, a vehicle-mounted electronic device, a Mobile Internet Device (MID), an augmented reality (AR) / virtual reality (VR) device, a robot, a wearable device, an ultra-mobile personal computer (UMPC), a netbook, or a personal digital assistant (PDA), etc., and can also be a server, a Network Attached Storage (NAS), a personal computer (PC), a television (TV), a teller machine, or a self-service machine, etc. The embodiment of the present application does not make specific limitations.

[0148] The image display device in the embodiment of the present application can be a device with an operating system. The operating system can be an Android operating system, an ios operating system, or other possible operating systems. The embodiment of the present application does not make specific limitations.

[0149] The image display device provided by the embodiment of the present application can achieve Figures 1 to 19 each process implemented by the method embodiment. To avoid repetition, it will not be described in detail here.

[0150] Optionally, as Figure 21As shown in the figure, an embodiment of the present application further provides an electronic device 210, which includes a processor 211 and a memory 212. A program or instruction that can run on the processor 211 is stored on the memory 212. When the program or instruction is executed by the processor 211, each step of the above image display method embodiment is implemented, and the same technical effect can be achieved. To avoid repetition, it will not be elaborated here.

[0151] It should be noted that the electronic device in the embodiment of the present application includes the above-mentioned mobile electronic device and non-mobile electronic device.

[0152] Figure 22 It is a schematic diagram of the hardware structure of an electronic device according to an embodiment of the present application.

[0153] The electronic device 220 includes, but is not limited to: a radio frequency unit 221, a network module 222, an audio output unit 223, an input unit 224, a sensor 225, a display unit 226, a user input unit 227, an interface unit 228, a memory 229, and a processor 2210 and other components.

[0154] Those skilled in the art can understand that the electronic device 220 may further include a power supply (such as a battery) for supplying power to each component. The power supply can be logically connected to the processor 2210 through a power management system, so as to implement functions such as management of charging, discharging, and power consumption management through the power management system. Figure 22 The structure of the electronic device shown in the figure does not constitute a limitation on the electronic device. The electronic device may include more or fewer components than shown in the figure, or combine some components, or have different component arrangements, which will not be elaborated here.

[0155] Among them, the display unit 226 is used to display an audio playback interface, and the audio playback interface includes a target element;

[0156] The processor 2210 is used to obtain category parameters of the target audio corresponding to the audio playback interface; and adjust the color of the target element according to the category parameters; wherein, the category parameters include at least one of cover information and classification label information.

[0157] In the embodiment of the present application, by displaying an audio playback interface, the audio playback interface includes a target element; obtaining category parameters of the target audio corresponding to the audio playback interface; adjusting the color of the target element according to the category parameters; wherein, the category parameters include at least one of cover information and classification label information; it is possible to achieve color display that fits different audios, create an emotional and intelligent playback experience, improve the degree of personalization, and well solve the problem that the image display scheme for audio playback in the prior art cannot achieve a fitting display with the corresponding audio.

[0158] Optionally, adjusting the color of the target element according to the category parameter includes: extracting the colors included in the cover image corresponding to the target audio according to the cover information corresponding to the target audio; and adjusting the color of the target element according to the extracted colors.

[0159] Optionally, adjusting the color of the target element according to the category parameter includes: adjusting the color of the target element according to the color corresponding to the classification label information of the target audio.

[0160] Optionally, the target element includes a first element and a second element; the color of the target element includes: the color of the first element and the color of the second element; adjusting the color of the target element according to the category parameter includes: adjusting the color of the first element according to a first color among the colors determined according to the category parameter; and adjusting the color of the second element according to a second color among the colors determined according to the category parameter.

[0161] Optionally, there is an overlapping area between the first element and the second element; adjusting the color of the first element according to the first color among the colors determined according to the category parameter includes: adjusting the color of other areas of the first element except the overlapping area according to the first color among the colors determined according to the category parameter; adjusting the color of the second element according to the second color among the colors determined according to the category parameter includes: adjusting the color of other areas of the second element except the overlapping area according to the second color among the colors determined according to the category parameter; adjusting the color of the target element according to the category parameter further includes: determining the display color of the overlapping area according to the background color of the display area corresponding to the target element; or determining the display color of the overlapping area according to the first color and the second color; and adjusting the color of the overlapping area according to the display color.

[0162] Optionally, the processor 2210 is further configured to, after the audio playback interface is displayed and when the target audio is in a playing state, determine the shape change information of the target element according to the audio parameter information of the target audio; the processor 2210 is further configured to, after adjusting the color of the target element according to the category parameter, dynamically display the target element through the display unit 226 according to the shape change information; wherein, the audio parameter information includes at least one of loudness and frequency.

[0163] Optionally, a user input unit 227, configured to receive a first input within a display area corresponding to the target element after an audio playback interface is displayed; a processor 2210, further configured to, according to the first input, display text content corresponding to the target audio within the display area through a display unit 226, and perform blurring processing on the target element.

[0164] As can be seen from the above, the solution provided by the embodiment of the present application can achieve: by means of personalized matching or user-defined visual dynamic effects, color styles, lyric font styles, etc., to bring an immersive music player listening and operating experience that conforms to the song itself, and establish a digital emotional connection between the player of the electronic device and the user.

[0165] It should be understood that, in the embodiment of the present application, the input unit 224 may include a Graphics Processing Unit (GPU) 2241 and a microphone 2242. The GPU 2241 processes image data of static pictures or videos obtained by an image capture device (such as a camera) in a video capture mode or an image capture mode. The display unit 226 may include a display panel 2261, and the display panel 2261 may be configured in the form of a liquid crystal display, an organic light emitting diode, etc. The user input unit 227 includes at least one of a touch panel 2271 and other input devices 2272. The touch panel 2271 is also referred to as a touch screen. The touch panel 2271 may include two parts: a touch detection device and a touch controller. The other input devices 2272 may include, but are not limited to, a physical keyboard, function keys (such as volume control keys, switch keys, etc.), a trackball, a mouse, a joystick, which will not be elaborated here.

[0166] The memory 229 can be used to store software programs and various data. The memory 229 may mainly include a first storage area for storing programs or instructions and a second storage area for storing data. Among them, the first storage area may store an operating system, application programs or instructions required for at least one function (such as a sound playback function, an image playback function, etc.). In addition, the memory 229 may include a volatile memory or a non-volatile memory, or the memory 229 may include both a volatile memory and a non-volatile memory. Among them, the non-volatile memory may be a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), or a flash memory. The volatile memory may be a random access memory (RAM), a static random access memory (SRAM), a dynamic random access memory (DRAM), a synchronous dynamic random access memory (SDRAM), a double data rate synchronous dynamic random access memory (DDR SDRAM), an enhanced synchronous dynamic random access memory (ESDRAM), a synch link dynamic random access memory (SLDRAM), and a direct rambus random access memory (DRRAM). The memory 229 in the embodiments of the present application includes but is not limited to these and any other suitable types of memories.

[0167] The processor 2210 may include one or more processing units; optionally, the processor 2210 integrates an application processor and a modem processor. Among them, the application processor mainly processes operations related to the operating system, user interface, and application programs, etc., and the modem processor mainly processes wireless communication signals, such as a baseband processor. It can be understood that the above modem processor may not be integrated into the processor 2210.

[0168] The embodiments of the present application also provide a readable storage medium, on which a program or instructions are stored. When the program or instructions are executed by a processor, each process of the above embodiments of the image display method is implemented, and the same technical effects can be achieved. To avoid repetition, it will not be elaborated here.

[0169] Among them, the processor is the processor in the electronic device described in the above embodiments. The readable storage medium includes computer-readable storage media, such as computer read-only memory ROM, random access memory RAM, magnetic disks, or optical discs, etc.

[0170] Another embodiment of the present application provides a chip, which includes a processor and a communication interface. The communication interface is coupled to the processor. The processor is used to run programs or instructions to implement each process of the above embodiment of the image display method and can achieve the same technical effects. To avoid repetition, it will not be elaborated here.

[0171] It should be understood that the chip mentioned in the embodiments of the present application may also be referred to as a system-on-chip, system chip, chip system, or system-on-chip, etc.

[0172] The embodiments of the present application provide a computer program product. The program product is stored in a storage medium and is executed by at least one processor to implement each process of the above embodiment of the image display method and can achieve the same technical effects. To avoid repetition, it will not be elaborated here.

[0173] It should be noted that in this article, the term "including", "comprising", or any other variant thereof is intended to cover non-exclusive inclusion, so that a process, method, article, or device including a series of elements not only includes those elements but also includes other elements not explicitly listed, or further includes elements inherent to such a process, method, article, or device. Without further limitation, an element defined by the statement "including one..." does not exclude the existence of additional identical elements in the process, method, article, or device including that element. In addition, it should be pointed out that the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed. It may also include performing functions in a substantially simultaneous manner or in the reverse order according to the functions involved. For example, the described methods may be performed in an order different from that described, and various steps may be added, omitted, or combined. Additionally, the features described with reference to certain examples may be combined in other examples.

[0174] Through the description of the above embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus a necessary general hardware platform. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation method. Based on such an understanding, the technical solution of the present application, in essence, or the part that contributes to the prior art, can be embodied in the form of a computer software product. The computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) and includes several instructions for causing a terminal (which can be a mobile phone, computer, server, or network device, etc.) to execute the methods described in various embodiments of the present application.

[0175] The embodiments of the present application have been described above in conjunction with the accompanying drawings. However, the present application is not limited to the above specific implementation manners. The above specific implementation manners are merely illustrative and not restrictive. Under the inspiration of the present application, those of ordinary skill in the art can also make many forms without departing from the purpose of the present application and the scope protected by the claims, and all of them belong to the protection scope of the present application.

Claims

1. An image display method, characterized in that, including: displaying an audio playback interface, the audio playback interface including a target element; obtaining a category parameter of a target audio corresponding to the audio playback interface; adjusting the color of the target element according to the category parameter; wherein the category parameter includes at least one of cover information and classification label information; wherein the target element includes a first element and a second element; the color of the target element includes: the color of the first element and the color of the second element; the adjusting the color of the target element according to the category parameter includes: adjusting the color of the first element according to a first color in the color determined according to the category parameter; adjusting the color of the second element according to a second color in the color determined according to the category parameter; wherein there is an overlapping area between the first element and the second element; the adjusting the color of the target element according to the category parameter further includes: determining a display color of the overlapping area according to a background color of a display area corresponding to the target element; or determining the display color of the overlapping area according to the first color and the second color; adjusting the color of the overlapping area according to the display color.

2. The image display method according to claim 1, characterized in that, the adjusting the color of the target element according to the category parameter includes: extracting a color included in a cover image corresponding to the target audio according to the cover information corresponding to the target audio; adjusting the color of the target element according to the extracted color.

3. The image display method according to claim 1, characterized in that, the adjusting the color of the target element according to the category parameter includes: adjusting the color of the target element according to a color corresponding to the classification label information of the target audio.

4. The image display method according to claim 1, characterized in that, the adjusting the color of the first element according to the first color in the color determined according to the category parameter includes: adjusting a color of other areas of the first element except the overlapping area according to the first color in the color determined according to the category parameter; the adjusting the color of the second element according to the second color in the color determined according to the category parameter includes: adjusting a color of other areas of the second element except the overlapping area according to the second color in the color determined according to the category parameter.

5. The image display method according to claim 1, characterized in that, after displaying the audio playback interface, further including: when the target audio is in a playing state, determining shape change information of the target element according to audio parameter information of the target audio; after adjusting the color of the target element according to the category parameter, further including: dynamically displaying the target element according to the shape change information; wherein the audio parameter information includes at least one of loudness and frequency.

6. The image display method according to claim 1, characterized in that, after displaying the audio playback interface, further including: receiving a first input within a display area corresponding to the target element; displaying text content corresponding to the target audio within the display area according to the first input, and blurring the target element.

7. An image display device, characterized in that, including: a first display module for displaying an audio playback interface, the audio playback interface including a target element; a first obtaining module for obtaining a category parameter of a target audio corresponding to the audio playback interface; The first adjustment module is used to adjust the color of the target element according to the category parameter; wherein, the category parameter includes at least one of cover information and classification label information; wherein, the target element includes a first element and a second element; the color of the target element includes the color of the first element and the color of the second element; The adjusting the color of the target element according to the category parameter includes: Adjusting the color of the first element according to a first color in the colors determined according to the category parameter; Adjusting the color of the second element according to a second color in the colors determined according to the category parameter; wherein, there is an overlapping area between the first element and the second element; The adjusting the color of the target element according to the category parameter further includes: Determining the display color of the overlapping area according to the background color of the display area corresponding to the target element; or determining the display color of the overlapping area according to the first color and the second color; Adjusting the color of the overlapping area according to the display color.

8. The image display device according to claim 7, wherein, The adjusting the color of the target element according to the category parameter includes: Extracting the colors included in the cover image corresponding to the target audio according to the cover information corresponding to the target audio; Adjusting the color of the target element according to the extracted colors.

9. The image display device according to claim 7, wherein, The adjusting the color of the target element according to the category parameter includes: Adjusting the color of the target element according to the color corresponding to the classification label information of the target audio.

10. The image display device according to claim 7, wherein, The adjusting the color of the first element according to a first color in the colors determined according to the category parameter includes: Adjusting the color of other areas of the first element except the overlapping area according to a first color in the colors determined according to the category parameter; The adjusting the color of the second element according to a second color in the colors determined according to the category parameter includes: Adjusting the color of other areas of the second element except the overlapping area according to a second color in the colors determined according to the category parameter.

11. The image display device according to claim 7, wherein, It further includes: The first determination module is used to determine the shape change information of the target element according to the audio parameter information of the target audio when the target audio is in a playing state after the audio playing interface is displayed; The image display device further includes: The second display module is used to dynamically display the target element according to the shape change information after adjusting the color of the target element according to the category parameter; wherein, the audio parameter information includes at least one of loudness and frequency.

12. The image display device according to claim 7, wherein, It further includes: The first receiving module is used to receive a first input within the display area corresponding to the target element after the audio playing interface is displayed; The processing module is used to display the text content corresponding to the target audio within the display area according to the first input and blur the target element.

13. An electronic device, wherein, It includes a processor and a memory, and the memory stores programs or instructions that can run on the processor. When the programs or instructions are executed by the processor, the steps of the image display method described in any one of claims 1-6 are implemented.

14. A readable storage medium, wherein, Programs or instructions are stored on the readable storage medium. When the programs or instructions are executed by a processor, the steps of the image display method described in any one of claims 1-6 are implemented.

Images