Playing interface processing method and device, program product and electronic equipment

Abstract

The invention provides a playing interface processing method and device, a program product and electronic equipment, and relates to the technical field of computers. The method comprises the following steps: performing fuzzification processing on at least partial region in an associated image of first music to generate a playing background corresponding to the first music; in response to playing of the first music, displaying a playing interface of the first music; the playing interface comprises the associated image and the playing background. According to the method and the device, the display effect of the playing interface is effectively combined with the music content, the immersion and atmosphere of the user for listening to the music are enhanced, and the diversity of the interface effect is improved.

Description

Technical Field

[0001] The embodiments of the present disclosure relate to the field of computer technology. More specifically, the embodiments of the present disclosure relate to a playback interface processing method, a playback interface processing device, a computer program product, and an electronic device. Background Art

[0002] This section is intended to provide a background or context for the technical solutions stated in the claims. The description of the relevant content in this section does not constitute an admission that it is prior art.

[0003] With the development of computers and the internet, more and more users are listening to music through digital music services. For example, users install music apps (applications) on electronic devices such as mobile phones and listen to music within the apps, or log in to music websites and listen to music online. While listening to music, users can view information such as album cover images, playback progress, and lyrics on the playback interface to fully enjoy the audiovisual experience. Summary of the Invention

[0004] However, the background in the playback interface is usually a fixed image, which lacks effective integration with the music content, affecting the user's sense of immersion and atmosphere when listening to music.

[0005] In view of the above problems, embodiments of the present disclosure provide a playback interface processing method, a playback interface processing device, a computer program product, and an electronic device.

[0006] According to a first aspect of the present disclosure, a playback interface processing method is provided, the method comprising: blurring at least a partial area in an associated image of a first music to generate a playback background corresponding to the first music; in response to playing the first music, displaying a playback interface of the first music; the playback interface comprising the associated image and the playback background.

[0007] In one embodiment, blurring at least a portion of an associated image of the first music to generate a playback background corresponding to the first music includes: determining a first blur parameter based on one or more of image features of the associated image, music features of the first music, and first setting information; blurring at least a portion of the associated image based on the first blur parameter to generate a playback background corresponding to the first music.

[0008] In one embodiment, the method also includes: during the playing of the first music, determining a second fuzzy parameter based on a first feature of the currently playing segment in the first music; adjusting the blur effect of the playback background based on the second fuzzy parameter, and displaying the adjusted playback background in the playback interface.

[0009] In one embodiment, the first feature includes low-frequency intensity and high-frequency intensity; determining the second fuzzy parameter based on the first feature of the currently playing segment in the first music includes: determining the second fuzzy parameter based on the sum of the low-frequency intensity and the high-frequency intensity of the currently playing segment in the first music.

[0010] In one embodiment, the associated image includes multiple areas; blurring at least part of the area in the associated image of the first music to generate the playback background corresponding to the first music includes: determining the first fuzzy parameter corresponding to each area based on the image features of each area; blurring each area according to the first fuzzy parameter corresponding to each area to generate the playback background corresponding to the first music.

[0011] In one embodiment, the method further includes: obtaining a third blur parameter in response to a playback interface setting instruction; adjusting the blur effect of the playback background according to the third blur parameter, and displaying the adjusted playback background in the playback interface.

[0012] In one embodiment, the method further includes: dividing the playback background into a plurality of grids; and controlling the grids to move during display of the playback interface to present a dynamic playback background.

[0013] In one embodiment, dividing the playback background into a plurality of grids includes: determining a grid division precision according to second setting information; and dividing the playback background into a plurality of grids according to the grid division precision.

[0014] In one embodiment, controlling the grid to move includes: determining a first grid motion parameter based on one or more of the image characteristics of the grid, the music characteristics of the first music, and third setting information; and controlling the grid to move based on the first grid motion parameter.

[0015] In one embodiment, controlling the grid to move includes: determining a second grid motion parameter according to a second feature of a currently playing segment in the first music; and controlling the grid to move based on the second grid motion parameter.

[0016] In one embodiment, the second feature includes high-frequency intensity; determining the second grid motion parameter based on the second feature of the currently playing segment in the first music includes: if the high-frequency intensity of the currently playing segment in the first music is greater than a preset intensity threshold, determining that the second grid motion parameter includes a first motion frequency; if the high-frequency intensity of the currently playing segment in the first music is less than a preset intensity threshold, determining that the second grid motion parameter includes a second motion frequency; the second motion frequency is less than the first motion frequency.

[0017] In one embodiment, controlling the grids to move includes: randomly generating an offset for each grid, and controlling each grid to move according to the offset.

[0018] In one embodiment, after controlling the grid to move, the method further includes: performing color transition processing on the overlapping areas between the grids after movement, and filling the blank areas generated after the grid movement with the colors of the grids adjacent to the blank areas to form the playback background after the grid movement.

[0019] In one embodiment, the display of the playback interface of the first music includes: making the playback background and / or other interface elements in the playback interface transparent, and superimposing and displaying the transparently processed playback background and other interface elements.

[0020] In one embodiment, the transparent processing of the playback background and / or other interface elements in the playback interface includes: determining a first transparency parameter based on one or more of the image characteristics of the playback background, the image characteristics of the other interface elements, the music characteristics of the first music, and fourth setting information; and transparent processing of the playback background and / or the other interface elements based on the first transparency parameter.

[0021] In one embodiment, the transparent processing of the playback background and / or other interface elements in the playback interface includes: using a gradual transparency parameter to perform transparency processing on the transition area between the playback background and the other interface elements.

[0022] In one embodiment, the transparent processing of the playback background and / or other interface elements in the playback interface includes: determining a second transparency parameter based on a third feature of the currently playing segment in the first music; and transparent processing of the playback background and / or other interface elements based on the second transparency parameter.

[0023] In one embodiment, the method further includes: adjusting the transparency of the playback background and / or the other interface elements according to the current playback status of the first music.

[0024] According to a second aspect of the present disclosure, a playback interface processing device is provided, which includes: a playback background generation module, configured to blur at least a partial area in an associated image of a first music to generate a playback background corresponding to the first music; a playback interface display module, configured to display a playback interface of the first music in response to playing the first music; the playback interface includes the associated image and the playback background.

[0025] According to a third aspect of the present disclosure, a computer program product is provided, comprising a computer program, wherein when the computer program is executed by a processor, the method of the first aspect and possible implementations thereof are implemented.

[0026] According to a fourth aspect of the present disclosure, an electronic device is provided, comprising: a processor; and a memory for storing executable instructions of the processor; wherein the processor is configured to execute the method of the above-mentioned first aspect and its possible implementation methods by executing the executable instructions.

[0027] The embodiments of the present disclosure have the following technical effects:

[0028] At least a portion of an image associated with a first piece of music is blurred to generate a playback background corresponding to the first piece of music. This playback background and the associated image are displayed on the playback interface while the first piece of music is playing. The playback background and the associated image visually match, effectively integrating the display effects of the playback interface with the music content, enhancing the user's sense of immersion and atmosphere while listening to music. Furthermore, as the music changes, the background of the playback interface adaptively changes, increasing the diversity of the interface effects. BRIEF DESCRIPTION OF THE DRAWINGS

[0029] Figure 1 A schematic diagram showing a system architecture in an embodiment of the present disclosure.

[0030] Figure 2 A flowchart of a playback interface processing method in an embodiment of the present disclosure is shown.

[0031] Figure 3 A schematic diagram showing a playback interface in an embodiment of the present disclosure.

[0032] Figure 4 A schematic diagram showing another playback interface in an embodiment of the present disclosure.

[0033] Figure 5A flowchart of generating a playback background in an embodiment of the present disclosure is shown.

[0034] Figure 6 A flow chart for controlling mesh movement in an embodiment of the present disclosure is shown.

[0035] Figure 7 A structural diagram of a playback interface processing device in an embodiment of the present disclosure is shown.

[0036] Figure 8 A schematic structural diagram of an electronic device in an embodiment of the present disclosure is shown.

[0037] In the drawings, the same or corresponding reference numerals denote the same or corresponding parts. DETAILED DESCRIPTION

[0038] The principles and spirit of the present disclosure are described in detail below with reference to several representative embodiments of the present disclosure. It should be understood that these embodiments are provided solely to enable those skilled in the art to better understand and implement the present disclosure, and are not intended to limit the scope of the present disclosure in any way. On the contrary, these embodiments are provided to make the present disclosure more thorough and complete, and to fully convey the scope of the present disclosure to those skilled in the art.

[0039] The embodiments of the present disclosure may be implemented as systems, devices, equipment, methods, and computer program products. Therefore, the present disclosure may be implemented in the following forms: entirely in hardware, entirely in software (including firmware, resident software, microcode, etc.), or in a combination of hardware and software. SUMMARY OF THE INVENTION

[0041] In current music applications, the background of the playback interface is usually a fixed image. Such background effects are relatively simple and lack effective integration with the music content, affecting the user's sense of immersion and atmosphere when listening to music.

[0042] In view of the above, the present disclosure provides a playback interface processing method, a playback interface processing device, a computer program product, and an electronic device. At least a portion of the associated image of the first music is blurred to generate a playback background corresponding to the first music. When the first music is played, the playback background and the associated image are displayed in the playback interface. The playback background and the associated image are visually matched, so that the display effect of the playback interface is effectively combined with the music content, enhancing the user's immersion and sense of atmosphere when listening to music. Moreover, as the music being played switches, the background in the playback interface changes adaptively, thereby enhancing the diversity of the interface effects.

[0043] After introducing the basic principles of the present disclosure, various non-limiting embodiments of the present disclosure are described in detail below.

[0044] Application Scenario Overview

[0045] It should be noted that the following application scenarios are only shown to facilitate understanding of the spirit and principles of the present disclosure. The embodiments of the present disclosure are not limited in this respect and can be applied to any applicable scenarios.

[0046] The embodiments of the present disclosure can be applied to music applications, such as music apps (Applications), music services provided through web pages (such as music websites), or music applets set in other programs. When the first music is played, an associated image and a corresponding playback background are displayed in the playback interface of the first music, and the playback background has a blurring effect on at least part of the area in the associated image. In this way, the playback background displayed in the playback interface matches the associated image, so that the display effect of the playback interface is effectively combined with the music content, and the user's visual experience of watching the playback interface is unified with the auditory experience of listening to music, thereby enhancing the sense of immersion and atmosphere. Moreover, as the music played switches, the background in the playback interface changes adaptively, thereby enhancing the diversity of the interface effects.

[0047] In one embodiment, when the user turns on the preset background function (i.e., the function of displaying a playback background that matches the associated image), the playback interface processing method of the present disclosure is executed to achieve the effect that the playback background in the playback interface matches the associated image. If the user does not turn on the preset background function, the original background effect (e.g., a fixed image background) is displayed in the playback interface.

[0048] Figure 1 The system architecture of the operating environment of an embodiment of the present disclosure is shown. This system architecture may include a terminal device 110 and a server 120. The terminal device 110 may be a mobile phone, personal computer, tablet computer, smart wearable device, etc., and may have audio capabilities and run music-related applications such as music apps, music websites, and music applets. In addition, the terminal device 110 has a display function and may display a graphical user interface, such as a playback interface. The server 120 is a backend for providing music-related services and may be a single server or a cluster of multiple servers. In one embodiment, the server 120 may include a first service system and a second service system. The first service system provides a music listening service, such as providing the terminal device 110 with audio data of a first piece of music so that the terminal device 110 can play the first piece of music. The second service system provides an interface display service, such as providing the terminal device 110 with interface information of a playback interface so that the terminal device 110 can display the playback interface. The terminal device 110 and the server 120 may be connected via a wired or wireless communication link to enable information exchange.

[0049] The playback interface processing method in the embodiment of the present disclosure may be executed independently by the terminal device 110 or the server 120 , or may be executed jointly by the terminal device 110 and the server 120 .

[0050] In one embodiment, the playback interface processing method can be independently executed by the terminal device 110 without setting up the server 120. For example, a playback interface-related processing program can be deployed locally on the terminal device 110, and the terminal device 110 can run a music app in a standalone environment. By executing the processing program, the playback background in the playback interface can be matched with the associated image.

[0051] Exemplary Methods

[0052] The following is an illustrative description of the method in the embodiment of the present disclosure. Figure 2 The process of the playback interface processing method is shown, which may include the following steps S210 to S220:

[0053] Step S210: Blurring is performed on at least a portion of the image associated with the first music to generate a playback background corresponding to the first music.

[0054] The first music piece can be any music piece. The associated image is an image that has a specific relationship with the first music piece, such as the album cover image, album artwork, promotional poster, artist-related image, etc. This disclosure does not limit the specific method of blurring, and methods such as Gaussian blur and radial blur can be used. The blurring can be performed on the entire associated image, or on a portion of the associated image, with the blurred image serving as the playback background for the first music piece.

[0055] Step S220: In response to playing the first music, displaying a playback interface of the first music; the playback interface includes an associated image and a playback background.

[0056] refer to Figure 3 As shown, the associated image can be displayed in the form of a turntable in the playback interface, and the playback background fills other areas in the playback interface. The playback background and the associated image are visually matched, so that the display effect of the playback interface is effectively combined with the music content, enhancing the user's immersion and atmosphere when listening to music. Figure 3 and Figure 4 As shown, when the first music being played is switched, the associated image displayed in the playback interface changes, and the playback background also changes adaptively, thereby improving the diversity of the interface effects.

[0057] The playback interface may further include other interface elements, such as playback controls, and information such as the title, album name, and artist name of the first music.

[0058] In one embodiment, in response to a display switching instruction, the associated image displayed in the playback interface is switched to other information, such as lyrics, user comments, etc.

[0059] In one embodiment, a playback context corresponding to the first music piece can be generated before the first music piece is played. For example, the server can pre-generate playback contexts corresponding to different music pieces. This eliminates the need to perform the calculation process for generating the playback context when the first music piece is played. Instead, the playback interface can be quickly presented based on the generated playback context, thereby improving processing efficiency and response speed.

[0060] The following is an exemplary description of the fuzzy processing.

[0061] In one embodiment, reference Figure 5 As shown, the above-mentioned blurring of at least a portion of the image associated with the first music to generate the playback background corresponding to the first music includes the following steps S510 and S520:

[0062] Step S510, determining a first fuzzy parameter based on one or more of an image feature of the associated image, a music feature of the first music, and the first setting information;

[0063] Step S520: Blurring is performed on at least a portion of the associated image according to the first blur parameter to generate a playback background corresponding to the first music.

[0064] Among them, image features include but are not limited to: color features, image semantic features, image frequency features, image categories. Music features include but are not limited to: rhythm features, music categories, style features, music semantic features, music frequency features, music emotional features, lyrics features. The first setting information is the set information about the playback interface, which can be the default or last set information, such as the default background blur intensity, playback interface mode, etc. In the embodiment of the present disclosure, the fuzzy parameters are parameters used for fuzzification processing, such as fuzzy intensity, fuzzy mode (referring to which specific fuzzification mode is adopted, such as Gaussian blur, radial blur, etc.), fuzzy kernel parameters, etc.

[0065] The first fuzzy parameter can be determined based on one or more of the image features of the associated image, the musical features of the first music, and the first setting information. For example, a correspondence between image features and fuzzy parameters can be pre-established, such that a higher image frequency corresponds to a larger fuzzy parameter (indicating a higher degree of fuzziness). The corresponding fuzzy parameter can be determined based on the image features of the associated image and used as the first fuzzy parameter. A correspondence between musical features and fuzzy parameters can also be pre-established, such that a slower tempo corresponds to a larger fuzzy parameter. The corresponding fuzzy parameter can be determined based on the musical features of the first music and used as the first fuzzy parameter. A default or pre-set fuzzy parameter in the first setting information can be obtained and used as the first fuzzy parameter. Alternatively, a correspondence between the first setting information and fuzzy parameters can be pre-established, such that different playback interface modes correspond to different fuzzy parameters. The corresponding fuzzy parameter can then be determined based on the currently obtained first setting information and used as the first fuzzy parameter. The first fuzzy parameter can also be obtained by combining fuzzy parameters obtained from multiple of the aforementioned aspects, such as calculating an average or weighted value of the fuzzy parameters corresponding to the image features of the associated image, the fuzzy parameters corresponding to the musical features of the first music, and the fuzzy parameters obtained from the first setting information.

[0066] The first blur parameter is a basic blur parameter. At least a portion of the associated image is blurred based on the first blur parameter to generate a playback background corresponding to the first music track. This playback background is a basic, static blurred background effect. For example, if dynamic blur is not used during playback of the first music track, the playback background generated based on the first blur parameter is always displayed.

[0067] In one embodiment, the playback interface processing method further includes the following steps:

[0068] During the playing of the first music, determining the second fuzzy parameter according to the first feature of the currently played segment of the first music;

[0069] The blur effect of the playback background is adjusted according to the second blur parameter, and the adjusted playback background is displayed in the playback interface.

[0070] The first music piece can be divided into multiple segments, such as those based on changes in the music's rhythm, and the currently playing segment is the segment at the current playback position. Alternatively, a time window can be set, the length of which can be set based on experience or specific business needs, such as 3 seconds, 5 seconds, etc. During the playback of the first music piece, the time window is used to intercept a segment near the current playback position as the currently playing segment. The first feature refers to a feature of the currently playing segment used to determine the second fuzzy parameter. For example, all or part of the music features of the currently playing segment can be used as the first feature.

[0071] The second fuzzy parameter can be determined based on the first feature of the currently playing segment. For example, a correspondence between music features and fuzzy parameters can be pre-established, such that the slower the tempo, the larger the fuzzy parameter. The corresponding fuzzy parameter can be determined based on the first feature of the currently playing segment as the second fuzzy parameter.

[0072] In one embodiment, the first feature includes low-frequency intensity and high-frequency intensity. The above-mentioned determination of the second fuzzy parameter based on the first feature of the currently playing segment in the first music includes the following steps:

[0073] The second fuzzy parameter is determined according to the sum of the low-frequency intensity and the high-frequency intensity of the currently played segment in the first music.

[0074] The audio spectrum of the currently playing clip can be extracted and analyzed to obtain parameters or features such as low-frequency intensity and high-frequency intensity. For example, the iOS system uses the AVAudioEngine for iOS audio processing library, and the Android system uses the AudioTrack for Android audio processing library. Audio spectrum data can be extracted for specific audio processing libraries. Alternatively, the Web Audio API (an application programming interface for processing audio on the web) can be used to extract audio spectrum data. Refer to the following code:

[0075]

[0076]

[0077] By executing the following code, you can extract the audio spectrum frequencyData, which is an array containing the frequency data of the audio, which can represent the intensity of the audio in different frequency ranges. Then, analyze the audio spectrum to obtain the low-frequency intensity and high-frequency intensity. This disclosure does not limit the classification criteria for low frequency and high frequency, and can be determined based on experience or specific music categories. Then calculate the second fuzzy parameter. Refer to the following code:

[0078]

[0079] The second fuzzy parameter is a dynamic fuzzy parameter. As the first feature of the currently playing music segment changes, the second fuzzy parameter determined by this will also change. The blur effect of the playback background is adjusted based on the second fuzzy parameter, creating a dynamic, real-time effect. This ensures that the user's visual experience matches the actual music segment, further enhancing the user experience and the overall atmosphere.

[0080] In one embodiment, the associated image includes multiple areas. The above-mentioned blurring of at least part of the area in the associated image of the first music to generate the playback background corresponding to the first music includes the following steps:

[0081] Determining a first fuzzy parameter corresponding to each region according to image features of each region;

[0082] Each area is fuzzy processed according to the first fuzzy parameter corresponding to each area to generate a playback background corresponding to the first music.

[0083] Among them, the associated image can be divided into multiple areas of fixed size, and each area is a rectangular or square area of ​​fixed size. Alternatively, the associated image can be divided into multiple areas according to the image content, such as performing semantic recognition on the associated image, and dividing the part corresponding to each semantic into an area. The corresponding first fuzzy parameter is determined according to the image features of each area. For example, a correspondence between image features and fuzzy parameters can be established in advance, and based on the correspondence, the image features of different areas are mapped to fuzzy parameters to obtain the first fuzzy parameters corresponding to each area. Of course, in addition to the image features, the first fuzzy parameters corresponding to each area can also be calculated in combination with the music features of the first music, the first setting information, etc. Each area is fuzzified according to the first fuzzy parameter corresponding to each area, and the blurred areas are spliced ​​to form the playback background corresponding to the first music. In this way, the blurring effects of different areas in the playback background are adaptive to the image features of each area, which is conducive to further improving the visual effect.

[0084] In one embodiment, the playback interface processing method further includes the following steps:

[0085] In response to the playback interface setting instruction, obtaining a third fuzzy parameter;

[0086] The blur effect of the playback background is adjusted according to the third blur parameter, and the adjusted playback background is displayed in the playback interface.

[0087] The playback interface setting instruction may be a setting instruction for the playback interface after the first music begins playing, such as an instruction for the user to adjust the playback interface in real time during the playback of the first music. The third blur parameter is a blur parameter determined based on the playback interface setting instruction, such as the blur intensity adjusted in real time by the user, or the blur parameter corresponding to the playback interface mode adjusted in real time by the user. Adjusting the blur effect of the playback background based on the third blur parameter and displaying it in real time can better meet user needs.

[0088] In one embodiment, reference Figure 6 As shown, the playback interface processing method further includes the following steps S610 and S620:

[0089] Step S610: Divide the playback background into multiple grids.

[0090] The present disclosure does not limit the specific way of dividing the grid. For example, the grid can be divided according to a preset size, and the preset size can be the size of a single grid, such as dividing it according to a size of 50×50 pixels, and the size of the grid is 50×50 pixels. For another example, the grid division accuracy is determined according to the second setting information; the playback background is divided into multiple grids according to the grid division accuracy. Among them, the second setting information is the setting information about grid division, such as the user can set the display accuracy or fineness of the playback interface, which indicates the grid division accuracy, or the user can set the number of grids, which can also indicate the grid division accuracy. The size of a single grid can be calculated according to the grid division accuracy, and then the playback background can be divided. Generally, the higher the grid division accuracy, the smaller the size of a single grid, which means that the playback background is divided more finely.

[0091] Step S620: During the display of the playback interface, the grid is controlled to move to present a dynamic playback background.

[0092] A two-dimensional plane can be created for the playback interface to control the movement of the grid within it. Alternatively, a three-dimensional space can be created to control the movement of the grid within it, and the three-dimensional space can be projected onto a specific plane to form the playback interface. Asymmetric and nonlinear motion effects can be achieved for the grids. The motion parameters of at least two grids can differ. These parameters can include movement direction, speed, trajectory, and more. Alternatively, each grid can have independent motion parameters. This creates a dynamic playback background through the movement of the grids, enhancing the diversity of background effects.

[0093] In one embodiment, a corresponding anchor point can be set for each grid, such as the center point or corner point of each grid. The other points in the grid have a fixed relative positional relationship with the anchor point. By controlling the movement of the anchor point and maintaining the relative positional relationship of the other points with the anchor point, the entire grid can be moved.

[0094] In one embodiment, the associated image can be divided into multiple grids, with each grid being treated as a region. A first fuzzy parameter is determined based on image features and other factors, and fuzzification processing is performed. Motion control is then performed for each grid. This allows for grid-based fuzzification and motion control, improving visual quality.

[0095] In one embodiment, the control grid moves, comprising the following steps:

[0096] determining a first grid motion parameter based on one or more of an image feature of the grid, a musical feature of the first music, and third setting information;

[0097] The mesh is controlled to move based on the first mesh motion parameter.

[0098] The first grid motion parameters are basic, static motion parameters. The third setting information is setting information regarding grid motion. For example, the user can set parameters such as the motion mode and direction for the playback interface, thereby determining the first grid motion parameters. Furthermore, a correspondence between image features and motion parameters can be pre-established. For example, higher image frequency or brightness indicates faster motion speed. Based on the image features of each grid, corresponding motion parameters are determined to obtain the first grid motion parameters for each grid. A correspondence between music features and motion parameters can also be pre-established. For example, faster music tempo indicates faster motion speed. Based on the musical features of the first music, corresponding motion parameters are determined to obtain the first grid motion parameters. Of course, the first grid motion parameters can also be determined based on the image features of the grid, the musical features of the first music, and a combination of information in the third setting information. For example, by determining the first grid motion parameters for different grids separately and performing motion control, the highlighted grids in the playback background can exhibit a stronger motion effect, while the darker grids exhibit a softer motion effect.

[0099] In one embodiment, based on the above calculations, random motion information can be added to different grids to obtain first grid motion parameters. For example, the motion speed of each grid can be determined based on one or more of the image characteristics of each grid, the musical characteristics of the first music, and the third setting information, and the motion direction of each grid can be randomly determined to obtain the first grid motion parameters of each grid. The first grid motion parameters include motion speed and motion direction. This further ensures that the first grid motion parameters of different grids are not exactly the same, increasing the background diversity of the playback interface.

[0100] In one embodiment, the control grid moves, comprising the following steps:

[0101] determining a second grid motion parameter according to a second feature of the currently playing segment in the first music;

[0102] The mesh is controlled to move based on the second mesh motion parameter.

[0103] The second grid motion parameter is a real-time, dynamic motion parameter. The second feature refers to a feature of the currently playing segment used to determine the second grid motion parameter. For example, all or part of the music feature of the currently playing segment can be used as the second feature. The second feature can be the same as or different from the first feature.

[0104] In one embodiment, the first mesh motion parameter includes the motion mode (referring to the curve or trajectory along which the mesh moves, which may include geometric magnification, up / down translation, left / right translation, rotation, "jumping" motion, random path motion, etc.) and the motion direction, and the second mesh motion parameter includes the motion speed or frequency. The mesh motion can be controlled based on the first and second mesh motion parameters.

[0105] During playback of the first music clip, the second grid motion parameters are determined based on the second feature. For example, a correspondence between music features and motion parameters can be pre-established, such as slower tempo corresponds to faster movement. Based on the second feature of the currently playing segment, the corresponding motion parameters are determined and used as the second grid motion parameters. The grid is then controlled to move based on the second grid motion parameters. This allows the grid's motion to change with the currently playing segment, achieving the effect of adaptive grid motion for music playback.

[0106] In one embodiment, the second feature includes high frequency intensity. The above-mentioned determining the second grid motion parameter based on the second feature of the currently playing segment in the first music includes the following steps:

[0107] If the high frequency intensity of the currently played segment in the first music is greater than a preset intensity threshold, determining that the second grid motion parameter includes the first motion frequency;

[0108] If the high frequency intensity of the currently played segment in the first music is less than a preset intensity threshold, it is determined that the second grid motion parameter includes a second motion frequency; and the second motion frequency is less than the first motion frequency.

[0109] Among them, the audio spectrum of the currently playing segment can be extracted and analyzed to obtain parameters or features such as high-frequency intensity. As mentioned above, the frequencyData array, i.e., audio spectrum data, can be extracted using the Web Audio API. Then, by analyzing the frequencyData array, the high-frequency intensity can be obtained. The motion frequency represents the number of times the grid moves per unit time. The movement distance of each movement of the grid can be fixed, and the motion frequency is equivalent to the movement speed. The preset intensity threshold is a standard for measuring whether the high-frequency intensity is higher or lower, and can be set based on experience or specific business needs. If the high-frequency intensity is greater than the preset intensity threshold, it is determined that the second grid motion parameter includes a higher first motion frequency, that is, the higher first motion frequency is used to control the real-time movement of the grid. If the high-frequency intensity is less than the preset intensity threshold, it is determined that the second grid motion parameter includes a lower second motion frequency, that is, the lower second motion frequency is used to control the real-time movement of the grid. For example, refer to the following code:

[0110]

[0111] As a result, during the playback of the first music track, the real-time motion frequency of the grid changes adaptively with the high-frequency intensity of the currently playing segment. This further improves the consistency between the display effect of the playback interface and the audio changes of the first music track, enhancing the sense of immersion and atmosphere.

[0112] In one embodiment, controlling the grid to move may include the following steps:

[0113] Randomly generate an offset for each mesh and control the movement of each mesh according to the offset.

[0114] The offset of each grid can be generated within the two-dimensional plane or three-dimensional space established for the playback interface. For example, within the two-dimensional plane, the offset in the x and y directions can be randomly determined for each grid's movement, and the grid's movement can be controlled accordingly. Randomly generating offsets for different grids allows for different offsets, increasing the diversity of grid movement and interface display effects.

[0115] In one embodiment, mesh motion control can be achieved through WebGL (Web Graphics Library, suitable for browser environments) or native graphics APIs (Application Programming Interfaces) of mobile platforms, such as OpenGL ES (Open Graphics Library for Embedded Systems), Metal (an API that combines graphics and computing functions), Vulkan (a cross-platform 2D and 3D drawing API), etc. Refer to the following code:

[0116]

[0117] In one embodiment, the second grid motion parameter can be determined based on the current volume. For example, the higher the current volume, the greater the motion frequency or motion speed in the second grid motion parameter. Exemplarily, the second grid motion parameter can be determined based on the second feature of the currently playing segment and the current volume. For example, the corresponding motion frequency is calculated based on the second feature of the currently playing segment, the corresponding motion frequency is determined based on the current volume, and the two motion frequencies are combined (e.g., by calculating an average or weighted value) to obtain the second grid motion parameter.

[0118] Of course, in addition to the motion frequency or motion speed, other parameters in the second grid motion parameters, such as motion direction, motion amplitude, etc., can be determined according to the second feature of the currently playing segment and / or the current volume.

[0119] In one embodiment, after the control grid moves, the playback interface processing method further includes the following steps:

[0120] Color transition processing is performed on the overlapping areas between the grids after movement. For the blank areas generated after the grid movement, the blank areas are filled with colors according to the colors of the grids adjacent to the blank areas to form the playback background after the grid movement.

[0121] Among them, the original playback background is a regular rectangular or square image. After each grid moves, due to the randomness and irregularity of the grid movement, there are overlapping areas between the grids, as well as blank areas left after the grid movement. In order to ensure the overall display effect of the playback background, the overlapping areas are subjected to color transition processing. Specifically, the colors of the multiple overlapping grids can be fused (for example, the colors of each grid are weighted according to the distance from the boundary points or center points of each grid at different positions in the overlapping area, so that the overlapping area presents a color transition effect between different grids), and the blank area is filled with the color of the adjacent grids in the blank area. Specifically, the color of a grid adjacent to the blank area can be filled into the blank area, or the colors of multiple grids adjacent to the blank area can be fused and filled into the blank area. Thus, the playback background after the grid movement is formed. In addition, on the basis of the above-mentioned color processing, color transition processing can also be performed on the areas with color mutations in the entire playback background to increase the visual sense of harmony.

[0122] In one embodiment, the displaying of the first music playback interface includes the following steps:

[0123] The playback background and / or other interface elements in the playback interface are made transparent, and the transparent playback background and other interface elements are superimposed and displayed.

[0124] Among them, other interface elements in the playback interface indicate interface elements other than the playback background, such as associated images, turntable controls for displaying associated images, other playback controls (such as play / pause controls, previous track controls, next track controls, progress bar controls, etc.), and music-related information (such as music title, album name, artist name, etc.). The playback background can be made transparent, or other interface elements can be made transparent, or both can be made transparent. The playback background and other interface elements are displayed as different layers in a superimposed manner, so that after the transparency processing, a light and transparent visual effect is produced, which enhances the overall layering of the playback interface.

[0125] This disclosure does not limit the specific method or parameters for transparency processing. For example, fixed transparency parameters can be used to make other interface elements transparent and display them superimposed on the playback background. This allows users to see other interface elements and a relatively complete playback background, resulting in a better visual effect.

[0126] In one embodiment, the transparent processing of the playback background and / or other interface elements in the playback interface includes the following steps:

[0127] determining a first transparency parameter based on one or more of image features of the playback background, image features of other interface elements, music features of the first music, and fourth setting information;

[0128] The playback background and / or other interface elements are made transparent based on the first transparency parameter.

[0129] The first transparency parameter is a basic, static transparency parameter. The fourth setting information is setting information regarding the transparent display effect of the playback interface. For example, the settings interface of the playback interface provides options for transparency settings (such as transparency), and user settings for these options can trigger the generation of the fourth setting information. The first transparency parameter can be determined based on the fourth setting information. In addition, a correspondence between image features and transparency parameters can be pre-established. For example, higher image frequencies indicate higher transparency. The corresponding transparency parameter can be determined based on the image features of the playback background and used as the first transparency parameter. Alternatively, the corresponding transparency parameter can be determined based on the image features of other interface elements and used as the first transparency parameter. A correspondence between music features and transparency parameters can be pre-established. For example, faster music tempos indicate higher transparency. The corresponding transparency parameter can be determined based on the musical features of the first music and used as the first transparency parameter. Of course, the first transparency parameter can also be determined based on the image features of the playback background, the image features of other interface elements, the musical features of the first music, and multiple information in the fourth setting information. For example, the transparency parameters corresponding to the image features of the playback background, the image features of other interface elements, the musical features of the first music, and the transparency parameters obtained from the fourth setting information can be averaged or weighted to obtain the first transparency parameter.

[0130] The first transparency parameter may include specific parameters such as transparency, based on which the playback background and / or other interface elements are made transparent, and a transparent overlay effect is displayed. This display effect matches the image characteristics of the playback background or other interface elements, or the musical characteristics of the first music, or the fourth setting information, thereby enhancing the integration of the display effect with the music or image content, or meeting user needs.

[0131] In one embodiment, the transparent processing of the playback background and / or other interface elements in the playback interface includes the following steps:

[0132] For the transition area between the playback background and other interface elements, a gradient transparency parameter is used for transparency processing.

[0133] For example, if the playback background is made transparent, a certain size can be extended from the intersection of the playback background and other interface elements to the inner area of ​​the other interface elements to determine the transition area, and a gradual transparency parameter can be used to make the transition area transparent. For example, for different positions in the transition area, the transparency is set to gradually decrease according to the distance from the intersection. The farther the position is from the playback background, the lower the transparency, thereby achieving a gradual transparency effect. If other interface elements are made transparent, a certain size can be extended from the intersection of the playback background and other interface elements to the inner area of ​​the playback background to determine the transition area, and a gradual transparency process can be performed in a similar manner to the above to obtain a gradual transparency effect.

[0134] By making the transition area transparent, the sense of integration between the playback background and other interface elements is further enhanced, improving the visual effect.

[0135] In one embodiment, the transparent processing of the playback background and / or other interface elements in the playback interface includes the following steps:

[0136] determining a second transparency parameter according to a third feature of the currently playing segment in the first music;

[0137] The playback background and / or other interface elements are made transparent based on the second transparency parameter.

[0138] The second transparency parameter is a real-time, dynamic transparency parameter. The third feature refers to the feature of the currently playing segment used to determine the second transparency parameter. For example, all or part of the music features of the currently playing segment can be used as the third feature. The third feature can be the same as or different from the first or second feature.

[0139] During the playback of the first music, the second transparency parameter is determined based on the third feature. For example, a correspondence between music features and transparency parameters can be pre-established. For example, the faster the rhythm, the higher the transparency. The corresponding transparency parameter is determined based on the third feature of the currently playing segment as the second transparency parameter. The playback background and / or other interface elements are made transparent in real time based on the second transparency parameter. It can be seen that the transparency effect in the playback interface can change with the changes in the currently playing segment, further improving the effect of achieving grid motion adaptive music playback.

[0140] In one embodiment, the playback interface processing method further includes the following steps:

[0141] The transparency of the playing background and / or other interface elements is adjusted according to the current playing status of the first music.

[0142] The current playback status of the first music may include playing, paused, paused, stopped, etc. The corresponding transparency can be determined based on the current playback status, and the transparency of the playback background and other interface elements can be adjusted. For example, if the current playback status is playing, the transparency in the first transparency parameter or the second transparency parameter is used to make other interface elements transparent. If the current playback status is paused, the transparency is set to 0, so that other interface elements are opaque, which is convenient for user operation. This can better meet user needs.

[0143] In one embodiment, the color of the playback background and / or other interface elements can be adjusted, such as by adjusting the color saturation and brightness, to make the color tone of the playback background and other interface elements more consistent. For example, the transition area between the playback background and other interface elements can be gradient-processed, the color space of the playback background can be optimized, or the color saturation, brightness, and other parameters of the playback background and / or other interface elements can be adjusted based on the current playback state. This can improve the overall color coordination of the playback interface and ensure that the playback background maintains a consistent visual effect in different playback scenarios.

[0144] In one embodiment, a music application can acquire audio spectrum data in real time through an audio signal interface and pass it to a component that processes the playback background. After obtaining the playback background, it can pass it to a rendering component through an image processing interface, and implement effects such as background blur and grid motion using WebGL or Canvas (a container for graphical user interface components). Users can adjust blur parameters, motion parameters, and transparency parameters through the music application's settings interface to control the graphical user interface and achieve personalized playback interface display effects.

[0145] In one implementation, to improve the performance of playback interface processing, hardware acceleration such as a GPU (Graphics Processing Unit) can be used. Graphics APIs such as WebGL or Metal can be used to efficiently render complex blur effects and animations. Music applications can integrate a DSP (Digital Signal Processor) for real-time audio processing, quickly feeding audio spectrum data back to components such as playback background processing, image processing, and rendering. Hardware acceleration enables rapid visual response and ensures synchronization between audio and visual effects.

[0146] In this disclosure, by combining techniques such as image blurring, grid motion, transparency, and color optimization, a dynamic and expressive playback interface is achieved, significantly enhancing the visual and auditory interactive experience. Users can adjust blur, motion, and transparency parameters based on their preferences, enhancing the personalized and immersive playback interface.

[0147] Exemplary devices

[0148] The following describes the device in the embodiment of the present disclosure. Figure 7 As shown, the playback interface processing device 700 may include the following modules:

[0149] The playing background generating module 710 is configured to perform a blurring process on at least a portion of an image associated with a first piece of music to generate a playing background corresponding to the first piece of music;

[0150] The playback interface display module 720 is configured to display the playback interface of the first music in response to playing the first music; the playback interface includes the associated image and the playback background.

[0151] In one embodiment, blurring at least a portion of an image associated with the first music to generate a playback background corresponding to the first music includes:

[0152] determining a first fuzzy parameter according to one or more of an image feature of the associated image, a music feature of the first music, and first setting information;

[0153] Fuzzy processing is performed on at least a partial area of ​​the associated image according to the first fuzzy parameter to generate a playback background corresponding to the first music.

[0154] In one embodiment, the apparatus is further configured to:

[0155] During the playing of the first music, determining a second fuzzy parameter according to a first feature of a currently played segment of the first music;

[0156] The blur effect of the playback background is adjusted according to the second blur parameter, and the adjusted playback background is displayed in the playback interface.

[0157] In one embodiment, the first feature includes low-frequency intensity and high-frequency intensity; and determining the second fuzzy parameter based on the first feature of the currently playing segment in the first music includes:

[0158] The second fuzzy parameter is determined according to the sum of the low-frequency intensity and the high-frequency intensity of the currently playing segment in the first music.

[0159] In one embodiment, the associated image includes multiple areas; blurring at least part of the area in the associated image of the first music to generate a playback background corresponding to the first music includes:

[0160] determining a first fuzzy parameter corresponding to each of the regions according to image features of each of the regions;

[0161] Each of the areas is fuzzy processed according to the first fuzzy parameters corresponding to each of the areas to generate a playback background corresponding to the first music.

[0162] In one embodiment, the apparatus is further configured to:

[0163] In response to the playback interface setting instruction, obtaining a third fuzzy parameter;

[0164] The blur effect of the playback background is adjusted according to the third blur parameter, and the adjusted playback background is displayed in the playback interface.

[0165] In one embodiment, the apparatus is further configured to:

[0166] Dividing the playback background into a plurality of grids;

[0167] During the process of displaying the playback interface, the grid is controlled to move to present a dynamic playback background.

[0168] In one embodiment, dividing the playback background into a plurality of grids includes:

[0169] determining a grid division accuracy according to the second setting information;

[0170] The playback background is divided into a plurality of grids according to the grid division accuracy.

[0171] In one embodiment, controlling the grid to move includes:

[0172] determining a first grid motion parameter based on one or more of an image feature of the grid, a music feature of the first music, and third setting information;

[0173] The mesh is controlled to move based on the first mesh motion parameter.

[0174] In one embodiment, controlling the grid to move includes:

[0175] determining a second grid motion parameter according to a second feature of the currently playing segment of the first music;

[0176] The mesh is controlled to move based on the second mesh motion parameter.

[0177] In one embodiment, the second feature includes high frequency intensity; and determining the second grid motion parameter based on the second feature of the currently playing segment in the first music includes:

[0178] If the high frequency intensity of the currently played segment in the first music is greater than a preset intensity threshold, determining that the second grid motion parameter includes the first motion frequency;

[0179] If the high-frequency intensity of the currently played segment in the first music is less than a preset intensity threshold, it is determined that the second grid motion parameter includes a second motion frequency; and the second motion frequency is less than the first motion frequency.

[0180] In one embodiment, controlling the grid to move includes:

[0181] An offset is randomly generated for each of the grids, and each of the grids is controlled to move according to the offset.

[0182] In one embodiment, after controlling the grid to move, the apparatus is further configured to:

[0183] Color transition processing is performed on the overlapping areas between the grids after movement. For the blank areas generated after the grid movement, the blank areas are filled with colors according to the colors of the grids adjacent to the blank areas to form the playback background after the grid movement.

[0184] In one embodiment, the displaying of the first music playback interface includes:

[0185] The playback background and / or other interface elements in the playback interface are made transparent, and the transparently processed playback background and other interface elements are superimposed and displayed.

[0186] In one embodiment, the transparent processing of the playback background and / or other interface elements in the playback interface includes:

[0187] determining a first transparency parameter based on one or more of an image feature of the playback background, an image feature of the other interface elements, a music feature of the first music, and fourth setting information;

[0188] The playback background and / or the other interface elements are made transparent based on the first transparency parameter.

[0189] In one embodiment, the transparent processing of the playback background and / or other interface elements in the playback interface includes:

[0190] For the transition area between the playback background and the other interface elements, a gradual transparency parameter is used to perform transparency processing.

[0191] In one embodiment, the transparent processing of the playback background and / or other interface elements in the playback interface includes:

[0192] determining a second transparency parameter according to a third feature of the currently playing segment of the first music;

[0193] The playback background and / or the other interface elements are made transparent based on the second transparency parameter.

[0194] In one embodiment, the apparatus is further configured to:

[0195] Adjust the transparency of the playback background and / or other interface elements according to the current playback status of the first music.

[0196] In addition, other specific details of the embodiments of the present disclosure have been described in detail in the embodiments of the above method and will not be repeated here.

[0197] Exemplary Program Products

[0198] The computer program product in the embodiment of the present disclosure is described below. The computer program product includes a computer program, and when the computer program is executed by a processor, the above method of the present disclosure is implemented.

[0199] In one embodiment, a computer program product may be a tangible product, such as a computer-readable storage medium storing a computer program. The computer-readable storage medium may be based on electrical, magnetic, optical, electromagnetic, infrared, or other signals, and includes, but is not limited to, random access memory (RAM), read-only memory (ROM), magnetic tape, floppy disk, flash memory (Flash), hard disk drive (HDD), solid-state drive (SSD), and the like. Exemplarily, the computer program product may be a non-volatile storage medium storing the computer program, such as a read-only memory (ROM) or NAND flash memory.

[0200] In one embodiment, the computer program product may be an intangible product. For example, the computer program product may be a virtual digital product, such as an executable file or installation package containing a computer program.

[0201] The code of the computer program can be written in one or more programming languages. Programming languages ​​include, but are not limited to, C, Java, C++, etc. The program code can be executed entirely on the user computing device, or partially on the user computing device, or as a separate software package, or partially on the user computing device and partially on a remote computing device, or entirely on a remote computing device or server. In the case of a remote computing device, the remote computing device can be connected to the user computing device via any type of network, such as a local area network (LAN), a wide area network (WAN), etc., or can be connected to an external computing device (e.g., via an Internet connection provided by a carrier).

[0202] Computer programs can be carried or transmitted through electrical, magnetic, optical, electromagnetic, infrared and other signals. Electronic devices can convert signals carrying computer programs into digital signals, and then run the computer programs. When the computer program is running on an electronic device, its code is used to enable the electronic device to execute (more specifically, it can enable the processor of the electronic device to execute) the method steps of various embodiments of the present disclosure, for example: Step S210, blurring at least part of the area in the associated image of the first music to generate a playback background corresponding to the first music. Step S220, in response to playing the first music, displaying the playback interface of the first music; the playback interface includes an associated image and a playback background.

[0203] By executing the above steps through a computer program, at least a portion of the image associated with the first music track is blurred to generate a playback background corresponding to the first music track. This playback background and the associated image are displayed on the playback interface while the first music track is playing. The playback background and the associated image visually match, effectively integrating the display effects of the playback interface with the music content, enhancing the user's sense of immersion and atmosphere while listening to music. Furthermore, as the music track changes, the background of the playback interface adaptively changes, enhancing the diversity of the interface effects.

[0204] Exemplary electronic devices

[0205] The electronic device in the embodiment of the present disclosure is described below. The electronic device includes a processor and a memory, wherein the memory is used to store executable instructions of the processor. The processor is configured to execute the above-mentioned method of the present disclosure by executing the executable instructions.

[0206] refer to Figure 8 An electronic device according to an embodiment of the present disclosure will be exemplified. Figure 8 The electronic device 800 shown is merely an example and should not limit the functions and scope of use of the embodiments of the present disclosure.

[0207] like Figure 8As shown, electronic device 800 is presented in the form of a general-purpose computing device. Components of electronic device 800 may include, but are not limited to, a processor 810, a memory 820, a bus 830 connecting various system components (including memory 820 and processor 810), an I / O (input / output) interface 840, and a network adapter 850.

[0208] The memory 820 stores program code that can be executed by the processor 810, causing the processor 810 to perform the method steps of the embodiments of the present disclosure, such as: Step S210: blurring at least a portion of an image associated with a first piece of music to generate a playback background corresponding to the first piece of music; Step S220: displaying a playback interface for the first piece of music in response to playing the first piece of music; the playback interface includes the associated image and the playback background.

[0209] Processor 810 executes the above steps to blur at least a portion of the image associated with the first music track, generating a playback background corresponding to the first music track. This playback background and the associated image are displayed on the playback interface while the first music track is playing. The playback background and the associated image visually match, effectively integrating the display effects of the playback interface with the music content, enhancing the user's sense of immersion and atmosphere while listening to music. Furthermore, as the music track changes, the background of the playback interface adaptively changes, enhancing the diversity of the interface effects.

[0210] The memory 820 may include volatile memory, such as random access memory (RAM) 821 and / or cache unit 822, and may also include non-volatile memory, such as read-only memory (ROM) 823. The memory 820 may also include one or more program modules 824. Such program modules 824 include, but are not limited to, an operating system, one or more application programs, other program modules, and program data. Each of these examples, or some combination thereof, may include an implementation of a network environment. For example, the program modules 824 may include the modules described above.

[0211] The processor 810 may include processing units such as an AP (Application Processor), a modem processor, a GPU, an ISP (Image Signal Processor), a controller, an encoder, a decoder, a DSP, a baseband processor and / or an NPU (Neural-Network Processing Unit).

[0212] The bus 830 is used to connect different parts of the electronic device 800 and may include a data bus, an address bus, a control bus, and the like.

[0213] The electronic device 800 may also communicate with one or more external devices 900 (eg, a keyboard, a pointing device, a Bluetooth device, etc.), and such communication may be performed through the I / O interface 840 .

[0214] The electronic device 800 can also communicate with one or more networks through the network adapter 850. For example, the network adapter 850 can provide mobile communication solutions such as 3G / 4G / 5G, or wireless communication solutions such as wireless LAN, Bluetooth, near-field communication, etc. The network adapter 850 can communicate with other modules of the electronic device 800 through the bus 830.

[0215] Although not shown in the figure, other hardware and / or software modules may also be set in the electronic device 800, including but not limited to: a display, an audio unit, a microcode, a device driver, a redundant processing unit, an external disk drive array, a RAID (Redundant Arrays of Independent Disks) system, a tape drive, and a data backup storage system.

[0216] It should be noted that although several modules or submodules of the device are mentioned in the above detailed description, this division is merely exemplary and not mandatory. In fact, according to the embodiments of the present disclosure, the features and functions of two or more units / modules described above can be embodied in a single unit / module. Conversely, the features and functions of a single unit / module described above can be further divided and embodied by multiple units / modules.

[0217] Furthermore, although the operations of the disclosed method are described in a particular order in the accompanying drawings, this does not require or imply that the operations must be performed in this particular order, or that all illustrated operations must be performed to achieve the desired results. Additionally or alternatively, some steps may be omitted, multiple steps may be combined into one step, and / or one step may be decomposed into multiple steps.

[0218] Although the spirit and principles of the present disclosure have been described with reference to several specific embodiments, it should be understood that the present disclosure is not limited to the specific embodiments disclosed, and the division into various aspects does not mean that the features in these aspects cannot be combined to benefit. Such division is only for the convenience of expression. The present disclosure is intended to cover various modifications and equivalent arrangements included in the spirit and scope of the appended claims.

Claims

1. A playback interface processing method, characterized in that: The method comprises: Performing a blurring process on at least a portion of an image associated with the first music to generate a playback background corresponding to the first music; In response to playing the first music, a playing interface of the first music is displayed; the playing interface includes the associated image and the playing background.

2. The method according to claim 1, characterized in that The blurring of at least a portion of the image associated with the first music to generate a playback background corresponding to the first music includes: determining a first fuzzy parameter according to one or more of an image feature of the associated image, a music feature of the first music, and first setting information; Fuzzy processing is performed on at least a partial area of ​​the associated image according to the first fuzzy parameter to generate a playback background corresponding to the first music.

3. The method according to claim 2, characterized in that The method further comprises: During the playing of the first music, determining a second fuzzy parameter according to a first feature of a currently played segment of the first music; The blur effect of the playback background is adjusted according to the second blur parameter, and the adjusted playback background is displayed in the playback interface.

4. The method according to claim 3, characterized in that The first feature includes low-frequency intensity and high-frequency intensity; and determining the second fuzzy parameter based on the first feature of the currently playing segment in the first music includes: The second fuzzy parameter is determined according to the sum of the low-frequency intensity and the high-frequency intensity of the currently playing segment in the first music.

5. The method according to claim 1, wherein The associated image includes a plurality of regions; and blurring at least a portion of the region in the associated image of the first music to generate a playback background corresponding to the first music includes: determining a first fuzzy parameter corresponding to each of the regions according to image features of each of the regions; Each of the areas is fuzzy processed according to the first fuzzy parameters corresponding to each of the areas to generate a playback background corresponding to the first music.

6. The method according to any one of claims 1 to 5, characterized in that The method further comprises: In response to the playback interface setting instruction, obtaining a third fuzzy parameter; The blur effect of the playback background is adjusted according to the third blur parameter, and the adjusted playback background is displayed in the playback interface.

7. The method according to claim 1, characterized in that The method further comprises: Dividing the playback background into a plurality of grids; During the process of displaying the playback interface, the grid is controlled to move to present a dynamic playback background.

8. A playback interface processing device, characterized in that: The device comprises: a playback background generating module configured to perform a blurring process on at least a portion of an image associated with a first piece of music to generate a playback background corresponding to the first piece of music; The playback interface display module is configured to display the playback interface of the first music in response to playing the first music; the playback interface includes the associated image and the playback background.

9. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the method according to any one of claims 1 to 7 is implemented.

10. An electronic device, characterized in that: include: processor; as well as a memory for storing executable instructions of the processor; The processor is configured to perform the method according to any one of claims 1 to 7 by executing the executable instructions.

Images