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: displaying a playing interface setting interface; the playing interface setting interface is used for setting editable interface elements in the playing interface; in response to a setting instruction in the playing interface setting interface, determining display information of at least one editable interface element; and displaying the playing interface according to the display information of the editable interface element. According to the method and the device, the user can set the playing interface in a self-defined manner, the personalized aesthetic requirements of the user can be met, the audition experience is improved, the workload of a program developer is reduced, and the resource overhead of a server or a client is reduced.

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 to the embodiments of the disclosure that are recited in the claims, and no description herein is admitted to be prior art by inclusion in this section.

[0003] In applications such as music apps (Applications), the style of the playback interface is usually fixed, which gives users a poor visual experience and cannot meet the personalized needs of users. Summary of the invention

[0004] 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.

[0005] According to the first aspect of the present disclosure, a playback interface processing method is provided, including: displaying a playback interface setting interface; the playback interface setting interface is used to set editable interface elements in the playback interface; in response to a setting instruction in the playback interface setting interface, determining display information of at least one editable interface element; and displaying the playback interface according to the display information of the editable interface element.

[0006] Optionally, the editable interface element includes an interface background, and the display information of the interface background includes a first target background style; the response to the setting instruction in the playback interface setting interface determines the display information of at least one editable interface element, including: responding to the setting instruction for the interface background, determining the first target background style from candidate background styles, or determining the first target background style according to a specified image.

[0007] Optionally, displaying the playback interface according to the display information of the editable interface element includes: determining a first transparency according to the first target background style; superimposing a global mask on the first target background style according to the first transparency; and displaying the interface background of the playback interface according to the first target background style with the superimposed global mask.

[0008] Optionally, determining the first transparency according to the first target background style includes: determining the target background main color according to the first target background style; if the brightness of the target background main color is in a first brightness interval, determining the first transparency as a first value; if the brightness of the target background main color is in a second brightness interval, and the saturation of the target background main color is in a first saturation interval, determining the first transparency as a second value; if the brightness of the target background main color is in a third brightness interval, and the saturation of the target background main color is in the first saturation interval, determining the first transparency as a third value; wherein the lower limit value of the first brightness interval is not less than the upper limit value of the second brightness interval, and the lower limit value of the second brightness interval is not less than the upper limit value of the third brightness interval; the first value is greater than the second value, and the second value is greater than the third value.

[0009] Optionally, displaying the playback interface according to the display information of the editable interface element includes: if the size of the first target background style does not match the size of the playback interface, cropping the first target background style, or generating an extended background style based on the first target background style and splicing it to the first target background style, so that the size of the cropped first target background style or the first target background style after splicing the extended background style matches the size of the playback interface; the size of the playback interface is a size determined according to the display area of ​​the terminal.

[0010] Optionally, the playback interface includes a turntable; and displaying the playback interface according to the display information of the editable interface element includes: determining the display information of the turntable according to the first target background style; and displaying the playback interface according to the first target background style and the display information of the turntable.

[0011] Optionally, the display information of the turntable includes a target turntable color; determining the display information of the turntable according to the first target background style includes: determining a first turntable color according to the first target background style; superimposing a preset second turntable color on the first turntable color and / or performing transparent processing to obtain the target turntable color.

[0012] Optionally, determining the first turntable color according to the first target background pattern includes: determining a target background main color according to the first target background pattern, and using the target background main color as the first turntable color.

[0013] Optionally, determining the target background main color according to the first target background style includes: extracting a designated area image from the first target background style, and using the main color of the designated area image as the target background main color.

[0014] Optionally, the display information of the turntable includes a target display position of the turntable in the playback interface; and the first target background pattern carries the target display position determined according to the setting instruction.

[0015] Optionally, determining the first target background style according to the designated image includes: sending the designated image to a server for review; and determining the first target background style according to the designated image when the server provides feedback that the review is passed.

[0016] Optionally, the editable interface element includes a turntable, and the display information of the turntable includes a target turntable color; the response to the setting instruction in the playback interface setting interface determines the display information of at least one editable interface element, including: responding to the setting instruction for the turntable, determining the target turntable color from candidate turntable colors; or determining the target turntable color to be a color that matches the interface background of the playback interface.

[0017] Optionally, the editable interface element includes a turntable, and the display information of the turntable includes a target display position of the turntable in the playback interface; the playback interface settings interface provides a turntable position setting control; and the response to a setting instruction in the playback interface settings interface determines the display information of at least one editable interface element, including: responding to a setting instruction for the turntable position setting control to determine the target display position of the turntable.

[0018] Optionally, a preview area of ​​the playback interface is displayed in the playback interface setting interface, the preview area is provided with a movable turntable control, and the turntable position setting control is the turntable control; the responding to a setting instruction for the turntable position setting control to determine the target display position of the turntable includes: responding to a move instruction for the turntable control, and determining the target display position of the turntable according to the position of the turntable control after movement.

[0019] Optionally, the editable interface element includes a turntable, and the display information of the turntable includes a target display size of the turntable in the playback interface; the playback interface settings interface provides a turntable size setting control; and the response to a setting instruction in the playback interface settings interface to determine the display information of at least one editable interface element includes: responding to a setting instruction for the turntable size setting control to determine the target display size of the turntable.

[0020] Optionally, a preview area of ​​the playback interface is displayed in the playback interface setting interface, the preview area is provided with a scalable turntable control, and the turntable size setting control is the turntable control; the responding to a setting instruction for the turntable size setting control to determine the target display size of the turntable includes: responding to a zoom instruction for the turntable control, and determining the target display size of the turntable according to a zoom degree of the turntable control.

[0021] Optionally, the editable interface element includes a stylus, and the display information of the stylus includes whether the stylus is displayed in the playback interface.

[0022] Optionally, the editable interface element includes a stylus, and the display information of the stylus includes a target stylus style; the response to the setting instruction in the playback interface setting interface determines the display information of at least one editable interface element, including: responding to the setting instruction for the stylus, determining the target stylus style from candidate stylus styles, or determining the target stylus style to be a style that matches the turntable in the playback interface.

[0023] Optionally, the editable interface element includes a playback control, and the display information of the playback control includes a target control style; the response to the setting instruction in the playback interface setting interface determines the display information of at least one editable interface element, including: responding to the setting instruction for the playback control, determining the target control style from candidate control styles, or determining the target control style according to a specified control template.

[0024] Optionally, after responding to a setting instruction in the playback interface setting interface and determining the display information of at least one editable interface element, the method further includes: responding to an interface sharing instruction, generating first interface sharing information based on the first setting information of the playback interface, and sharing the first interface appearance sharing information through a specified path; the first setting information is information determined based on the display information of the editable interface element.

[0025] Optionally, the method further includes: acquiring second interface sharing information; obtaining second setting information according to the second interface sharing information; and displaying the playback interface according to the second setting information. Optionally, displaying the playback interface according to the second setting information includes: responding to a display replacement instruction in the playback interface, and displaying the updated playback interface according to the second setting information.

[0026] Optionally, displaying the playback interface according to the second setting information includes: determining display information of at least one interface element in the playback interface according to the second setting information, and updating the corresponding interface element in the playback interface according to the display information of the at least one interface element, and displaying the updated playback interface.

[0027] Optionally, obtaining the second setting information according to the second-interface sharing information includes: obtaining, from a server, the second setting information corresponding to the second identifier included in the second-interface sharing information.

[0028] Optionally, the second setting information includes a second target background style; displaying the playback interface according to the second setting information includes: if the size of the second target background style does not match the size of the playback interface, cropping the second target background style, or generating an extended background style based on the second target background style and splicing it to the second target background style, so that the size of the cropped second target background style or the second target background style after splicing the extended background style matches the size of the playback interface; the size of the playback interface is a size determined according to the display area of ​​the terminal.

[0029] Optionally, displaying the playback interface according to the display information of the editable interface element includes: displaying the playback interface according to the display information of the editable interface element when the current user authority meets the preset conditions; the method also includes: displaying the playback interface according to preset setting information when the current user authority does not meet the preset conditions.

[0030] According to a second aspect of the present disclosure, a playback interface processing device is provided, comprising: a first display processing module, configured to display a playback interface setting interface; the playback interface setting interface is used to set editable interface elements in the playback interface; a display information setting module, configured to determine display information of at least one editable interface element in response to a setting instruction in the playback interface setting interface; and a second display processing module, configured to display the playback interface according to the display information of the editable interface element.

[0031] According to a third aspect of the present disclosure, a computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the method of the first aspect and possible implementation methods thereof are implemented.

[0032] 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.

[0033] The present disclosure achieves the following beneficial technical effects:

[0034] A solution is provided to support users to customize the playback interface. On the one hand, users can set the display information for one or more editable interface elements in the playback interface according to their own needs. The program displays the playback interface according to the display information set by the user, which can meet the user's personalized aesthetic needs and enhance the listening experience. On the other hand, it supports users to combine very diverse playback interfaces through the display information of different editable interface elements, providing a high degree of editing freedom and flexibility. The program does not need to preset too many interface display styles, which is conducive to reducing the workload of program developers and reducing the resource overhead of the server or client. BRIEF DESCRIPTION OF THE DRAWINGS

[0035] Figure 1 A schematic diagram showing an operating environment system architecture in this exemplary embodiment.

[0036] Figure 2 A flowchart of a playback interface processing method in this exemplary embodiment is shown.

[0037] Figure 3A A schematic diagram of a playback interface setting interface in this exemplary embodiment is shown.

[0038] Figure 3B A schematic diagram showing an image selection interface in this exemplary embodiment.

[0039] Figure 3C A schematic diagram showing an adjustment image in this exemplary embodiment.

[0040] Figure 4A A schematic diagram showing a first target background pattern in this exemplary embodiment.

[0041] Figure 4B A schematic diagram of determining a designated area image and a target background main color in this exemplary embodiment is shown.

[0042] Figure 5A A schematic diagram of a first target background style matching playback interface in this exemplary embodiment is shown.

[0043] Figure 5B A schematic diagram of cutting out a first target background pattern in this exemplary embodiment is shown.

[0044] Figure 5C A schematic diagram of splicing a first target background pattern and an extended background pattern in this exemplary embodiment is shown.

[0045] Figure 5D A schematic diagram showing a background post-position in this exemplary embodiment.

[0046] Figure 5EA schematic diagram showing a background foreground in this exemplary embodiment is shown.

[0047] Figure 6 A schematic diagram showing a method of adjusting the display information of the interface background according to the display information of the turntable in this exemplary embodiment.

[0048] Figure 7 An interactive flow chart of a playback interface processing method in this exemplary embodiment is shown.

[0049] Figure 8 A schematic diagram of a solution architecture in this exemplary implementation is shown.

[0050] Fig. 9 A schematic structural diagram of a playback interface processing device in this exemplary embodiment is shown.

[0051] Fig.10 A schematic structural diagram of an electronic device in this exemplary embodiment is shown.

[0052] In the drawings, the same or corresponding reference numerals represent the same or corresponding parts. DETAILED DESCRIPTION

[0053] The following is a detailed description of the principles and spirit of the present disclosure with reference to several representative embodiments of the present disclosure. It should be understood that these embodiments are provided only 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.

[0054] The embodiments of the present disclosure may be implemented as a system, device, apparatus, method or computer program product. Therefore, the present disclosure may be specifically implemented in the following forms, namely: complete hardware, complete software (including firmware, resident software, microcode, etc.), or a combination of hardware and software. SUMMARY OF THE INVENTION

[0056] In applications such as music apps, the style of the playback interface is usually fixed, which gives users a poor visual experience and cannot meet users' personalized needs.

[0057] In view of the above problems, the present disclosure provides a playback interface processing method, a playback interface processing device, a computer program product and an electronic device. A solution is provided to support users to customize the playback interface. On the one hand. Users can set display information for one or more editable interface elements in the playback interface according to their own needs. The program displays the playback interface according to the display information set by the user, which can meet the user's personalized aesthetic needs and enhance the listening experience. On the other hand, it supports users to combine very diverse playback interfaces through the display information of different editable interface elements, provides a high degree of editing freedom and flexibility, and the program does not need to preset too many interface display styles, which is conducive to reducing the workload of program developers and reducing the resource overhead of the server or client.

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

[0059] Application Scenario Overview

[0060] It should be noted that the following application scenarios are only shown to facilitate understanding of the spirit and principle of the present disclosure, and the embodiments of the present disclosure are not limited in this respect. On the contrary, the embodiments of the present disclosure can be applied to any applicable scenario.

[0061] The exemplary embodiments of the present disclosure can be used to display settings for the playback interface of audio files, etc. For example, the playback interface in a music app, a music playback web page, etc. can be set and processed to achieve personalized and diversified playback interface display effects.

[0062] Figure 1 The system architecture of the operating environment of the embodiment of the present disclosure is shown. The system architecture may include a terminal 110 and a server 120. The terminal 110 may be a device with a display function, such as a mobile phone, a personal computer, a tablet computer, a smart wearable device, etc., which can run a playback program for audio files, such as a music app, a music playback web page, etc., and display a playback interface. The server 120 is a background for providing related services for audio files, etc., and may be a server or a cluster formed by multiple servers. The terminal 110 and the server 120 may be connected via a wired or wireless communication link to achieve information exchange.

[0063] The playback interface processing method in the embodiments of the present disclosure may be executed by the terminal 110 or the server 120 alone, or may be executed by the terminal 110 and the server 120 together.

[0064] Exemplary Methods

[0065] The exemplary embodiment of the present disclosure provides a method for processing a playback interface. Figure 2As shown, the playback interface processing method includes the following steps S210 to S230:

[0066] Step S210, displaying a playback interface setting interface; the playback interface setting interface is used to set editable interface elements in the playback interface.

[0067] Among them, the playback interface can be a music playback interface. Editable interface elements are interface elements that allow users to edit and change their displayed information. Exemplarily, editable interface elements include one or more of the following: interface background; turntable, which refers to a virtual element in the playback interface that looks like a turntable. During the music playback process, the turntable continues to rotate, creating an audio-visual experience for the user as if the turntable is played in the real world, and the information of the currently playing music can be displayed through the turntable, such as displaying the album cover of the currently playing music in the circular area in the middle of the turntable; stylus, which refers to a virtual element in the playback interface that looks like a stylus, is usually displayed together with the turntable, which can enhance the user's visual experience and can also indicate the playback status of the currently playing music, such as the stylus contacting the turntable indicates that the currently playing music is playing, and the stylus leaving the turntable indicates that the playback is paused; playback controls, controls for controlling the playback process, including but not limited to a switch control for play and pause, a previous track jump control, a next track jump control, a playback mode switch control (which can be used to switch between playback modes such as sequential playback, random playback, and single loop), a progress bar control, a current playlist viewing control, etc.

[0068] The playback interface setting interface is used to set editable interface elements, which may be an interface in a music app. For example, a user may enter the playback interface setting interface in a music app through the relevant options of the playback interface setting.

[0069] Step S220, responding to a setting instruction in the playback interface setting interface, determining display information of at least one editable interface element.

[0070] The user can set the display information of the editable interface elements in the playback interface setting interface. The setting instruction is the instruction for setting the display information. The display information of the editable interface elements includes but is not limited to the following information: whether to display, style (such as shape, pattern, etc.), color, size, position, etc. The user can set one or more display information of each editable interface element. The corresponding display information is determined according to the setting instruction.

[0071] Exemplarily, the playback interface setting interface provides display setting controls for each editable interface element, and the user can set the display information of at least one editable interface element through these controls.

[0072] Step S230: displaying a playback interface according to the display information of the editable interface element.

[0073] After the user sets the display information of at least one editable interface element through the playback interface setting interface, when the playback interface needs to be displayed, the set playback interface is displayed according to the display information of the editable interface element. For example, in response to a music playback instruction, the playback interface of the currently playing music is displayed according to the display information of the editable interface element.

[0074] For the editable interface elements set by the user, these interface elements are displayed according to the display information determined in step S220. For other interface elements (which may include editable interface elements not set by the user, and may also include non-editable interface elements), their original display information may be used, such as the display information preset in the program, or the display information set by the user last time, or the display information of other interface elements may be determined according to the display information of the editable interface elements set by the user, so that the display effects of other interface elements match those of the editable interface elements set by the user. Thus, the current playback interface is presented.

[0075] based on Figure 2 A method is provided to support users to customize the playback interface. On the one hand, users can set the display information for one or more editable interface elements in the playback interface according to their own needs. The program displays the playback interface according to the display information set by the user, which can meet the user's personalized aesthetic needs and enhance the listening experience. On the other hand, it supports users to combine very diverse playback interfaces through the display information of different editable interface elements, provides a high degree of editing freedom and flexibility, and the program does not need to preset too many interface display styles, which is conducive to reducing the workload of program developers and reducing the resource overhead of the server or client.

[0076] In one embodiment, the editable interface element includes an interface background, and the display information of the interface background includes the first target background style. The above-mentioned response to the setting instruction in the playback interface setting interface to determine the display information of at least one editable interface element may include the following steps:

[0077] In response to an instruction for setting the interface background, a first target background style is determined from candidate background styles, or the first target background style is determined according to a specified image.

[0078] Among them, the first target background style is the background style currently set for the playback interface. Figure 3A The schematic diagram of the playback interface setting interface 300 is shown. The playback interface setting interface 300 includes a background setting area 320 for setting the interface background (i.e. Figure 3AThe background setting area 320 provides candidate background styles, including "Style A1", "Style A2", "Style A3", etc. The candidate background styles can be the background styles that come with the program, which are usually edited and configured into the program by the program developer. The user can select from the candidate background styles to determine the first target background style. In addition, the background setting area 320 also provides a "Custom Image" option, and the user can click on this option to further display images in the local album, the gallery provided by the program, the gallery shared by other users, the Internet gallery, etc. Figure 3B The image selection interface pops up after the user clicks the "Customize Image" option. The user can select an image from "Local Upload" (i.e., local photo album) or from "Featured Images". The "Featured Images" can include program preset images (i.e., "Official Images") and images in notes posted by different users. The user can select an image from them as the designated image. In one embodiment, after the user selects an image, the user is allowed to crop and adjust the image. For example, after the user selects an image, a pop-up window appears. Figure 3C In the image adjustment interface shown, the user can move the cropping frame in the interface (the size ratio of the cropping frame can be consistent with the size ratio of the playback interface), or scale the image, and the program extracts the image in the cropping frame as the specified image. The program determines the first target background style according to the specified image selected by the user.

[0079] It should be understood that the playback interface setting interface may only provide one of the above methods for setting the interface background, such as only providing the option of candidate background styles, allowing the user to select the first target background style from them, or only providing the option of "custom image", allowing the user to select a specified image to determine the first target background style. The playback interface setting interface may also provide the above two methods for setting the interface background, such as providing both the option of candidate background styles and the option of "custom image", so that the user can make a more flexible choice.

[0080] In one implementation, the determining of the first target background style according to the specified image may include the following steps:

[0081] Send the specified image to the server for review;

[0082] When the server-side feedback is approved, the first target background style is determined according to the specified image.

[0083] The server can review whether the specified image meets relevant requirements, such as reviewing whether the specified image does not contain harmful information. The server will feedback the review results to the terminal. If the review is passed, the first target background style can be determined based on the specified image. If the server feedback fails the review, the corresponding prompt information can be displayed, such as "The image is not compliant, please change a picture."

[0084] In one embodiment, when the first target background style is determined, the first target background style can be used as the interface background to display the playback interface. For example, the specified image selected by the user in the playback interface setting interface is directly displayed as the interface background of the playback interface.

[0085] In one embodiment, the first target background style may be processed to serve as the actual displayed interface background. For example, the specified image selected by the user in the playback interface setting interface is color-matched with other interface primary colors to obtain the actual displayed interface background.

[0086] In one implementation, displaying the playback interface according to the display information of the editable interface element may include the following steps:

[0087] determining a first transparency according to a first target background pattern;

[0088] superimposing a global mask on the first target background style according to a first transparency;

[0089] The interface background of the playback interface is displayed according to the first target background style superimposed with the global mask.

[0090] Among them, the global mask is a color mask for the entire playback interface, which is equivalent to superimposing a layer with a specific color on the entire playback interface. Its function is to increase the color contrast between the interface background and key information such as text. For example, the first target background style may be any color and may contain different colors. The key information such as text, controls, icons, etc. in the playback interface (or HUD (Head-Up Display) information, generally refers to important information that needs to be displayed normally in the interface) is displayed in the first target background style. There may be problems such as unclear display due to low color contrast. A pure black global mask can be used, and the color of key information such as text can be set to white, yellow or light gray, etc., which has a large contrast with black. After superimposing the global mask on the first target background style, it is equivalent to covering the interface background with a transparent black mask, which increases the color contrast between the interface background and the white key information, making the key information display clearer.

[0091] The first transparency is the transparency of the global mask. That is, when the first target background style is superimposed on the global mask, the global mask can be processed transparently according to the first transparency and then superimposed on the first target background style, so that the first target background style and the global mask can achieve better color fusion.

[0092] The first transparency may be determined based on the first target background style. In one embodiment, the first transparency may be considered based on the color difference between the first target background style and the key information. For example, the closer the color of the first target background style is to the key information, the darker the global mask to be superimposed is, and the smaller the first transparency is. Conversely, the greater the color contrast between the first target background style and the key information, the lighter the global mask to be superimposed is, and the greater the first transparency is.

[0093] In one embodiment, the color difference between the first target background style and the global mask may be considered. For example, the closer the color of the first target background style is to the global mask, the smaller the effect of the superimposed global mask on the color of the first target background style itself, the darker the superimposed global mask, and the smaller the first transparency. Conversely, the greater the color difference between the first target background style and the global mask, the greater the effect of the superimposed global mask on the color of the first target background style itself, the lighter the superimposed global mask, and the greater the first transparency.

[0094] In one implementation, determining the first transparency according to the first target background pattern may include the following steps:

[0095] Determine the target background main color according to the first target background style;

[0096] If the brightness of the target background main color is within the first brightness range, determining the first transparency to be the first value;

[0097] If the brightness of the target background main color is in the second brightness range, and the saturation of the target background main color is in the first saturation range, determining the first transparency to be the second value;

[0098] If the brightness of the target background main color is in the third brightness range, and the saturation of the target background main color is in the first saturation range, then determining the first transparency to be the third value;

[0099] Among them, the lower limit value of the first brightness interval is not less than the upper limit value of the second brightness interval, and the lower limit value of the second brightness interval is not less than the upper limit value of the third brightness interval; the first value is greater than the second value, and the second value is greater than the third value.

[0100] The target background main color is a representative color in the first target background pattern. For example, the proportion of different colors in the first target background pattern can be counted, such as the proportion of pixels of each color in all pixels, and the color with the highest proportion is taken as the target background main color.

[0101] In one embodiment, the designated area image can be extracted from the first target background style, and the main color of the designated area image can be used as the main color of the target background. The designated area can be determined by the user or automatically by the program. Exemplarily, the designated area can be a visual effect area, such as the area corresponding to the turntable and the surrounding area in the playback interface. The area other than the playback control area and the text information area is an area that has a greater impact on the user's visual experience. The visual effect area is determined according to the interface layout of the playback interface, and the designated area is determined according to the position of the visual effect area in the playback interface. For example, Figure 4A A schematic diagram showing a first target background style is shown, which may be a background style determined according to an image specified by a user. Figure 4B The schematic diagram of specifying the area image and determining the target background main color is shown. The specified area can be the 10% to 65% area from top to bottom along the height direction of the first target background style, which corresponds to the visual effect area in the playback interface. The specified area image is extracted from the first target background style, and the color ratio therein is counted. The color with the highest ratio is the main color of the specified area image, which is used as the target background main color. Figure 4B It is shown that the target background main color is a color of H (hue) 200, S (saturation) 65, and L (brightness) 70. The target background main color can reflect the intuitive color feeling of the user when seeing the first target background style.

[0102] The global mask may be a dark color mask, such as a black mask. The first saturation interval may be a relatively high saturation value interval. In this scheme, if the brightness of the target background main color is in the first brightness interval, it means that the brightness of the target background main color is relatively high, and it is very different from the color of the global mask, thereby determining the first transparency to be a relatively large first value. If the brightness of the target background main color is in the second brightness interval, it means that the brightness of the target background main color is at an upper-middle level, and the saturation is in the first saturation interval, that is, the saturation is relatively high, which means that the color difference between the target background main color and the global mask is relatively large, thereby determining the first transparency to be a second value, which is at an upper-middle level. If the brightness of the target background main color is in the third brightness interval, it means that the brightness of the target background main color is relatively low, and the saturation is in the first saturation interval, that is, the saturation is relatively high, which means that the color difference between the target background main color and the global mask is not large, thereby determining the first transparency to be a third value, which is at a lower-middle level.

[0103] Exemplarily, the complete numerical range of brightness value is 0-100, the complete numerical range of saturation is 0-100, the first brightness range can be (80, 100], the second brightness range can be (70, 80], the third brightness range can be [0, 70], the first saturation range can be [50, 100], and the first value, the second value, and the third value are 30, 20, and 10 respectively.

[0104] In one embodiment, if the brightness of the target background main color is not in the first brightness interval (such as in the second brightness interval or the third brightness interval), and the saturation of the target background main color is in the second saturation interval, the first transparency is determined to be the fourth value. The upper limit value of the second saturation interval is not greater than the lower limit value of the first saturation interval, and the fourth value is less than the third value. Exemplarily, the second saturation interval can be [0,50), and the fourth value can be 5.

[0105] In one implementation, displaying the playback interface according to the display information of the editable interface element may include the following steps:

[0106] If the size of the first target background style does not match the size of the playback interface, the first target background style will be cropped, or an extended background style will be generated based on the first target background style and spliced ​​to the first target background style, so that the size of the cropped first target background style or the first target background style after splicing the extended background style matches the size of the playback interface; the size of the playback interface is the size determined according to the display area of ​​the terminal.

[0107] Among them, when the playback interface is displayed in full screen, the size of the playback interface is equivalent to the size of the entire display area of ​​the terminal (i.e., the screen size). When the playback interface is not displayed in full screen, the size of the playback interface can be determined according to the proportion of the playback interface in the entire display area of ​​the terminal. The first target background style essentially visualizes a background image, which also has a size. The size of the first target background style matches the size of the playback interface, which can mean that the aspect ratio of the two is the same. In this case, the first target background style can be scaled proportionally to fit the entire playback interface. Figure 5A The situation where the size of the first target background style matches the size of the playback interface is shown. By scaling the first target background style in proportion, the entire playback interface can be filled. The size of the first target background style does not match the size of the playback interface, which may mean that the aspect ratio of the two is different. Usually, the first target background style can be scaled to the same width as the playback interface. At this time, if the first target background style exceeds the playback interface in the height direction, the first target background style can be cropped, such as cropping the part that exceeds the playback interface from the top or bottom. Figure 5BThe first target background style is cropped to fit the playback interface. If the first target background style is insufficient in height, that is, it cannot completely fill the playback interface, an extended background style can be generated based on the first target background style, such as using a generative artificial intelligence model to generate an extended background image based on the first target background style, and splicing it onto the first target background style to fully fit the playback interface. Figure 5C The first target background style is spliced ​​with an extended background style that matches the first target background style to adapt to the playback interface. This does not require changing the original aspect ratio of the first target background style, avoids ratio distortion, and satisfies the adaptation to the playback interface.

[0108] In one implementation, if the size of the first target background style does not match the size of the playback interface, the position of the first target background style in the playback interface can be determined based on the anchor point in the first target background style and the anchor point in the playback interface, and then the first target background style can be cropped or spliced ​​with an extended background style based on the mismatch between the first target background style and the playback interface. The anchor point in the first target background style can be used to locate the first target background style, such as the center point of the turntable. Figure 3C As shown, when determining the specified image, a turntable is displayed in the interface, and the center point of the turntable is the anchor point in the first target background style. The anchor point in the playback interface can also be the center point of the turntable. When the first target background style is displayed in the playback interface, the position of the first target background style in the playback interface can be determined by overlapping the anchor point in the first target background style with the anchor point in the playback interface. It can then be determined whether the top and bottom of the first target background style exceed or are insufficient. If they exceed, the excess part is cropped. If they are insufficient, the extended background style is spliced ​​to finally fill the entire playback interface. This ensures that the first target background style displayed in the playback interface is in a suitable position and is not too biased upward or downward.

[0109] In one embodiment, in response to an instruction to set the interface background, a first target background style is determined based on a specified dynamic image. The dynamic images include, but are not limited to, videos, live images, GIF (Graphics Interchange Format) images, etc. For example, when a user selects an image for the background of the playback interface, he or she may select a dynamic image such as a video or live image. Accordingly, a dynamic first target background style is determined based on the dynamic image specified by the user. A dynamic background may be displayed in the playback interface. In one embodiment, the user is allowed to turn on or off the dynamic background function of the playback interface. For example, when setting the background, the user may select a dynamic background in the playback interface. Figure 3CIn the image adjustment interface shown, a dynamic switch control is set (such as a live switch control, i.e., the "live on" control in the figure, indicating that the current setting is the live on state, and the user clicks to switch to the live off state). When the dynamic switch control is set to the on state, it means that the dynamic first target background style will be displayed in the playback interface, and when the dynamic switch control is set to the off state, it means that the static first target background style will be displayed in the playback interface, which can be a static image frame in the specified dynamic image, such as the cover image of the live image, etc. Alternatively, the above control can be provided in the playback interface, so that the user can switch between the static background and the dynamic background in real time during the music playback.

[0110] In one embodiment, the playback interface includes a turntable. The above-mentioned displaying the playback interface according to the display information of the editable interface element may include the following steps:

[0111] Determining the display information of the turntable according to the first target background pattern;

[0112] The playback interface is displayed according to the first target background style and the display information of the turntable.

[0113] That is to say, when the first target background style is determined, the display information of the turntable can be adaptively processed according to the first target background style, so that in the actual displayed playback interface, the turntable and the first target background style match in display effect, thereby improving visual performance.

[0114] The following is an exemplary description of how to adaptively process the display information of the turntable according to the first target background style.

[0115] In one embodiment, the display information of the turntable includes the target turntable color, which may refer to the color of the annular area at the edge of the turntable. The area surrounded by the annular area can be used to display information of the currently playing music, such as album cover, etc. The above-mentioned determination of the display information of the turntable according to the first target background pattern may include the following steps:

[0116] determining a first turntable color according to a first target background pattern;

[0117] The first turntable color is superimposed on the preset second turntable color and / or transparently processed to obtain the target turntable color.

[0118] The first disc color is a color that matches the first target background style. For example, in order to make the first disc color and the first target background style visually unified, the target background main color can be determined according to the first target background style, such as the main color of the designated area image in the first target background style, and the target background main color is used as the first disc color. Alternatively, a color of the same color system as the target background main color can be used as the first disc color.

[0119] The preset second disc color is the color of the disc itself. For example, if the user does not set the disc color, the program default color (such as black) can be used. Figure 3A A certain color is selected in the disc color setting area 330 in the play interface setting interface 300, and the color is the second disc color. The first disc color can be superimposed on the second disc color to obtain the target disc color. The first disc color can also be transparently processed, such as adding a certain degree of transparency, to obtain the target disc color. It is also possible to perform transparent processing on the basis of superimposing the first disc color and the second disc color to obtain the target disc color.

[0120] In one embodiment, the second transparency can be determined according to the first target background style, such as determining the target background main color according to the first target background style, and determining the second transparency according to the target background main color, such as the greater the brightness of the target background main color, the greater the second transparency, or setting a correspondence between the target background main color and the second transparency (which can be a correspondence between numerical intervals, or a functional relationship, etc.), and calculating the second transparency corresponding to the target background main color based on the correspondence. Of course, a preset second transparency can also be used. The first disc color is transparently processed according to the second transparency, or transparently processed after superimposing a preset second disc color, to obtain the target disc color.

[0121] In one embodiment, the display information of the turntable includes the target display position of the turntable in the playback interface, and the target display position can be determined according to the first target background style. For example, the first target background style carries the target display position determined according to the setting instruction. When the user sets the display information of the interface background through the playback interface setting interface, the position and proportion of the interface background in the playback interface can be set, and the position of the turntable can be set, thereby determining the target display position, so that the first target background style carries the target display position. In this way, when the playback interface is displayed, the target display position can be obtained from the first target background style, and the turntable can be displayed at the target display position.

[0122] In one embodiment, the target display position may be adaptively determined according to the first target background pattern, such as according to the position of the image element in the first target background pattern, so that the positions of the image elements of the disc and the background match in the playback interface.

[0123] In one embodiment, the display information of the record player includes a target display size of the record player in the playback interface, and the target display size can be determined according to the first target background pattern. For example, the target display size can be determined according to the size of the image element in the first target background pattern, so that in the playback interface, the size of the image element of the record player matches that of the background.

[0124] The target turntable color, the target display position or the target display size of the turntable determined in the above manner can match the display effect of the turntable and the interface background to ensure visual unity.

[0125] In one embodiment, the editable interface element includes a turntable, and the display information of the turntable includes the color of the target turntable. The above-mentioned response to the setting instruction in the playback interface setting interface to determine the display information of at least one editable interface element may include the following steps:

[0126] In response to a setting instruction for a turntable, a target turntable color is determined from candidate turntable colors; or the target turntable color is determined to be a color that matches the interface background of the playback interface.

[0127] For example, refer to Figure 3A In the playback interface setting interface 300 shown in FIG. 1 , the user can set the target disc color in the disc color setting area 330 , and the program can provide one or more candidate disc colors, such as Figure 3A The user can select the target disc color from the candidate disc colors such as "classic vinyl", "red", "yellow", and "green". In addition, the target disc color can be determined to be a color that matches the interface background of the playback interface, so that the program can automatically determine the target disc color based on the interface background (such as the first target background style mentioned above). Alternatively, the disc color setting area 330 provides relevant options that match the interface background, such as the option of "coloring according to background". If the user selects this option, it means that the target disc color is a color that matches the interface background of the playback interface, and the program can automatically determine the target disc color based on the interface background.

[0128] Determine the target disc color according to the interface background of the playback interface, and refer to the specific content of determining the target disc color according to the first target background style. For example, the first disc color can be determined according to the first target background style, and the first disc color is superimposed with the preset second disc color and / or transparently processed to obtain the target disc color.

[0129] In one embodiment, the editable interface element includes a turntable, and the display information of the turntable includes a target display position of the turntable in the playback interface. The playback interface setting interface provides a turntable position setting control. The above-mentioned response to the setting instruction in the playback interface setting interface to determine the display information of at least one editable interface element may include the following steps:

[0130] In response to a setting instruction for a turntable position setting control, a target display position of the turntable is determined.

[0131] The turntable position setting control may be any type of control, such as a numerical control for setting position coordinates. The user may use the turntable position setting control to set the target display position of the turntable, so that the turntable is no longer limited to a fixed position in the playback interface, thereby achieving a more free editing effect.

[0132] In one embodiment, a preview area of ​​the playback interface is displayed in the playback interface setting interface, the preview area is provided with a movable turntable control, and the turntable position setting control is the turntable control. Figure 3A The playback interface setting interface 300 shown includes a preview area 310, which is used to preview the display effect of the playback interface when the user sets the display information. A turntable control 3101 is set in the preview area 310, corresponding to the turntable in the actual playback interface. The turntable control 3101 can be moved, such as within a certain area in the preview area 310. The turntable control 3101 can be used as a turntable position setting control.

[0133] Accordingly, responding to the setting instruction for the turntable position setting control and determining the target display position of the turntable may include: responding to the moving instruction for the turntable control and determining the target display position of the turntable according to the position after the turntable control is moved. That is, the user can set the target display position of the turntable in the playback interface by moving the turntable control 3101. This setting method is very intuitive and convenient for the user to set the turntable to an ideal position.

[0134] Of course, a turntable position setting control specifically used for adjusting the target display position may also be set outside the above-mentioned preview area, such as a numerical control for setting the position coordinates. When the user uses the turntable position setting control to adjust the target display position, the adjustment effect may be synchronously displayed in the preview area. In this way, the user can combine the precise adjustment of the turntable position setting control with the visualization effect seen in the preview area to set the target display position more efficiently and accurately.

[0135] In one embodiment, the editable interface element includes a turntable, and the display information of the turntable includes a target display size of the turntable in the playback interface. The playback interface setting interface provides a turntable size setting control; in response to a setting instruction in the playback interface setting interface, determining the display information of at least one editable interface element includes:

[0136] In response to a setting instruction for a turntable size setting control, a target display size of the turntable is determined.

[0137] The turntable size setting control can be any type of control, such as a numeric control for setting a size value. Figure 3AAs shown, the playback interface setting interface 300 includes a disc size setting area 340, in which a slider-type disc size setting control is provided, and the user can drag the slider to set the target display size. This embodiment allows the user to flexibly set the target display size, so that the disc is no longer limited to a fixed size in the playback interface, so as to achieve a more free editing effect.

[0138] In one embodiment, a preview area of ​​the playback interface is displayed in the playback interface setting interface, the preview area is provided with a scalable turntable control, and the turntable size setting control is the turntable control. Figure 3A The playback interface setting interface 300 shown includes a preview area 310. A turntable control 3101 is provided in the preview area 310, corresponding to the turntable in the actual playback interface. The turntable control 3101 can be scaled. The turntable control 3101 can be used as a turntable size setting control.

[0139] Accordingly, the above-mentioned response to the setting instruction for the turntable size setting control to determine the target display size of the turntable may include: responding to the zoom instruction for the turntable control, and determining the target display size of the turntable according to the zoom degree of the turntable control. That is, the user can set the target display size of the turntable in the playback interface by zooming the turntable control 3101. For example, if the user zooms the turntable control 3101 to 0.9 times the initial size, the target display size is determined to be 0.9 times the initial size of the turntable. This setting method is very intuitive and convenient for the user to set the turntable to an ideal size.

[0140] In one embodiment, the editable interface element includes a stylus, and the display information of the stylus includes whether the stylus is displayed in the playback interface. Figure 3A The playback interface setting interface 300 shown includes a stylus state setting area 350, which can be used to set whether to display the stylus in the playback interface. If the user selects "Show stylus", the stylus will be displayed in the playback interface, and if the user selects "Hide stylus", the stylus will not be displayed in the playback interface. This can meet user needs more finely.

[0141] In one embodiment, the editable interface element includes a stylus, and the display information of the stylus includes a target stylus style. The above-mentioned response to the setting instruction in the playback interface setting interface to determine the display information of at least one editable interface element may include the following steps:

[0142] In response to a setting instruction for a stylus, a target stylus style is determined from candidate stylus styles, or the target stylus style is determined to be a style that matches a turntable in a playback interface.

[0143] For example, Figure 3AThe playback interface setting interface 300 shown includes a needle style setting area 360, which provides candidate needle styles, such as "Style B1", "Style B2", "Style B3", "Style B4", etc., from which the user can select a target needle style. In addition, the target needle style can also be determined as a style that matches the turntable in the playback interface, so that the program can automatically determine the target needle style based on the turntable. Alternatively, the needle style setting area 360 provides relevant options that match the turntable, such as the option of "matching turntable style". If the user selects this option, it means that the target needle style is a style that matches the turntable in the playback interface, and the program can automatically determine the target needle style based on the turntable.

[0144] In one embodiment, the editable interface element includes a playback control, and the display information of the playback control includes a target control style. The above-mentioned response to the setting instruction in the playback interface setting interface to determine the display information of at least one editable interface element may include the following steps:

[0145] In response to a setting instruction for a playback control, a target control style is determined from candidate control styles, or the target control style is determined according to a specified control template.

[0146] Among them, the playback interface setting interface may provide relevant areas or controls for setting the display information of the playback controls. Candidate control styles are provided, which are control styles preset in the program, and may be control styles pre-edited by program developers, from which users can select target control styles. Alternatively, users may import a control template and use the control template as the specified control template, which may include but is not limited to the color, texture, pattern, shape, size, animation, theme and other information of the control, and the target control style may be determined based on the relevant information in the specified control template.

[0147] In one embodiment, different interface elements in the playback interface can be set to any layer relationship. Interface elements include but are not limited to: playback controls, turntables, stylus, text information, image elements in the background (such as foreground elements of images). The present disclosure does not limit the layer relationship between different interface elements. For example, in order to facilitate users to operate playback controls and see text information, playback controls and text information are set to the top layer, followed by the turntable and stylus, and finally the background. Figure 5D As shown, the turntable and needle can cover the background. Alternatively, set the playback controls and text information as the top layer, followed by the foreground elements in the background, then the turntable and needle, and finally the background elements in the background (that is, other background image elements other than the foreground elements). Figure 5E As shown, foreground elements in the background (i.e., the person in the picture) can cover the turntable and the needle.

[0148] In one embodiment, the user is allowed to set the layer relationship between different interface elements. For example, an editing interface can be provided in the program, so that the user can adjust the layer relationship between different interface elements in the editing interface. Figure 3C The image adjustment interface shown provides a background front / back setting control (i.e., the "background front" control in the figure indicates that the current state is background front, and the user clicks to switch to background back state). When set to background front state, it means that the foreground elements in the background will be displayed on the turntable and the needle in the playback interface, that is, Figure 5E In the case shown, the foreground element covers the turntable and the needle. When set to the background after state, it means that the foreground element in the background will be displayed under the turntable and the needle in the playback interface, that is, Figure 5D In the case shown, the turntable and the needle cover the foreground elements. Alternatively, a control for setting the turntable in front / back can be provided, where the turntable in front is equivalent to the background in the back, and the turntable in the back is equivalent to the background in the front. Alternatively, the above control can be provided in the playback interface, so that the user can switch the display relationship between the background and the turntable and the needle in real time during music playback.

[0149] In one embodiment, the program can automatically identify the foreground elements in the background. Alternatively, the foreground elements can be manually specified by the user. For example, in the image adjustment interface, the user can determine the foreground elements by cutting out the image, etc., so that by setting the background to be in front, the elements that the user wants to be in front can be displayed on the turntable and the stylus.

[0150] In one embodiment, the display information of the second interface element can be determined according to the display information of the first interface element in the playback interface. The first interface element and the second interface element can be any one or more interface elements in the playback interface. For example, the first interface element is the interface background, and the second interface element is the turntable. The above has described the scheme of determining the display information of the turntable according to the display of the interface background (such as the first target background style).

[0151] In one embodiment, the display information of the interface background can be determined or adjusted according to the display information of the turntable. For example, according to the target display position of the turntable, an image element is generated at a corresponding position in the interface background (such as in the first target background style), and the image element matches the image or style of the interface background and is located at the position where the turntable is located or around the turntable, which can increase the visual effect of the turntable combined with the interface background. Figure 6As shown, when setting the display information of the interface background, the user selects a seawater theme image to determine the first target background style. When the target display position of the turntable is determined, a visual effect matching the seawater theme (such as a wave effect) can be generated around the target display position (i.e., around the turntable) and added to the first target background style. In this way, the turntable and the background have a sense of integration visually, which is conducive to improving the visual effect of the playback interface.

[0152] It should be noted that the present disclosure does not limit the interactive mode of the setting instructions performed in the above-mentioned playback interface setting interface. For example, the above-mentioned setting instructions can be touch operation instructions performed through the touch screen of a terminal device such as a mobile phone, or can be operation instructions performed through a control device such as a mouse and keyboard of a personal computer, or can be operation instructions implemented through interactive modes such as gestures and voice. For example, a user can perform a zoom gesture on the turntable control in the preview area without touching the screen of the terminal. The terminal senses the user's gesture through a sensor, and converts it into a corresponding instruction through analysis to achieve the zoom setting effect.

[0153] In one embodiment, after responding to a setting instruction in the playback interface setting interface and determining display information of at least one editable interface element, the playback interface processing method may further include the following steps:

[0154] In response to the interface sharing instruction, first interface sharing information is generated according to the first setting information of the playback interface, and the first interface appearance sharing information is shared through a specified path; the first setting information is information determined according to the display information of the editable interface element.

[0155] Among them, the first setting information is used to set the display effect of the playback interface, and may include display information of editable interface elements, and may also include related information, such as display information of other interface elements determined based on the display information of the editable interface elements. Exemplarily, the first setting information may be the complete appearance information of the playback interface. This embodiment allows the user to share the display effect of the playback interface set by the user with other users. The interface sharing instruction may be an instruction triggered by the user performing a sharing operation, such as the user can share the currently edited display information in the playback interface setting interface, or share the current display effect in the playback interface.

[0156] In response to the interface sharing instruction, the first interface sharing information is generated. The first interface sharing information may include a first identifier corresponding to the first setting information, which can be used to find and obtain the first setting information on the server side, and may also include relevant text information for describing the content of the sharing. The text information may be input by the user or automatically generated by the program. For example, the first interface sharing information may be generated after adding corresponding links, QR codes and other information according to a preset sharing template.

[0157] In addition, users can choose sharing channels when sharing, such as sharing through the community module of the current program, sharing through other social platforms, sharing through H5 (HyperText Markup Language 5, a hypertext markup language) pages, etc. For different sharing channels, corresponding first-interface sharing information can be generated, and the information can be shared through the channel specified by the user. For example, the user selects the community module of the current program as the designated channel, generates the corresponding first-interface sharing information, sends it to the server, and the server reviews and publishes it to the community message of the current program, such as in the form of notes of the user who created the first setting information, so that other users can see and use it.

[0158] In one implementation, the playback interface processing method may further include the following steps:

[0159] Get the second interface sharing information;

[0160] Obtaining second setting information according to the second interface sharing information;

[0161] The playback interface is displayed according to the second setting information.

[0162] Among them, the second interface sharing information is information about the display settings of the playback interface shared by other users, and the second setting information is information determined according to the display information of the editable interface elements set by other users. The user can obtain the second interface sharing information by scanning the QR code, clicking the sharing link, etc. Exemplarily, the second interface sharing information can be displayed in the community of the current program, and the number of downloads, number of favorites, number of likes, number of comments, etc. of the second interface sharing information can be displayed. Different interface sharing information can also be displayed in the community based on the order of the number of downloads, number of favorites, number of likes, number of comments, etc. The second setting information can be obtained based on the second interface sharing information, such as the second setting information corresponding to the second identifier can be obtained from the server according to the second identifier included in the second interface sharing information.

[0163] After obtaining the second setting information, the second setting information may be used to update the display effect of the current playback interface, that is, to adopt the display solution shared by other users.

[0164] In one implementation, displaying the playback interface according to the second setting information may include the following steps:

[0165] In response to a display replacement instruction in the play interface, an updated play interface is displayed according to the second setting information.

[0166] Among them, the display replacement instruction is an operation instruction for the user to confirm the use of the display scheme in the second interface sharing information. For example, in the case of obtaining the second interface sharing information, the program can prompt the user whether to adopt the display scheme shared by the second interface sharing information. If the user confirms, the second setting information is obtained according to the second interface sharing information, and the playback interface is updated according to the second setting information, and the updated playback interface is displayed. Alternatively, in the case of obtaining the second interface sharing information, the program can obtain the second setting information according to the second interface sharing information, and prompt the user whether to adopt the display scheme shared by the second interface sharing information. At this time, the preview interface of the playback interface corresponding to the second setting information can also be displayed to the user, so that the user can see the actual display effect of the second setting information. If the user confirms, the updated playback interface is displayed according to the second setting information.

[0167] Through the above method, one-click update and application of the display scheme for the playback interface can be achieved.

[0168] In one embodiment, the third setting information is determined in response to a secondary setting instruction based on the second setting information. For example, when the second setting information is obtained, a preview interface of the playback interface corresponding to the second setting information can be displayed, and the user can make adjustments in the preview interface, such as adjusting the target display position and target display size of the turntable based on the second setting information, thereby determining the third setting information. The playback interface can be displayed based on the third setting information. This allows users to make adjustments based on their own needs based on the display scheme shared by other users, which is very convenient.

[0169] In one implementation, displaying the playback interface according to the second setting information may include the following steps:

[0170] Display information of at least one interface element in the playback interface is determined according to the second setting information, and corresponding interface elements in the playback interface are updated according to the display information of the at least one interface element, and the updated playback interface is displayed.

[0171] For example, the second setting information includes the display information of the interface background (such as the second target background style), and the interface background in the current playback interface can be updated accordingly. For other interface elements such as the turntable and the needle, the original display information can be retained, or the display information of other interface elements such as the turntable and the needle can be adaptively adjusted according to the second target background style. Alternatively, the second setting information includes the display information of the turntable, and the turntable in the current playback interface can be updated accordingly, and the display information of the needle can be adaptively adjusted, such as making the style of the needle match the style of the turntable, and adding image elements to the original interface background according to the display information of the turntable to increase the expressiveness of the background, and retaining the original display information of the playback control. It should be understood that when updating the playback interface, each interface element can be processed separately, and the entire playback interface can be updated through the processing time limit of each interface element, which is conducive to improving the display effect of the playback interface.

[0172] In one embodiment, the second setting information includes a second target background style, that is, display information of the interface background in the second setting information. The above-mentioned displaying the playback interface according to the second setting information may include the following steps:

[0173] If the size of the second target background style does not match the size of the playback interface, the second target background style will be cropped, or an extended background style will be generated based on the second target background style and spliced ​​to the second target background style, so that the size of the cropped second target background style or the second target background style after splicing the extended background style matches the size of the playback interface; the size of the playback interface is the size determined according to the display area of ​​the terminal.

[0174] Among them, when using the display scheme shared by other users, the second target background style set by other users may not match the screen size of the terminal used by the current user, which is reflected in the size of the second target background style not matching the size of the playback interface, such as the aspect ratio of the second target background style not matching the aspect ratio of the playback interface. In this regard, the second target background style can be cropped, or an extended background style can be generated based on the second target background style and spliced ​​to the second target background style. For details, please refer to the previous content of cropping the first target background style or splicing the extended background style, so that the processed second target background style adapts to the size of the playback interface. This solves the screen adaptation problem of the same display scheme on different devices.

[0175] In one embodiment, one or more operations such as collecting, commenting, liking, and forwarding are allowed for the information shared on the second interface to improve interaction between users.

[0176] In one implementation, displaying the playback interface according to the display information of the editable interface element may include the following steps:

[0177] When the current user authority meets the preset conditions, the playback interface is displayed according to the display information of the editable interface element.

[0178] Among them, the user rights may include the right to use the function of the custom-set playback interface, that is, when the current user rights meet the preset conditions, the user is allowed to use the custom-set playback interface. In this way, the playback interface can be displayed according to the display information of the editable interface element. In addition, when the current user rights do not meet the preset conditions, the playback interface is displayed according to the preset setting information. The preset setting information can be the preset setting information about the display effect of the playback interface in the program, which is usually a basic display scheme. That is, when the preset conditions are not met, the basic display scheme is adopted.

[0179] Figure 7 An interactive flow chart of this exemplary embodiment is shown, comprising the following steps:

[0180] Step S701, when the user sets the background of the playback interface, he can select an image and upload the specified image to the client, such as a music App client that can be installed on the terminal;

[0181] Step S702, the client sends an image verification request to the server, and the request may reach the review end, which may be a server or terminal (such as a manual review terminal) used to perform review-related tasks in the background;

[0182] Step S703: the review end performs anti-spam and manual review and returns the image verification result, which can be fed back to the client through the server;

[0183] Step S704, the client prompts success / failure to inform the user of the image verification result;

[0184] Step S705, the user opens the playback interface;

[0185] Step S706, the client sends the custom display information to the server, where the custom display information includes the display information that the user has set in the playback interface setting interface, such as display information that may include a custom interface background;

[0186] Step S707: The server requests the permission service to obtain the user permission information. The permission service may be a server or terminal used to manage the user permission information in the background.

[0187] Step S708, the authority service determines the user authority information, such as obtaining the user's membership status to determine the user authority information, and returns the user authority information to the server;

[0188] Step S709, if the authority does not meet the requirement (i.e., the user authority information does not meet the preset condition), the server returns the default display information to the client, indicating that the current user does not have the authority to use the function of customizing the display playback interface and can only use the default display information;

[0189] Step S710: the client displays a default playback interface according to the default display information returned by the server.

[0190] In addition, if the permissions are met, the server returns to the client the setting information for determining the playback interface according to the custom display information, and the client displays the playback interface with the custom display effect according to the setting information.

[0191] Figure 8 The solution architecture of this exemplary embodiment is shown. Among them, the client is used for view rendering, providing display resources, etc. The RN (React Native) page can represent the front end, which is used to configure and assemble interface resources. The back end is used to persistently store user setting information so that the user configuration information can be used across devices. The RN page can obtain user setting information from the back end, set the playback interface, and send it to the client for display, and can send user setting information to the back end for storage in the back end. The client can synchronously update the user setting information according to the back end to realize local storage of user setting information. When the user changes the terminal device, the replaced client can obtain the user setting information from the back end, so as to ensure that the display information of the playback interface configured by the user can be used across devices.

[0192] Exemplary Devices

[0193] The exemplary embodiment of the present disclosure also provides a playback interface processing device. Fig. 9 As shown, the playback interface processing device 900 includes the following program modules:

[0194] The first display processing module 910 is configured to display a playback interface setting interface; the playback interface setting interface is used to set editable interface elements in the playback interface;

[0195] The display information setting module 920 is configured to determine display information of at least one editable interface element in response to a setting instruction in the playback interface setting interface;

[0196] The second display processing module 930 is configured to display the playback interface according to the display information of the editable interface element.

[0197] In one embodiment, the editable interface element includes an interface background, and the display information of the interface background includes a first target background style; the response to the setting instruction in the playback interface setting interface determines the display information of at least one editable interface element, including: responding to the setting instruction for the interface background, determining the first target background style from candidate background styles, or determining the first target background style according to a specified image.

[0198] In one embodiment, displaying the playback interface according to the display information of the editable interface element includes: determining a first transparency according to the first target background style; superimposing a global mask on the first target background style according to the first transparency; and displaying the interface background of the playback interface according to the first target background style with the superimposed global mask.

[0199] In one embodiment, determining the first transparency according to the first target background style includes: determining the target background main color according to the first target background style; if the brightness of the target background main color is in a first brightness range, determining the first transparency as a first value; if the brightness of the target background main color is in a second brightness range, and the saturation of the target background main color is in a first saturation range, determining the first transparency as a second value; if the brightness of the target background main color is in a third brightness range, and the saturation of the target background main color is in the first saturation range, determining the first transparency as a third value; wherein the lower limit value of the first brightness range is not less than the upper limit value of the second brightness range, and the lower limit value of the second brightness range is not less than the upper limit value of the third brightness range; the first value is greater than the second value, and the second value is greater than the third value.

[0200] In one embodiment, displaying the playback interface according to the display information of the editable interface element includes: if the size of the first target background style does not match the size of the playback interface, cropping the first target background style, or generating an extended background style based on the first target background style and splicing it to the first target background style, so that the size of the cropped first target background style or the first target background style after splicing the extended background style matches the size of the playback interface; the size of the playback interface is a size determined according to the display area of ​​the terminal.

[0201] In one embodiment, the playback interface includes a turntable; displaying the playback interface according to the display information of the editable interface element includes: determining the display information of the turntable according to the first target background style; and displaying the playback interface according to the first target background style and the display information of the turntable.

[0202] In one embodiment, the display information of the turntable includes a target turntable color; determining the display information of the turntable based on the first target background style includes: determining a first turntable color based on the first target background style; superimposing a preset second turntable color on the first turntable color and / or performing transparent processing to obtain a target turntable color.

[0203] In one embodiment, determining the first turntable color according to the first target background pattern includes: determining a target background main color according to the first target background pattern, and using the target background main color as the first turntable color.

[0204] In one implementation, determining the target background main color according to the first target background style includes: extracting a designated area image from the first target background style, and using the main color of the designated area image as the target background main color.

[0205] In one embodiment, the display information of the turntable includes a target display position of the turntable in the playback interface; and the first target background pattern carries the target display position determined according to the setting instruction.

[0206] In one embodiment, determining the first target background style according to the designated image includes: sending the designated image to a server for review; and determining the first target background style according to the designated image when the server feedback indicates that the review is passed.

[0207] In one embodiment, the editable interface element includes a turntable, and the display information of the turntable includes a target turntable color; the response to the setting instruction in the playback interface setting interface determines the display information of at least one editable interface element, including: responding to the setting instruction for the turntable, determining the target turntable color from candidate turntable colors; or determining the target turntable color to be a color that matches the interface background of the playback interface.

[0208] In one embodiment, the editable interface element includes a turntable, and the display information of the turntable includes a target display position of the turntable in the playback interface; the playback interface setting interface provides a turntable position setting control; and the response to the setting instruction in the playback interface setting interface determines the display information of at least one editable interface element, including: responding to the setting instruction for the turntable position setting control to determine the target display position of the turntable.

[0209] In one embodiment, a preview area of ​​the playback interface is displayed in the playback interface setting interface, the preview area is provided with a movable turntable control, and the turntable position setting control is the turntable control; the responding to a setting instruction for the turntable position setting control to determine the target display position of the turntable includes: responding to a move instruction for the turntable control, and determining the target display position of the turntable according to the position of the turntable control after movement.

[0210] In one embodiment, the editable interface element includes a turntable, and the display information of the turntable includes a target display size of the turntable in the playback interface; the playback interface settings interface provides a turntable size setting control; the response to the setting instructions in the playback interface settings interface determines the display information of at least one editable interface element, including: responding to the setting instructions for the turntable size setting control to determine the target display size of the turntable.

[0211] In one embodiment, a preview area of ​​the playback interface is displayed in the playback interface setting interface, the preview area is provided with a scalable turntable control, and the turntable size setting control is the turntable control; the responding to a setting instruction for the turntable size setting control to determine the target display size of the turntable includes: responding to a zoom instruction for the turntable control, and determining the target display size of the turntable according to the zoom degree of the turntable control.

[0212] In one embodiment, the editable interface element includes a stylus, and the display information of the stylus includes whether the stylus is displayed in the playback interface.

[0213] In one embodiment, the editable interface element includes a stylus, and the display information of the stylus includes a target stylus style; the response to the setting instruction in the playback interface setting interface determines the display information of at least one editable interface element, including: responding to the setting instruction for the stylus, determining the target stylus style from candidate stylus styles, or determining the target stylus style to be a style that matches the turntable in the playback interface.

[0214] In one embodiment, the editable interface element includes a playback control, and the display information of the playback control includes a target control style; the response to the setting instruction in the playback interface setting interface determines the display information of at least one editable interface element, including: responding to the setting instruction for the playback control, determining the target control style from candidate control styles, or determining the target control style according to a specified control template.

[0215] In one embodiment, after responding to a setting instruction in the playback interface setting interface and determining the display information of at least one editable interface element, the method further includes: responding to an interface sharing instruction, generating first interface sharing information based on the first setting information of the playback interface, and sharing the first interface appearance sharing information through a specified path; the first setting information is information determined based on the display information of the editable interface element.

[0216] In one embodiment, the device is further used to: obtain second interface sharing information; obtain second setting information according to the second interface sharing information; and display the playback interface according to the second setting information.

[0217] In one embodiment, displaying the playback interface according to the second setting information includes: responding to a display replacement instruction in the playback interface, and displaying an updated playback interface according to the second setting information.

[0218] In one embodiment, displaying the playback interface according to the second setting information includes: determining display information of at least one interface element in the playback interface according to the second setting information, and updating the corresponding interface element in the playback interface according to the display information of the at least one interface element, and displaying the updated playback interface.

[0219] In one implementation, obtaining the second setting information according to the second interface sharing information includes: obtaining the second setting information corresponding to the second identifier from the server according to the second identifier included in the second interface sharing information.

[0220] In one embodiment, the second setting information includes a second target background style; displaying the playback interface according to the second setting information includes: if the size of the second target background style does not match the size of the playback interface, cropping the second target background style, or generating an extended background style based on the second target background style and splicing it to the second target background style, so that the size of the cropped second target background style or the second target background style after splicing the extended background style matches the size of the playback interface; the size of the playback interface is a size determined according to the display area of ​​the terminal.

[0221] In one embodiment, displaying the playback interface according to the display information of the editable interface element includes: displaying the playback interface according to the display information of the editable interface element when the current user authority meets the preset conditions; the device is also used to: display the playback interface according to preset setting information when the current user authority does not meet the preset conditions.

[0222] 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.

[0223] Exemplary Program Products

[0224] The exemplary embodiments of the present disclosure also provide a computer program product, which includes a computer program, and when the computer program is executed by a processor, the above-mentioned virtual action editing method is implemented.

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

[0226] In one embodiment, the computer program product may be an intangible product including a computer program. Exemplarily, the computer program product may be implemented as a virtual digital product, such as a digital file storing an executable file, an installation package, etc. of the computer program.

[0227] The code of the computer program can be written in one or more programming languages. Programming languages ​​such as C language, 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 through 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., an Internet connection provided by an operator).

[0228] 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 to run the computer programs. When a 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 exemplary embodiments of the present disclosure, such as the following steps: Step S210, displaying a playback interface setting interface; the playback interface setting interface is used to set editable interface elements in the playback interface; Step S220, responding to a setting instruction in the playback interface setting interface, determining display information of at least one editable interface element; Step S230, displaying the playback interface according to the display information of the editable interface element.

[0229] Based on the computer program to implement the above steps, a solution is provided to support users to customize the playback interface. On the one hand, users can set display information for one or more editable interface elements in the playback interface according to their own needs. The program displays the playback interface according to the display information set by the user, which can meet the user's personalized aesthetic needs and enhance the listening experience. On the other hand, it supports users to combine very diverse playback interfaces through the display information of different editable interface elements, providing a high degree of editing freedom and flexibility. The program does not need to preset too many interface display styles, which is conducive to reducing the workload of program developers and reducing the resource overhead of the server or client.

[0230] Exemplary Electronic Devices

[0231] The exemplary embodiment of the present disclosure also provides an electronic device. The electronic device includes a processor and a memory, and the memory is used to store executable instructions of the processor. The processor is configured to execute the above method of the present disclosure by executing the executable instructions.

[0232] refer to Fig.10 An electronic device according to an exemplary embodiment of the present disclosure is described. Fig.10 The electronic device 1000 shown is merely an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0233] like Fig.10 As shown, the electronic device 1000 is in the form of a general-purpose computing device. The components of the electronic device 1000 may include, but are not limited to: at least one processing unit 1010, at least one storage unit 1020, and a bus 1030 connecting different system components (including the storage unit 1020 and the processing unit 1010). In addition, an I / O (input / output) interface 1040, a network adapter 1050, and a display 1060 may also be included.

[0234] Among them, the storage unit stores program code, and the program code can be executed by the processing unit 1010, so that the processing unit 1010 executes the steps described in the above "Exemplary Method" section of this specification according to various exemplary embodiments of the present disclosure, such as: step S210, displaying the playback interface setting interface; the playback interface setting interface is used to set the editable interface elements in the playback interface; step S220, responding to the setting instructions in the playback interface setting interface, determining the display information of at least one editable interface element; step S230, displaying the playback interface according to the display information of the editable interface element.

[0235] Based on the processing unit 1010 executing the above steps, a solution is provided to support user-defined settings of the playback interface. On the one hand, the user can set display information for one or more editable interface elements in the playback interface according to their own needs, and the program displays the playback interface according to the display information set by the user, which can meet the user's personalized aesthetic needs and enhance the audition experience. On the other hand, it supports users to combine very diverse playback interfaces through the display information of different editable interface elements, provides a high degree of editing freedom and flexibility, and the program does not need to preset too many interface display styles, which is conducive to reducing the workload of program developers and reducing the resource overhead of the server or client.

[0236] The storage unit 1020 may include a volatile storage unit, such as a random access storage unit (RAM) 1021 and / or a cache storage unit 1022 , and may further include a read-only storage unit (ROM) 1023 .

[0237] The storage unit 1020 may also include a program / utility 1024 having a set (at least one) of program modules 1025, such program modules 1025 including but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which or some combination may include an implementation of a network environment.

[0238] The bus 1030 is used to connect different parts in the electronic device 1000 and may include a data bus, an address bus, and a control bus.

[0239] The display 1060 is used to display a graphical user interface, such as a playback interface setting interface, a playback interface, etc.

[0240] The electronic device 1000 may also communicate with one or more external devices 1100 (e.g., keyboards, pointing devices, Bluetooth devices, etc.), and such communication may be performed through the I / O interface 1040. The electronic device 1000 may also communicate with one or more networks (e.g., local area networks (LANs), wide area networks (WANs), and / or public networks, such as the Internet) through a network adapter 1050. As shown, the network adapter 1050 communicates with other modules of the electronic device 1000 through the bus 1030. It should be understood that, although not shown in the figure, other hardware and / or software modules may be used in conjunction with the electronic device 1000, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.

[0241] It should be noted that, although several modules or submodules of the device are mentioned in the above detailed description, such 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 one unit / module. Conversely, the features and functions of one unit / module described above can be further divided into multiple units / modules to be embodied.

[0242] In addition, although the operations of the disclosed method are described in a specific order in the drawings, this does not require or imply that the operations must be performed in this specific order, or that all the operations shown 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.

[0243] Although the spirit and principle 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 disclosed specific embodiments, and the division of various aspects does not mean that the features in these aspects cannot be combined to benefit, and 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 attached claims.

Claims

1. A playback interface processing method, characterized in that: include: Display the playback interface settings interface; The playback interface setting interface is used to set the editable interface elements in the playback interface; In response to a setting instruction in the playback interface setting interface, determining display information of at least one editable interface element; The playback interface is displayed according to the display information of the editable interface element.

2. The method according to claim 1, characterized in that The editable interface element includes an interface background, and display information of the interface background includes a first target background style; The step of responding to a setting instruction in the playback interface setting interface and determining display information of at least one editable interface element includes: In response to an instruction for setting the interface background, a first target background style is determined from candidate background styles, or the first target background style is determined according to a specified image.

3. The method according to claim 2, characterized in that The displaying of the playback interface according to the display information of the editable interface element includes: determining a first transparency according to the first target background pattern; superimposing a global mask on the first target background style according to the first transparency; The interface background of the playback interface is displayed according to the first target background style superimposed with the global mask.

4. The method according to claim 3, characterized in that The determining the first transparency according to the first target background pattern includes: Determining a target background main color according to the first target background style; If the brightness of the target background main color is within a first brightness range, determining the first transparency to be a first value; If the brightness of the target background main color is in the second brightness range, and the saturation of the target background main color is in the first saturation range, determining the first transparency to be the second value; If the brightness of the target background main color is in the third brightness range, and the saturation of the target background main color is in the first saturation range, determining the first transparency to be the third value; Among them, the lower limit value of the first brightness interval is not less than the upper limit value of the second brightness interval, and the lower limit value of the second brightness interval is not less than the upper limit value of the third brightness interval; the first value is greater than the second value, and the second value is greater than the third value.

5. The method according to claim 2, characterized in that: The displaying of the playback interface according to the display information of the editable interface element includes: If the size of the first target background style does not match the size of the playback interface, the first target background style is cropped, or an extended background style is generated based on the first target background style and spliced ​​to the first target background style, so that the size of the cropped first target background style or the first target background style after splicing the extended background style matches the size of the playback interface; the size of the playback interface is a size determined according to the display area of ​​the terminal.

6. The method according to claim 2, characterized in that The playback interface includes a turntable; and displaying the playback interface according to the display information of the editable interface element includes: Determining the display information of the turntable according to the first target background pattern; A playback interface is displayed according to the first target background style and the display information of the turntable.

7. The method according to claim 6, characterized in that The display information of the turntable includes a target turntable color; and the step of determining the display information of the turntable according to the first target background pattern includes: determining a first turntable color according to the first target background pattern; The first turntable color is superimposed with a preset second turntable color and / or transparently processed to obtain a target turntable color.

8. A playback interface processing device, characterized in that: include: A first display processing module is configured to display a playback interface setting interface; The playback interface setting interface is used to set the editable interface elements in the playback interface; A display information setting module, configured to determine display information of at least one editable interface element in response to a setting instruction in the playback interface setting interface; The second display processing module is configured to display the playback interface according to the display information of the editable interface element.

9. A computer program product having a computer program stored thereon, 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, configured to store executable instructions of the processor; The processor is configured to perform the method of any one of claims 1 to 7 by executing the executable instructions.

Images