WO2023088183A1 - Procédé et appareil d'affichage d'image, et dispositif électronique - Google Patents

Procédé et appareil d'affichage d'image, et dispositif électronique Download PDF

Info

Publication number
WO2023088183A1
WO2023088183A1 PCT/CN2022/131386 CN2022131386W WO2023088183A1 WO 2023088183 A1 WO2023088183 A1 WO 2023088183A1 CN 2022131386 W CN2022131386 W CN 2022131386W WO 2023088183 A1 WO2023088183 A1 WO 2023088183A1
Authority
WO
WIPO (PCT)
Prior art keywords
color
target
audio
adjusting
target element
Prior art date
Application number
PCT/CN2022/131386
Other languages
English (en)
Chinese (zh)
Inventor
沈明
陈哲
吴博闻
Original Assignee
维沃移动通信有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 维沃移动通信有限公司 filed Critical 维沃移动通信有限公司
Publication of WO2023088183A1 publication Critical patent/WO2023088183A1/fr

Links

Images

Classifications

    • 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
    • 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance

Definitions

  • the present application belongs to the technical field of electronic equipment, and in particular relates to an image display method, device and electronic equipment.
  • smartphones generally have a music player function, which supports basic operations including: playing music from different sources, playing, pausing, switching songs, displaying lyrics, viewing playlists, favorite songs, switching playback loop modes, etc.
  • the panel of the current music player has a low degree of personalization, and lacks emotional expression in interaction and vision.
  • the purpose of the embodiments of the present application is to provide an image display method, device, and electronic equipment, which can solve the problem that the image display solution for audio playback in the prior art cannot achieve a coherent display with the corresponding audio.
  • an embodiment of the present application provides an image display method, the method comprising:
  • the audio playback interface includes a target element
  • the category parameter includes: at least one item of cover information and classification label information.
  • an image display device which includes:
  • the first display module is used to display an audio playback interface, and the audio playback interface includes a target element;
  • the first obtaining module is used to obtain the category parameter of the target audio corresponding to the audio playback interface
  • a first adjustment module configured to adjust the color of the target element according to the category parameter
  • the category parameter includes: at least one item of cover information and classification label information.
  • the embodiment of the present application provides an electronic device, the electronic device includes a processor and a memory, the memory stores programs or instructions that can run on the processor, and the programs or instructions are processed by the The steps of the method described in the first aspect are realized when the controller is executed.
  • an embodiment of the present application provides a readable storage medium, on which a program or an instruction is stored, and when the program or instruction is executed by a processor, the steps of the method described in the first aspect are implemented .
  • the embodiment of the present application provides a chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is used to run programs or instructions, so as to implement the first aspect The steps of the method.
  • an embodiment of the present application provides a computer program product, the computer program product is stored in a storage medium, and the computer program product is executed by at least one processor to implement the steps of the method described in the first aspect.
  • the audio playback interface includes target elements; acquiring category parameters of target audio corresponding to the audio playback interface; adjusting the color of the target element according to the category parameters ;
  • the category parameters include: at least one of the cover information and classification label information; it can realize the color display suitable for different audio, create an emotional and intelligent playback experience, and improve the degree of personalization, which is very good It solves the problem that the image display solution for audio playback in the prior art cannot realize the fit display with the corresponding audio.
  • FIG. 1 is a schematic flow chart of an image display method according to an embodiment of the present application.
  • Fig. 2 is the first schematic diagram of the music panel of the embodiment of the present application.
  • FIG. 3 is a first schematic diagram of the setting interface of the embodiment of the present application.
  • FIG. 4 is a schematic diagram of a button style according to an embodiment of the present application.
  • FIG. 5 is a second schematic diagram of the button style of the embodiment of the present application.
  • FIG. 6 is a schematic diagram of button style III in the embodiment of the present application.
  • FIG. 7 is a fourth schematic diagram of button style in the embodiment of the present application.
  • Fig. 8 is a schematic diagram of the button size of the embodiment of the present application.
  • Figure 9 is a second schematic diagram of the setting interface of the embodiment of the present application.
  • Fig. 10 is the second schematic diagram of the music panel of the embodiment of the present application.
  • Fig. 11 is the third schematic diagram of the music panel of the embodiment of the present application.
  • Fig. 12 is a schematic diagram 4 of the music panel of the embodiment of the present application.
  • Fig. 13 is a schematic diagram five of the music panel of the embodiment of the present application.
  • Fig. 14 is a sixth schematic diagram of the music panel of the embodiment of the present application.
  • Fig. 15 is the seventh schematic diagram of the music panel of the embodiment of the present application.
  • Fig. 16 is a schematic diagram eight of the music panel of the embodiment of the present application.
  • Fig. 17 is a schematic diagram nine of the music panel of the embodiment of the present application.
  • Fig. 18 is a tenth schematic diagram of the music panel of the embodiment of the present application.
  • Fig. 19 is the eleventh schematic diagram of the music panel of the embodiment of the present application.
  • FIG. 20 is a schematic structural diagram of an image display device according to an embodiment of the present application.
  • FIG. 21 is a first structural schematic diagram of an electronic device according to an embodiment of the present application.
  • FIG. 22 is a second structural schematic diagram of an electronic device according to an embodiment of the present application.
  • the image display method provided in the embodiment of the present application, as shown in Figure 1, includes:
  • Step 11 Display an audio playback interface, where the audio playback interface includes a target element.
  • the target element may be an image of a certain shape, such as a circular image; but it is not limited thereto.
  • Step 12 Acquiring category parameters of the target audio corresponding to the audio playback interface.
  • the target audio may include: at least one of music content such as songs and non-music content such as listening to books or radio stations.
  • Step 13 Adjust the color of the target element according to the category parameter; wherein the category parameter includes: at least one item of cover information and classification label information.
  • the adjusted color may be the same as or different from the currently displayed color, which is not limited here.
  • the adjusting the color of the target element according to the category parameter includes: extracting the color contained in the cover image corresponding to the target audio according to the cover information corresponding to the target audio; , to adjust the color of the target element.
  • the color of the target element may specifically include: sorting according to the proportion of each color in the cover image to obtain a sorting result; according to the sorting result, obtaining the target color (For example, the color ranked in the top N positions is used as the target color, and N is an integer greater than 0); according to the target color, the color of the target element is adjusted.
  • 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.
  • adjust the color of the target element according to the classification label information and “adjust the color of the target element according to the cover information” can be used separately or in combination; for combined use, for example: the colors determined by the two are mixed according to a certain ratio to adjust the color of the target element; or according to certain rules, choose one of the colors determined by the two to adjust the color of the target element; it is not limited here.
  • 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, including: adjusting the color of the first element according to the first color of the colors determined by the category parameter; adjusting the color of the first element according to the second color of the colors determined by the category parameter Describes the color of the second element.
  • the first color in the colors determined according to the category parameter, and adjusting the color of the first element includes: determining according to the category parameter The first color in the colors of the first element, adjust the color of other areas in the first element except the overlapping area; the second color in the colors determined according to the category parameters, adjust the second element color, including: according to the second color in the colors determined by the category parameter, adjusting the color of other regions in the second element except the overlapping region; according to the category parameter, adjusting the The color of the target element 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 Display color; adjust the color of the overlapping area according to the display color.
  • the method further includes: when the target audio is in the playing state, determining the shape change information of the target element according to the audio parameter information of the target audio; parameter, after adjusting the color of the target element, further includes: dynamically displaying the target element according to the shape change information; wherein, the audio parameter information includes: at least one of loudness and frequency.
  • the rhythm of the target audio can be dynamically displayed, further improving the user experience.
  • it can be: the greater the loudness, the greater the amplitude of the waveform (that is, the greater the change range of the target element); the higher the frequency, the tighter the fluctuation (that is, the higher the change frequency of the target element); otherwise, the The edges are closer to the original shape.
  • the audio playback interface after displaying the audio playback interface, it further includes: receiving a first input in the display area corresponding to the target element; displaying the target in the display area according to the first input
  • the audio corresponds to the text content, and the target element is blurred.
  • the first input may be an operation such as clicking or sliding, which is not limited herein.
  • the text content it may be the text content of the currently playing part of the target audio; but it is not limited thereto.
  • the image display method provided in the embodiment of the application is described below as an example.
  • the audio control panel is taken as an example of a music panel, and the target audio is taken as an example of a song.
  • the embodiment of the present application provides an image display method, which can be realized as a method of personalized music panel setting, so that a music (playing) panel can be displayed through the color display and interactive operation of different songs.
  • Dynamic expression creating a smart, emotional and intelligent music player experience. Which involves:
  • the panel in the embodiment of the present application can be shown in Figure 2 to Figure 19, including: (top) toolbar A, visual dynamic effect display area (corresponding to the display area corresponding to the above-mentioned target element) B, lyrics information (display area) C, music list switching (area) D and play control function area E.
  • this solution involves the following parts:
  • the top is the toolbar A, and the icons contained therein represent from left to right: the function key A1 for switching the playback device (such as switching to the local speaker or an external earphone device), and the function key A1 for switching the cycle mode (such as clicking Then switch between single cycle, list cycle, random play) function key A2, function key A3 for collection, and function key A4 for setting.
  • Visual dynamic effect display area B which displays the color matching style of the currently playing music, dynamic spectrum effects, user operation functions, and status feedback during operations such as controlling playback. Click on this area to display the lyrics of the song.
  • Playback control functional area E the icons contained in it represent from left to right: function key E1 for switching audio sources, function key E2 for switching to the previous song, and function keys for switching play and pause E3, function key E4 for switching to the next song.
  • click "Settings” in the upper right corner of the panel to enter the personalized setting interface which can be used for:
  • Play control button i.e. function key
  • style preview specifically, under the current setting, the previous song (corresponding to the above E2), play/pause (corresponding to the above E3), and the next song (corresponding to the above E4) Wait for the style preview of the button.
  • the color of the previewed button can be determined according to the color in the above-mentioned visual color preview of the song.
  • the first color option can be "Automatic (corresponding to F1 in the figure)", which will automatically match with the change of music (for color rules, please refer to the color display rules in Part 4). Corresponding to the above, adjust the color of the target element according to the class parameter.
  • This solution can support four styles, as shown in Figure 3: round G1 (see Figure 4 for details), square G2 (see Figure 5 for details), and x-shaped G3 (see Figure 6 for details). shown), conventional G4 (see Figure 7 for details).
  • the four button styles in this solution can all support small, medium, and large adjustments, as shown in Figure 8, corresponding to small, medium, and large from left to right.
  • this solution can support black and white (default) two background colors, which can be changed according to the system dark mode.
  • black and white (default) two background colors which can be changed according to the system dark mode.
  • the icons and texts in the panel other than the content that needs to be displayed in color are displayed in reverse color, such as the text is displayed in white; when the white background is selected, the content in the panel that needs to be displayed in color Other icons and texts are also displayed in reverse color, for example, the text is displayed in black.
  • the "content that needs to be displayed in color” may include at least one of the content of the above-mentioned visual color preview of the song and the content of color options.
  • Part 4 visual dynamic display area
  • two circular partial images (corresponding to the above-mentioned first element and second element) are displayed, and different colors are displayed on the left and right sides.
  • the color of the overlapping area can be displayed in reverse color 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, according to the first color and the second color, determine the display color of the overlapping area (wherein "the background color of the display area" corresponds to the "interface background color", "left and right Color” corresponds to "first color and second color”).
  • the song resource does not have its own album or single cover, but has a song classification label (corresponding to the above classification label information): in this solution, it can be matched according to the emotional label under the song classification label corresponding to the song (about the song Classification tags can come from third-party audio sources, which are not limited here).
  • the corresponding visual color of the song (corresponding to the color of the above-mentioned target element ) are divided into five types: warm, relaxed, romantic, immersive and nostalgic. Different types of visual colors will be associated and mapped with the emotional 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 (also can be understood as a type The visual colors of different songs can include a variety of color combinations.
  • the visual colors of the enthusiastic type can include: red-purple matching, red-blue matching, etc.); later, according to the type of visual color (of) corresponding to different songs, the visual colors of this type can be randomly displayed Color matching types.
  • the five types of visual colors specific examples are as follows:
  • Warm Two contrasting colors, mostly two colors at 120° in the color circle. For example: blue-orange collocation, green-red collocation, green-pink collocation, purple-red collocation, blue-red collocation, etc.
  • Immersion Two similar colors with low lightness, mostly dark and cool colors, such as blue, purple, green, deep red, etc. For example: green and dark red collocation, blue-green collocation, blue-brown collocation, blue-purple collocation and so on.
  • Nostalgia Two similar colors with low saturation, mostly light gray, light red, light blue, etc. For example: gray-pink collocation, blue-pink collocation, purple-pink collocation, gray-red collocation, red-blue collocation, etc.
  • the edges of the above-mentioned "two circular partial images” can display spectrum dynamic effects according to the (sound) loudness and (sound) frequency (corresponding to the above-mentioned audio parameter information) of the currently playing music.
  • the above information based on the shape change dynamically display the target element.
  • the above edge is closer to the original shape (or state).
  • the left figure corresponds to the situation of high loudness and high frequency
  • the right figure corresponds to the situation of low loudness and low frequency
  • the change range of the above-mentioned edge in the left figure is greater than that of the right
  • the magnitude of change of the above-mentioned edges in the attached figure may be: the greater the loudness, the greater the amplitude of the waveform (corresponding to the greater variation range of the above-mentioned edge); the higher the frequency, the tighter the fluctuation (corresponding to the higher the variation frequency of the above-mentioned edge).
  • the above edge is closer to the original shape (or state).
  • the left figure corresponds to the situation of high loudness and high frequency
  • the right figure corresponds to the situation of low loudness and low frequency
  • the change range of the above-mentioned edge in the left figure is greater than that of the right
  • the magnitude of change of the above-mentioned edges in the attached figure may be: the greater
  • the above-mentioned edge when it changes, it may be changed in a manner similar to shaking (for example, at least one position of the above-mentioned edge will protrude outward, and the protrusion will move on the edge in real time), which is not limited here .
  • the display image of the relevant interface can also be dynamically displayed according to the audio dynamic processing method (ie, dynamic display rules).
  • the loudness and frequency may be acquired in real time during the playing of the song or in advance (for example, the loudness and frequency information of the entire song is acquired at the beginning of playing), which is not limited here.
  • the graphics in the (visual) dynamic effect display area can be transformed into the corresponding form; for example, when the user clicks the "pause” button, the image displayed in the (visual) dynamic effect display area is transformed into a "pause” button The corresponding image style.
  • the color and shape of the corresponding position in the (visual) dynamic display area can change correspondingly (the color of the above-mentioned overlapping area can still be displayed in reverse color according to the interface background color).
  • the lyrics of the currently playing song can be displayed in the lyrics display area (corresponding to the above-mentioned
  • the first input is to display the text content corresponding to the target audio in the display area).
  • the background displays a Gaussian blur effect (corresponding to the aforementioned blurring process on the target element), which is not shown in FIG. 19 , and only the edges of the first sub-image and the second sub-image are shown as dotted lines.
  • the lyrics After clicking to display the lyrics, the lyrics can be displayed one by one according to the playback progress.
  • the lyrics information When the lyrics information is not provided, it can display "the current song does not provide lyrics", which will disappear after a period of time, and return to the normal state (that is, the state where the lyrics are not displayed).
  • the lyrics style matches the song type that is, the content style of the lyrics matches the song type.
  • the font style of the lyrics can be divided into five types: warm, relaxed, romantic, immersive and nostalgic (same as the visual color type in the above color display rules).
  • specific examples are as follows:
  • the lyrics style can be randomly applied to the left or right color under the song, and use small and thin fonts;
  • Nostalgic for the type of song the lyrics style can be gray, large and thin fonts.
  • the solution provided by the embodiment of the present application can achieve: through personalized matching or user-defined visual dynamic effects, color styles and lyrics font styles, etc., it can bring immersive music player listening and operation experience that conforms to the song itself , to establish a digital emotional connection between the player of the electronic device and the user.
  • the audio playback interface includes target elements; acquiring category parameters of target audio corresponding to the audio playback interface; adjusting the color of the target element according to the category parameters ;
  • the category parameters include: at least one of the cover information and classification label information; it can realize the color display suitable for different audio, create an emotional and intelligent playback experience, and improve the degree of personalization, which is very good It solves the problem that the image display solution for audio playback in the prior art cannot realize the fit display with the corresponding audio.
  • the image display method provided in the embodiment of the present application may be executed by an image display device.
  • the image display device provided in the embodiment of the present application is described by taking the image display device executing the image display method as an example.
  • the image display device provided in the embodiment of the present application includes:
  • the first display module 201 is configured to display an audio playback interface, and the audio playback interface includes a target element;
  • the first obtaining module 202 is used to obtain the category parameter of the target audio corresponding to the audio playback interface
  • the first adjustment module 203 is configured to adjust the color of the target element according to the category parameter
  • the category parameter includes: at least one item of cover information and classification label information.
  • the adjusting the color of the target element according to the category parameter includes: extracting the color contained in the cover image corresponding to the target audio according to the cover information corresponding to the target audio; The color of the , adjusts the color of the target element.
  • 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.
  • 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; according to the category parameter, adjusting the The color of the target element includes: adjusting the color of the first element according to the first color in the colors determined by the category parameter; adjusting the second element according to the second color in the colors determined by the category parameter s color.
  • the first color in the colors determined according to the category parameter, and adjusting the color of the first element includes: according to the determined The first color in the colors determined by the category parameters is used to adjust the colors of other areas in the first element except the overlapping area; the second color in the colors determined according to the category parameters is adjusted.
  • the color of the second element includes: adjusting the color of other areas in the second element except the overlapping area according to the second color in the colors determined by the category parameters; , adjusting the color of the target element, further comprising: 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.
  • the display color of the overlapping area according to the display color, adjust the color of the overlapping area.
  • the image display device further includes: a first determination module, configured to determine according to the audio parameter information of the target audio when the target audio is in a playing state after the audio playback interface is displayed.
  • the shape change information of the target element 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 The target element; wherein, the audio parameter information includes: at least one of loudness and frequency.
  • 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 the audio playback interface is displayed; a processing module, and displaying text content corresponding to the target audio in the display area according to the first input, and performing blurring processing on the target element.
  • the audio playback interface includes target elements; acquiring category parameters of target audio corresponding to the audio playback interface; adjusting the color of the target element according to the category parameters ;
  • the category parameters include: at least one of the cover information and classification label information; it can realize the color display suitable for different audio, create an emotional and intelligent playback experience, and improve the degree of personalization, which is very good It solves the problem that the image display solution for audio playback in the prior art cannot realize the fit display with the corresponding audio.
  • the image display device in the embodiment of the present application may be an electronic device, or may be a component in the electronic device, such as an integrated circuit or a chip.
  • the electronic device may be a terminal, or other devices other than the terminal.
  • the electronic device can be a mobile phone, a tablet computer, a notebook computer, a handheld computer, a vehicle electronic device, a mobile Internet device (Mobile Internet Device, MID), an augmented reality (augmented reality, AR)/virtual reality (virtual reality, VR) ) equipment, robots, wearable devices, ultra-mobile personal computer (ultra-mobile personal computer, UMPC), netbook or personal digital assistant (personal digital assistant, PDA), etc.
  • the image display device in the embodiment of the present application may be a device with an operating system.
  • the operating system may be an Android (Android) operating system, an ios operating system, or other possible operating systems, which are not specifically limited in this embodiment of the present application.
  • the image display device provided by the embodiment of the present application can realize various processes realized by the method embodiments in FIG. 1 to FIG. 19 , and details are not repeated here to avoid repetition.
  • the embodiment of the present application also provides an electronic device 210, including a processor 211 and a memory 212.
  • the memory 212 stores programs or instructions that can run on the processor 211.
  • the programs or instructions are executed by the processor 211, the various steps of the above-mentioned image display method embodiments can be achieved, and the same technical effect can be achieved. To avoid repetition, details are not repeated here.
  • the electronic devices in the embodiments of the present application include the above-mentioned mobile electronic devices and non-mobile electronic devices.
  • FIG. 22 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.
  • 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, etc. part.
  • the electronic device 220 can also include a power supply (such as a battery) for supplying power to various components, and the power supply can be logically connected to the processor 2210 through the power management system, so that the management of charging, discharging, and function can be realized through the power management system. Consumption management and other functions.
  • a power supply such as a battery
  • the structure of the electronic device shown in FIG. 22 does not constitute a limitation to the electronic device.
  • the electronic device may include more or fewer components than shown in the figure, or combine some components, or arrange different components, which will not be repeated here. .
  • the display unit 226 is configured to display an audio playback interface, and the audio playback interface includes a target element;
  • Processor 2210 configured to acquire category parameters of the target audio corresponding to the audio playback interface; adjust the color of the target element according to the category parameters; wherein, the category parameters include: cover information and classification label information at least one of the .
  • the audio playback interface includes target elements; acquiring category parameters of target audio corresponding to the audio playback interface; adjusting the color of the target element according to the category parameters ;
  • the category parameters include: at least one of the cover information and classification label information; it can realize the color display suitable for different audio, create an emotional and intelligent playback experience, and improve the degree of personalization, which is very good It solves the problem that the image display solution for audio playback in the prior art cannot realize the fit display with the corresponding audio.
  • the adjusting the color of the target element according to the category parameter includes: extracting the color contained in the cover image corresponding to the target audio according to the cover information corresponding to the target audio; color to adjust the color of the target element.
  • 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.
  • 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; according to the category parameter, adjusting The color of the target element includes: adjusting the color of the first element according to the first color in the colors determined by the category parameter; adjusting the color of the first element according to the second color in the colors determined by the category parameter The color of the two elements.
  • adjusting the color of the first element according to the first color in the colors determined according to the category parameter includes: according to the category The first color in the colors determined by the parameters adjusts the colors of other areas in the first element except the overlapping area; the second color in the colors determined according to the category parameters adjusts the first
  • the color of the two elements includes: adjusting the color of other areas in the second element except the overlapping area according to the second color in the colors determined by the category parameters; the adjusting according to the category parameters
  • the color of the target element 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 overlapping area according to the first color and the second color The display color of the area; adjust the color of the overlapping area according to the display color.
  • the processor 2210 is further 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 the audio playback interface is displayed;
  • the processor 2210 is further configured to dynamically display the target element through the display unit 226 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.
  • the user input unit 227 is configured to receive a first input in the display area corresponding to the target element after the audio playback interface is displayed; the processor 2210 is also configured to, according to the first input, pass The display unit 226 displays text content corresponding to the target audio in the display area, and performs blur processing on the target element.
  • the solution provided by the embodiment of the present application can achieve: through personalized matching or user-defined visual dynamic effects, color styles and lyrics font styles, etc., it can bring immersive music player listening and operation experience that conforms to the song itself , to establish a digital emotional connection between the player of the electronic device and the user.
  • the input unit 224 may include a graphics processor (Graphics Processing Unit, GPU) 2241 and a microphone 2242, and the graphics processor 2241 is used for the image capture device (such as the image data of the still picture or video obtained by the camera) for processing.
  • 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, or the like.
  • 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 called a touch screen.
  • the touch panel 2271 may include two parts, a touch detection device and a touch controller.
  • Other input devices 2272 may include, but are not limited to, physical keyboards, function keys (such as volume control keys, switch keys, etc.), trackballs, mice, and joysticks, which will not be repeated here.
  • the memory 229 can be used to store software programs as well as 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, wherein the first storage area may store an operating system, an application program or instructions required by at least one function (such as a sound playing function, image playback function, etc.), etc.
  • memory 229 may include volatile memory or nonvolatile memory, or, memory 229 may include both volatile and nonvolatile memory.
  • the non-volatile memory can be read-only memory (Read-Only Memory, ROM), programmable read-only memory (Programmable ROM, PROM), erasable programmable read-only memory (Erasable PROM, EPROM), electronically programmable Erase Programmable Read-Only Memory (Electrically EPROM, EEPROM) or Flash.
  • ROM Read-Only Memory
  • PROM programmable read-only memory
  • Erasable PROM Erasable PROM
  • EPROM erasable programmable read-only memory
  • Electrical EPROM Electrical EPROM
  • EEPROM electronically programmable Erase Programmable Read-Only Memory
  • Volatile memory can be random access memory (Random Access Memory, RAM), static random access memory (Static RAM, SRAM), dynamic random access memory (Dynamic RAM, DRAM), synchronous dynamic random access memory (Synchronous DRAM, SDRAM), double data rate synchronous dynamic random access memory (Double Data Rate SDRAM, DDRSDRAM), enhanced synchronous dynamic random access memory (Enhanced SDRAM, ESDRAM), synchronous connection dynamic random access memory (Synch link DRAM , SLDRAM) and Direct Memory Bus Random Access Memory (Direct Rambus RAM, DRRAM).
  • RAM Random Access Memory
  • SRAM static random access memory
  • DRAM dynamic random access memory
  • DRAM synchronous dynamic random access memory
  • SDRAM double data rate synchronous dynamic random access memory
  • Double Data Rate SDRAM Double Data Rate SDRAM
  • DDRSDRAM double data rate synchronous dynamic random access memory
  • Enhanced SDRAM, ESDRAM enhanced synchronous dynamic random access memory
  • Synch link DRAM , SLDRAM
  • Direct Memory Bus Random Access Memory Direct Rambus
  • the processor 2210 may include one or more processing units; optionally, the processor 2210 integrates an application processor and a modem processor, wherein the application processor mainly processes operations related to the operating system, user interface, and application programs, etc., Modem processors mainly process wireless communication signals, such as baseband processors. It can be understood that the foregoing modem processor may not be integrated into the processor 2210 .
  • the embodiment of the present application also provides a readable storage medium.
  • the readable storage medium stores programs or instructions.
  • the program or instructions are executed by the processor, the various processes of the above-mentioned image display method embodiments can be achieved, and the same To avoid repetition, the technical effects will not be repeated here.
  • the processor is the processor in the electronic device described in the above embodiments.
  • the readable storage medium includes a computer-readable storage medium, such as a computer read-only memory ROM, a random access memory RAM, a magnetic disk or an optical disk, and the like.
  • the embodiment of the present application further provides a chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is used to run programs or instructions to implement the above image display method embodiment Each process can achieve the same technical effect, so in order to avoid repetition, it will not be repeated here.
  • chips mentioned in the embodiments of the present application may also be called system-on-chip, system-on-chip, system-on-a-chip, or system-on-a-chip.
  • An embodiment of the present application provides a computer program product, the computer program product is stored in a storage medium, and the program product is executed by at least one processor to implement the various processes in the above image display method embodiment, and can achieve the same technology Effect, in order to avoid repetition, will not repeat them here.
  • the term “comprising”, “comprising” or any other variation thereof is intended to cover a non-exclusive inclusion such that a process, method, article or apparatus comprising a set of elements includes not only those elements, It also includes other elements not expressly listed, or elements inherent in the process, method, article, or device. Without further limitations, an element defined by the phrase “comprising a " does not preclude the presence of additional identical elements in the process, method, article, or apparatus comprising that element.
  • 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, and may also include performing functions in a substantially simultaneous manner or in reverse order according to the functions involved. Functions are performed, for example, the described methods may be performed in an order different from that described, and various steps may also be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

La présente demande relève du domaine technique des dispositifs électroniques. Sont divulgués un procédé et un appareil d'affichage d'image, ainsi qu'un dispositif électronique. Le procédé d'affichage d'image consiste à : afficher une interface de lecture audio qui comprend un élément cible ; obtenir un paramètre de catégorie d'un audio cible correspondant à l'interface de lecture audio ; et ajuster la couleur de l'élément cible en fonction du paramètre de catégorie, le paramètre de catégorie comprenant : des informations de couverture et/ou des informations d'étiquette de classification.
PCT/CN2022/131386 2021-11-17 2022-11-11 Procédé et appareil d'affichage d'image, et dispositif électronique WO2023088183A1 (fr)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111360138.9 2021-11-17
CN202111360138.9A CN114020394A (zh) 2021-11-17 2021-11-17 图像显示方法、装置及电子设备

Publications (1)

Publication Number Publication Date
WO2023088183A1 true WO2023088183A1 (fr) 2023-05-25

Family

ID=80064744

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/131386 WO2023088183A1 (fr) 2021-11-17 2022-11-11 Procédé et appareil d'affichage d'image, et dispositif électronique

Country Status (2)

Country Link
CN (1) CN114020394A (fr)
WO (1) WO2023088183A1 (fr)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113885994A (zh) * 2021-10-12 2022-01-04 维沃移动通信有限公司 显示方法、装置和电子设备
CN114020394A (zh) * 2021-11-17 2022-02-08 维沃移动通信有限公司 图像显示方法、装置及电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100229094A1 (en) * 2009-03-04 2010-09-09 Apple Inc. Audio preview of music
CN106997265A (zh) * 2016-01-26 2017-08-01 腾讯科技（深圳）有限公司 一种设置背景过度色的方法及装置
CN110609649A (zh) * 2019-09-25 2019-12-24 北京小米移动软件有限公司 界面显示方法、装置及存储介质
CN111753125A (zh) * 2020-06-22 2020-10-09 腾讯音乐娱乐科技（深圳）有限公司 歌曲音频显示的方法和装置
CN114020394A (zh) * 2021-11-17 2022-02-08 维沃移动通信有限公司 图像显示方法、装置及电子设备

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100229094A1 (en) * 2009-03-04 2010-09-09 Apple Inc. Audio preview of music
CN106997265A (zh) * 2016-01-26 2017-08-01 腾讯科技（深圳）有限公司 一种设置背景过度色的方法及装置
CN110609649A (zh) * 2019-09-25 2019-12-24 北京小米移动软件有限公司 界面显示方法、装置及存储介质
CN111753125A (zh) * 2020-06-22 2020-10-09 腾讯音乐娱乐科技（深圳）有限公司 歌曲音频显示的方法和装置
CN114020394A (zh) * 2021-11-17 2022-02-08 维沃移动通信有限公司 图像显示方法、装置及电子设备

Also Published As

Publication number Publication date
CN114020394A (zh) 2022-02-08

Similar Documents

Publication Publication Date Title
US10140742B2 (en) Automated graphical user-interface layout
WO2023088183A1 (fr) Procédé et appareil d'affichage d'image, et dispositif électronique
US10514885B2 (en) Apparatus and method for controlling audio mixing in virtual reality environments
CN108334371B (zh) 编辑对象的方法和装置
CN107621966B (zh) 图形用户界面显示方法、装置和终端设备
US11233895B2 (en) Automatic wallpaper setting method, terminal device, and graphical user interface
CN104247392A (zh) 用于媒体编辑应用程序的扇形用户界面控件
CN109819301B (zh) 视频的播放方法及装置、终端设备、计算机可读存储介质
US20230345113A1 (en) Display control method and apparatus, electronic device, and medium
WO2023125425A1 (fr) Procédé et appareil d'affichage et dispositif électronique
CN106792197A (zh) 一种视频播放区域布局的切换方法及系统
WO2023061414A1 (fr) Procédé et appareil de génération de fichiers, et dispositif électronique
CN111857510B (zh) 参数调节方法、装置及电子设备
WO2023066294A1 (fr) Procédé et appareil d'affichage d'icônes et dispositif électronique
CN110347459A (zh) 一种窗口最小化方法、装置、存储介质及交互智能平板
WO2023030306A1 (fr) Procédé et appareil d'édition vidéo, et dispositif électronique
KR20120076485A (ko) 휴대단말에서 전자책 서비스 제공 방법 및 장치
US9872093B2 (en) Audio output apparatus and control method thereof
WO2024067329A1 (fr) Procédé et appareil d'affichage, dispositif électronique, et support de stockage
WO2023093809A1 (fr) Procédé et appareil de traitement d'édition de fichier et dispositif électronique
WO2023093637A1 (fr) Procédé et appareil de traitement d'une interface d'affichage d'appel entrant, et dispositif électronique
WO2023125160A1 (fr) Procédé et appareil de traitement d'image, dispositif électronique et support de stockage lisible
WO2023061281A1 (fr) Procédé et appareil d'affichage et dispositif électronique
WO2022247768A1 (fr) Procédé de traitement d'image et dispositif électronique
WO2023005899A1 (fr) Procédé d'affichage d'identifiant graphique, et dispositif électronique

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22894719

Country of ref document: EP

Kind code of ref document: A1