Interaction control method, interaction control device, storage medium and electronic equipment

Abstract

The embodiment of the invention relates to an interaction control method, an interaction control device, a storage medium and electronic equipment, and relates to the technical field of software development. The interaction control method comprises the following steps: switching to a second display mode in response to a display mode switching operation detected in a first display mode; the first display mode comprises a vertical screen mode, and the second display mode comprises a horizontal screen mode; in the second display mode, displaying a first music interface according to a current environment perception image; and performing interaction control in the first music interface according to a music interaction operation. According to the invention, more natural, efficient and immersive music playing interaction experience can be provided for the landscape use scene of the intelligent terminal.

Description

Technical Field

[0001] The embodiments of the present disclosure relate to the field of software development technology. More specifically, the embodiments of the present disclosure relate to an interactive control method, an interactive control device, a computer-readable storage medium, and an electronic device. Background Art

[0002] This section is intended to provide a background or context to the embodiments of the present disclosure, and no admission is made that anything herein is prior art by inclusion in this section.

[0003] With the increasing popularity and intelligence of smart devices, they have evolved from simple communication tools to multifunctional information processing platforms. Today, users can use these devices not only for basic phone calls but also for activities such as learning and entertainment. For example, playing music on smart devices has become a common use case. Summary of the Invention

[0004] However, currently, most music playback applications mainly use portrait mode to design their user interfaces. Even if they provide a landscape view on large-screen devices, they often simply expand the interface layout without optimizing the corresponding interactive logic and operation experience for landscape usage scenarios.

[0005] To this end, there is a great need for an interactive control method that can provide a more natural, efficient and immersive music playback interactive experience for the horizontal screen usage scenario of smart terminals.

[0006] In this context, embodiments of the present disclosure are intended to provide an interactive control method, an interactive control device, a computer-readable storage medium, and an electronic device.

[0007] According to a first aspect of the embodiments of the present disclosure, there is provided an interactive control method, comprising:

[0008] In response to detecting a display mode switching operation in a first display mode, switching to a second display mode; the first display mode includes a portrait mode, and the second display mode includes a landscape mode;

[0009] In the second display mode, the first music interface is displayed according to the current environment perception image;

[0010] According to the music interactive operation, interactive control is performed in the first music interface.

[0011] In an optional embodiment, in response to detecting a display mode switching operation in the first display mode, switching to the second display mode includes:

[0012] Displaying operation guidance information in the first display mode; the operation guidance information is used to guide the user to perform the display mode switching operation;

[0013] In response to the display mode switching operation, switching to the second display mode;

[0014] The display mode switching operation includes: a direction adjustment operation for the smart terminal, or a triggering operation for a preset display mode switching control.

[0015] In an optional embodiment, in the second display mode, displaying the first music interface according to the current environment perception image includes:

[0016] In the second display mode, the starting music interface is displayed;

[0017] In response to a music selection trigger operation for the initial music interface, a first music interface is displayed according to the current environment perception image.

[0018] In an optional implementation, displaying the first music interface according to the current environment perception image includes:

[0019] Arranging the record models according to a preset layout pattern to generate a record layout array;

[0020] Performing light and shadow rendering on the record layout array to obtain a record layout rendering array;

[0021] The record layout rendering array is projected into the current environment perception image to generate and display the first music interface.

[0022] In an optional embodiment, projecting the record layout rendering array into the current environment perception image to generate and display the first music interface includes:

[0023] Identifying an object bearing surface in the current environment perception image;

[0024] The record layout rendering array is projected onto the object supporting surface to generate and display the first music interface.

[0025] In an optional embodiment, the preset layout style includes any one of the following:

[0026] A first layout pattern, the first layout pattern including a three-dimensional space array pattern with a preset display effect;

[0027] a second layout pattern, the second layout pattern comprising a horizontal array pattern;

[0028] A third layout pattern includes an irregular distribution pattern.

[0029] In an optional implementation, when the preset layout style is the first layout style;

[0030] The interactive control in the first music interface according to the music interactive operation includes:

[0031] According to the operation direction of the record switching operation on the first music interface, each record model in the record layout rendering array is controlled to smoothly scroll according to a pre-configured animation trajectory to switch the currently selected record model;

[0032] In response to a release operation corresponding to the record switching operation, determining the record model located in a preset focus area on the first music interface as a currently selected first target record model;

[0033] The target record model is displayed with a first preset animation effect, and the first target music corresponding to the first target record model is played.

[0034] In an optional embodiment, controlling each record model in the record layout rendering array to scroll smoothly according to a preconfigured animation trajectory based on the operation direction of the record switching operation on the first music interface includes:

[0035] According to the operation direction of the record switching operation, the position of each record model in the record layout rendering array is dynamically adjusted to control each record model in the record layout rendering array to scroll smoothly according to a pre-configured animation trajectory.

[0036] In an optional embodiment, dynamically adjusting the position of each record model in the record layout rendering array according to the operation direction of the record switching operation includes:

[0037] According to the operation direction of the record switching operation, each record model in the record layout rendering array is controlled to rotate smoothly relative to a preset vertical axis to dynamically adjust the position of each record model in the record layout rendering array.

[0038] In an optional embodiment, the method further includes:

[0039] When each record model has not been rotated into the preset focus area, displaying the record model at an angle;

[0040] When each record model rotates into the preset focus area, the viewing angle tilt display is canceled and visual enhancement processing is performed on the record model.

[0041] In an optional embodiment, after determining the record model located in the preset focus area on the first music interface as the currently selected first target record model, the method further includes:

[0042] Performing visual attenuation processing on other record models on the first music interface except the first target record model;

[0043] Alternatively, progressive shift processing is performed on the other record models on the first music interface except the first target record model.

[0044] In an optional implementation, when the preset layout style is the second layout style;

[0045] The interactive control in the first music interface according to the music interactive operation includes:

[0046] According to the operation direction of the record switching operation acting on the first music interface, each record model in the record layout rendering array is controlled to move horizontally to switch the currently selected record model;

[0047] When each record model moves into a preset focus area, the music information associated with the record model is displayed; the music information includes basic music information and basic musician information.

[0048] In an optional embodiment, the method further includes:

[0049] In response to the selection operation of the second target record model in the record layout rendering array, jump to the starting music interface and play the second target music corresponding to the second target record model.

[0050] In an optional implementation, when the preset layout style is the third layout style;

[0051] The interactive control in the first music interface according to the music interactive operation includes:

[0052] In response to a posture tilt operation applied to the smart terminal, obtaining posture tilt data of the smart terminal;

[0053] Determining gravity simulation data based on the posture tilt data; the posture tilt data includes tilt direction and tilt amplitude, and the gravity simulation data includes the direction and intensity of gravity;

[0054] The display position of each record model in the record layout rendering array is dynamically changed according to the gravity simulation data.

[0055] In an optional embodiment, dynamically changing the display position of each record model in the record layout rendering array according to the gravity simulation data includes:

[0056] Controlling each record model in the record layout rendering array to change position according to a preset position change special effect based on the gravity simulation data, so as to update the display position of each record model in the record layout rendering array;

[0057] The preset position change special effect includes at least one of the following: a sliding special effect, a collision special effect, and a superposition special effect.

[0058] In an optional embodiment, the method further includes:

[0059] In response to a selection operation on a third target album model in the album layout rendering array, displaying the third target album model with a second preset animation effect;

[0060] Jump to the starting music interface and play the third target music corresponding to the third target record model.

[0061] In an optional embodiment, performing interactive control in the first music interface according to the music interactive operation includes:

[0062] According to the perspective transformation operation for the smart terminal, the current visual array segment on the first music interface is synchronously transformed in perspective.

[0063] In an optional embodiment, the method further includes:

[0064] In response to a screen capture operation for the first music interface, generating a capture screen corresponding to the first music interface;

[0065] If a save operation for the captured image is detected, the captured image is saved to a designated storage location;

[0066] If a sharing operation for the captured image is detected, the captured image is shared with a designated user.

[0067] In an optional implementation, after displaying the first music interface, the method further includes:

[0068] Rendering the first music interface into a virtual reality scene corresponding to the virtual reality device worn by the user;

[0069] According to the music interactive operation, interactive control is performed in the virtual reality scene.

[0070] In an optional embodiment, after displaying the first music interface according to the current environment perception image, the method further includes:

[0071] In response to the interface switching operation, displaying a second music interface according to the record model and the associated image of the record model;

[0072] According to the music interactive operation, interactive control is performed in the second music interface.

[0073] In an optional embodiment, the displaying of the second music interface based on the record model and the associated image of the record model includes:

[0074] Arranging the record models according to a preset layout pattern to generate a record layout array;

[0075] Performing fuzzy processing on the album cover of the specified album model to obtain a fuzzy image;

[0076] The record layout array is used as the foreground layer and the blurred image is used as the background layer to generate and display the second music interface.

[0077] In an optional embodiment, after displaying the second music interface based on the record model and the associated image of the record model, the method further includes:

[0078] Rendering the second music interface into a virtual reality scene corresponding to the virtual reality device worn by the user;

[0079] According to the music interactive operation, interactive control is performed in the virtual reality scene.

[0080] In an optional embodiment, after displaying the first music interface according to the current environment perception image, the method further includes:

[0081] In response to the interface switching operation, displaying a third music interface according to the record model and the associated image of the record model;

[0082] According to the music interactive operation, interactive control is performed in the third music interface.

[0083] In an optional embodiment, the displaying of the third music interface based on the record model and the associated image of the record model includes:

[0084] Arranging the record models according to a preset layout pattern to generate a record layout array;

[0085] Acquiring color information corresponding to the associated image of the record model, and generating a color transition image according to the color information;

[0086] The record layout array is used as the foreground layer and the color transition image is used as the background layer to generate and display the third music interface.

[0087] In an optional embodiment, after displaying the third music interface based on the record model and the associated image of the record model, the method further includes:

[0088] Rendering the third music interface into a virtual reality scene corresponding to the virtual reality device worn by the user;

[0089] According to the music interactive operation, interactive control is performed in the virtual reality scene.

[0090] In an optional embodiment, the method further includes:

[0091] Obtain performance parameters of smart terminals in real time;

[0092] In response to the performance parameter not meeting the preset performance requirement, the first music interface is switched to the second music interface or the third music interface.

[0093] According to a second aspect of the embodiments of the present disclosure, there is provided an interactive control device, comprising:

[0094] a mode switching module, configured to switch to a second display mode in response to detecting a display mode switching operation in a first display mode; the first display mode includes a portrait mode, and the second display mode includes a landscape mode;

[0095] An interface display module, configured to display the first music interface according to the current environment perception image in the second display mode;

[0096] The interactive control module is used to perform interactive control in the first music interface according to music interactive operations.

[0097] According to a third aspect of the embodiments 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 interactive control method described in the first aspect is implemented.

[0098] According to a fourth aspect of an embodiment 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 interactive control method described in the first aspect above by executing the executable instructions.

[0099] According to the interactive control method, interactive control device, computer-readable storage medium and electronic device of the embodiment of the present disclosure, on the one hand, the device is allowed to automatically adjust the user interface layout to adapt to the new display direction when detecting the user's display mode switching operation (for example, switching from portrait mode to landscape mode). This design enhances the adaptability of the application to different usage scenarios and ensures that no matter how the user holds the device, the best visual and operational experience can be obtained. On the other hand, after switching to the second display mode (i.e., landscape mode), the first music interface is dynamically adjusted and displayed according to the current environmental perception image, which means that the interface can be intelligently adjusted according to the user's actual usage environment, thereby providing the user with a more personalized visual presentation and improving user participation and satisfaction. On the other hand, based on the music interactive operation, interactive control can be performed in the first music interface, which can create a more immersive music enjoyment experience in landscape mode, so that the user can not only enjoy high-quality audio content, but also get a full range of feelings through visual and tactile interaction, enhancing the overall entertainment experience, thereby providing a more natural, efficient and immersive music playback interactive experience for the landscape usage scenario of the smart terminal. BRIEF DESCRIPTION OF THE DRAWINGS

[0100] The above and other objects, features and advantages of the exemplary embodiments of the present disclosure will become readily understood by reading the detailed description below with reference to the accompanying drawings, in which several embodiments of the present disclosure are shown by way of example and not limitation, wherein:

[0101] Figure 1 A schematic diagram showing a flow chart of an interactive control method in an embodiment of the present disclosure is shown;

[0102] Figure 2 A schematic diagram of an interface showing operation guidance information and a preset display mode switching control in a first display mode in an embodiment of the present disclosure is shown;

[0103] Figure 3 A schematic diagram of a process for displaying a first music interface according to a current environment perception image in the second display mode in an embodiment of the present disclosure is shown;

[0104] Figure 4 Showing three interface schematic diagrams corresponding to the starting music interface in the embodiment of the present disclosure;

[0105] Figure 5 A schematic diagram of an interface in which, when an album browsing operation is detected, the album information on the left side shifts in the direction of the user's sliding is shown in an embodiment of the present disclosure;

[0106] Figure 6 Three schematic diagrams of interfaces corresponding to the immersive audio-visual interface in the embodiment of the present disclosure are shown;

[0107] Figure 7 A schematic diagram showing a process of displaying a first music interface according to a current environment perception image in an embodiment of the present disclosure;

[0108] Figure 8 A schematic diagram of an interface of a first layout style in an embodiment of the present disclosure is shown;

[0109] Figure 9 A schematic diagram of an interface of a second layout style in an embodiment of the present disclosure is shown;

[0110] Figure 10 A schematic diagram of an interface of a third layout style in an embodiment of the present disclosure is shown;

[0111] Figure 11 A schematic diagram showing a flow chart of how to perform interactive control in a first music interface when the preset layout style adopts a first layout style in an embodiment of the present disclosure;

[0112] Figure 12 A schematic diagram showing a visual reduction process for other record models except the first target record model on the first music interface in an embodiment of the present disclosure is shown;

[0113] Figure 13 A schematic diagram of playing the first target music corresponding to the first target record model in an embodiment of the present disclosure is shown;

[0114] Figure 14 A schematic diagram showing a flow chart of how to perform interactive control in the first music interface when the preset layout style adopts the second layout style in an embodiment of the present disclosure;

[0115] Figure 15 A schematic diagram showing how to perform a record switching operation in the second layout mode in an embodiment of the present disclosure is shown;

[0116] Figure 16 A schematic diagram of playing the second target music corresponding to the second target record model in an embodiment of the present disclosure is shown;

[0117] Figure 17 A schematic diagram illustrating a flow chart of how to perform interactive control in the first music interface when the preset layout style adopts the third layout style in an embodiment of the present disclosure;

[0118] Figure 18 A schematic diagram showing the display position of each record model in the record layout rendering array in the case of first position tilt data in an embodiment of the present disclosure is shown;

[0119] Figure 19 A schematic diagram showing the display position of each record model in the record layout rendering array when the smart terminal is tilted to the upper right in an embodiment of the present disclosure;

[0120] Figure 20 A schematic diagram showing how to transform the viewing angle of the currently displayed content of the first music interface in an embodiment of the present disclosure;

[0121] Figure 21 A schematic diagram of the above-mentioned interface switching control in an embodiment of the present disclosure is shown;

[0122] Figure 22 A schematic diagram showing a flow chart of an interactive control process for a second music interface in an embodiment of the present disclosure is shown;

[0123] Figure 23 A schematic diagram of a screen formed after rendering the second music interface to a virtual reality scene in an embodiment of the present disclosure is shown;

[0124] Figure 24 A schematic diagram showing a flow chart of an interactive control process for the third music interface in an embodiment of the present disclosure is shown;

[0125] Figure 25 A schematic diagram showing the process of the automatic interface switching mechanism in an embodiment of the present disclosure is shown;

[0126] Figure 26 A schematic diagram showing an interactive control device in an embodiment of the present disclosure; and

[0127] Figure 27 A structural diagram of an electronic device according to an embodiment of the present disclosure is shown.

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

[0129] The principles and spirit of the present disclosure will be described below with reference to several exemplary embodiments. It should be understood that these embodiments are provided solely to enable those skilled in the art to better understand and implement the present disclosure, and are not intended to limit the scope of the present disclosure in any way. Rather, 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.

[0130] Those skilled in the art will appreciate that the embodiments of the present disclosure may be implemented as a system, apparatus, device, method, or computer program product. Therefore, the present disclosure may be implemented in the following forms: entirely in hardware, entirely in software (including firmware, resident software, microcode, etc.), or in a combination of hardware and software.

[0131] According to an embodiment of the present disclosure, an interactive control method, an interactive control device, a computer-readable storage medium, and an electronic device are provided.

[0132] In this document, any number of elements in the drawings is for illustration and not for limitation, and any naming is for distinction only and does not have any limiting meaning.

[0133] The principles and spirit of the present disclosure are described in detail below with reference to several representative embodiments of the present disclosure. SUMMARY OF THE INVENTION

[0135] The inventors have found that most current music playback applications mainly use portrait mode to design their user interfaces. Even if a landscape view is provided on large-screen devices, they often simply expand the interface layout without optimizing the corresponding interactive logic and operating experience for landscape usage scenarios.

[0136] In view of the above, the basic idea of the present disclosure is to provide an interactive control method, an interactive control device, a computer-readable storage medium, and an electronic device. On the one hand, when the device detects a user's display mode switching operation (for example, switching from portrait mode to landscape mode), it automatically adjusts the user interface layout to adapt to the new display orientation. This design enhances the application's adaptability to different usage scenarios and ensures that no matter how the user holds the device, they can obtain the best visual and operational experience. On the other hand, after switching to the second display mode (i.e., landscape mode), the first music interface is dynamically adjusted and displayed based on the current environmental perception image, which means that the interface can be intelligently adjusted according to the user's actual usage environment, thereby providing the user with a more personalized visual presentation and improving user engagement and satisfaction. On the other hand, based on the music interactive operation, interactive control can be performed in the first music interface, which can create a more immersive music enjoyment experience in landscape mode, allowing users to not only enjoy high-quality audio content, but also get a full range of feelings through visual and tactile interaction, enhancing the overall entertainment experience, thereby providing a more natural, efficient, and immersive music playback interactive experience for the landscape mode of smart terminals.

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

[0138] Application Scenario Overview

[0139] It should be noted that the following application scenarios are only provided to facilitate understanding of the spirit and principles 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.

[0140] The embodiments of the present disclosure support providing a more natural, efficient and immersive music playback interactive experience for horizontal screen usage scenarios. For example, in a music app, when the system detects a display mode switching command initiated by the user in the vertical screen display mode, it switches the display mode from vertical screen to horizontal screen. In the horizontal screen display mode, the first music interface adapted to the horizontal screen mode is dynamically adjusted and displayed based on the image or information perceived by the surrounding environment. In this way, users can implement functions such as music selection and playback control based on intuitive music interaction operations in the first music interface, which greatly enhances the user's interactive experience and allows them to enjoy a richer and more personalized music listening time.

[0141] Exemplary Methods

[0142] An exemplary embodiment of the present disclosure first provides an interactive control method. Figure 1 The flow chart of the interactive control method in the embodiment of the present disclosure is shown, which may include the following steps S110 to S130:

[0143] In step S110 , in response to detecting a display mode switching operation in the first display mode, switching to the second display mode is performed.

[0144] In this step, when the user's display mode switching operation is detected in the first display mode, it can be switched to the second display mode. The first display mode may include a portrait mode, and the second display mode may include a landscape mode. In the first display mode, the music playback interface is distributed up and down, and generally includes two main view styles. One is a style in which the upper side is used to display a vinyl turntable for records, and the lower side is used to display music playback controls. The other is a style in which the upper side displays lyrics information, and the lower side displays music playback controls. In the second display mode, the music playback interface may be a style that combines left-right distribution and top-down distribution. For example, the left-right distribution may be a style in which the left side displays a vinyl turntable for records, and the right side displays music playback controls. The top-down distribution may be a style in which the upper side displays music information, lyrics information, or music review information, and the lower side displays music playback controls.

[0145] The display mode switching operation may include: adjusting the orientation of the smart terminal, such as rotating the smart terminal from portrait to landscape, or triggering a preset display mode switching control, such as a button or icon specifically designed to switch the display mode (from portrait to landscape or vice versa) in a music playback application. The user simply activates this control (e.g., by single-clicking, double-clicking, or long-pressing) to manually switch the display mode without actually changing the physical orientation of the smart terminal.

[0146] For example, the aforementioned intelligent terminals refer to electronic devices that possess computing capabilities, can run operating systems and applications, and typically have Internet connectivity. These devices can connect to various services via the internet, enabling users to perform various interactive operations such as information search, entertainment, and communication. Examples include smartphones, tablet computers, smartwatches with display screens, laptop computers, and two-in-one tablet devices. These devices can be customized based on actual circumstances and are not specifically limited in this disclosure.

[0147] In an optional embodiment, operation guidance information may be displayed in the first display mode, and the operation guidance information is used to guide the user to perform a display mode switching operation. Furthermore, if the above display mode switching operation is detected, the second display mode may be switched.

[0148] Exemplary, reference Figure 2 , Figure 2 FIG. 1 shows an interface diagram of displaying operation guidance information and preset display mode switching controls in the first display mode in an embodiment of the present disclosure, such as Figure 2 As shown, when it is detected that the user has not yet used landscape mode, the user can display the following operation guidance information and the preset display mode switching control. The operation guidance information can be "Classic Vinyl supports landscape mode. You can later manually enter landscape playback mode by rotating the phone, setting, or the main interface menu." The preset display mode switching control can be the "Try it Now" control in the figure. When the user clicks the "Try it Now" control, the user can switch to landscape mode. "Classic Vinyl" generally refers to a theme or skin in its interface design, inspired by traditional vinyl records. Vinyl records are one of the main music storage media of the 20th century, carrying many classic musical works and possessing a strong sense of retro nostalgia and cultural significance. In the center of the record is a circular area called the "label," which is printed with the record company logo, record title, artist name, and copyright information, and sometimes also includes track listings and recording information. Most vinyl records are round, but there are exceptions, such as special edition records in heart shape or other customized shapes. These can be customized according to actual circumstances and are not specifically limited in this disclosure.

[0149] In an optional embodiment, the present disclosure may also support automatic switching of display modes. For example, when a user is currently listening to music in portrait mode, it may automatically trigger switching to the landscape mode corresponding to the current interface content. This may be set according to actual conditions, and the present disclosure does not impose any special restrictions on this.

[0150] Next reference Figure 1 In step S120, in the second display mode, the first music interface is displayed according to the current environmental perception image.

[0151] In this step, it should be noted that after entering the second display mode, in an optional implementation, the front or rear camera can be directly opened to collect the user's current environmental perception image, or the user can be asked to apply for permission to turn on the camera. After obtaining permission, the front or rear camera is opened, and the system's underlying API (such as Android's Camera2, iOS's AVCaptureSession) is used to collect the user's current environmental perception image in real time. Then, the current environmental perception image is projected as a dynamic background under the player UI background layer to generate and display the first music interface.

[0152] In an optional embodiment, referring to Figure 3 , Figure 3 A schematic diagram of a process for displaying a first music interface according to a current environment perception image in the second display mode in an embodiment of the present disclosure is shown, including steps S301 and S302:

[0153] In step S301, in the second display mode, the starting music interface is displayed.

[0154] In this step, in the second display mode, the starting music interface can be displayed first. The view style of the starting music interface can include a background and a foreground of a "left-right structure", that is, the foreground can be a left-right structure, with record information (for example: record cover, album cover, musician image, etc.) on the left, and music information (for example: album information, lyrics information, etc.) and music playback controls (for example: pause, song switching controls, etc.) on the right. The background can be a gradient background generated based on the record information in the foreground or a solid color background set by the user. It can be set according to actual conditions, and this disclosure does not make any special restrictions on this. For example, you can refer to Figure 4 , Figure 4 The following diagrams illustrate three interfaces corresponding to the initial music interface in the embodiments of the present disclosure, specifically illustrating the initial music interface for the classic vinyl turntable, square cover, and youth color vinyl turntable. The album information can also be customized based on actual circumstances, and this disclosure does not impose any specific restrictions. This initial music interface is suitable for users' daily listening scenarios, featuring balanced information display and convenient playback control.

[0155] It should be noted that if the user browses the album information displayed on the left side of the starting music interface (which can be a left or right sliding operation), the album information on the left will shift in the direction of the user's sliding, thereby switching to the previous / next music. Figure 5 , Figure 5The diagram shows an interface diagram in which the record information on the left side shifts in the direction of the user's sliding when the record browsing operation is detected in an embodiment of the present disclosure. Specifically, the diagram shows a diagram in which the record information portion shifts to the left area of the screen. It should be noted that, under the record browsing operation, if the switch is successful, the view style of the initial music interface can be retained, and the record information and lyrics information will only be updated according to the music after the switch.

[0156] It should be noted that the present disclosure also provides an immersive audio-visual interface suitable for listening to music scenes with lyrics or atmosphere. The immersive audio-visual interface can be a top-down structure. The upper side can display music information (for example, album information, lyrics information, etc.), lyrics animation (for example, lighting effects related to lyrics, or, when the music is about snow, it can be snowing scene effects; when the music is about flames, it can be a burning fire animation, which can be set according to actual conditions) or song commentary information (for example, heart-warming music reviews), and the lower side can display music playback controls. For example, a scene switching control can be provided in the above-mentioned starting music interface to switch from the above-mentioned starting music interface to the immersive audio-visual interface. You can refer to Figure 6 , Figure 6 Three schematic diagrams of the immersive audiovisual interface in the disclosed embodiments are shown, specifically when the music information is highlighted and magnified with lyrics and animated lyrics, animated lyrics, and a heart-warming music review. This immersive audiovisual interface is suitable for listening to music before bed or in a trance. In these scenarios, the music playback controls can be hidden, providing a purely visually immersive experience.

[0157] Next reference Figure 3 In step S302, in response to the music selection triggering operation for the starting music interface, the first music interface is displayed according to the current environment perception image.

[0158] In this step, if a music selection trigger operation is detected for the initial music interface, the first music interface can be displayed based on the current environmental perception image. The music selection trigger operation can be a click, long press, or long press and left / right swipe operation on the album information displayed on the left side of the initial music interface. The current environmental perception image refers to a real-time image of the user's surroundings captured by the smart terminal's sensors (such as a camera, light sensor, etc.).

[0159] refer to Figure 7 , Figure 7 The flowchart of how to display the first music interface according to the current environment perception image in the embodiment of the present disclosure includes steps S701 to S703:

[0160] In step S701 , the record models are arranged according to a preset layout pattern to generate a record layout array.

[0161] In this step, the record models can be arranged according to a preset layout style to generate a record layout array. A record model refers to a visual representation constructed based on the style and cover image of a physical record, aiming to accurately replicate the unique appearance and texture of a physical record in a digital environment. Through high-fidelity cover images and meticulous style design simulations, this record model ensures that users can enjoy the visual and sensory effects of touching a physical record while enjoying the convenience of digitalization. A record layout array refers to a visual display format created by orderly or creatively arranging and combining multiple record models according to a preset layout style. This arrangement not only takes into account aesthetics and user experience, but also aims to digitally recreate the display and tactile experience of a physical record.

[0162] The above-mentioned preset layout styles may include any of the following:

[0163] ① The first layout style, which may include a three-dimensional space array style with preset display effects, which may present a three-dimensional flipping visual effect. Exemplarily, the preset display effects may be perspective effects, or light and shadow effects, blur effects, etc., which may be set according to actual conditions, and the present disclosure does not make any special restrictions on this; the three-dimensional space array style may be a three-dimensional arch bridge arrangement style, a spiral arrangement style, a fan-shaped expansion style, etc., which may be set according to actual conditions, and the present disclosure does not make any special restrictions on this. Exemplarily, you may refer to Figure 8 , Figure 8 An interface schematic diagram of the first layout style in an embodiment of the present disclosure is shown, specifically a schematic diagram of the above-mentioned three-dimensional arch bridge arrangement style.

[0164] ② The second layout style may include a horizontal array style. The horizontal array style may be arranged in parallel with equal spacing, that is, the distance between any two adjacent record models is equal. Optionally, the distance between any two adjacent record models may also be randomly set to unequal distances. It can be set according to actual conditions. This disclosure does not specifically limit this. The currently playing music is located in the center of the screen, and the left and right sides are the record models of the upper and lower adjacent music pieces of the currently playing music. For example, you can refer to Figure 9 , Figure 9 A schematic diagram of an interface of a second layout style in an embodiment of the present disclosure is shown, specifically a schematic diagram of the above-mentioned horizontal array style.

[0165] ③ The third layout style may include an irregular distribution style. In this irregular distribution style, various record models (representing album covers or other music-related elements) are randomly or seemingly randomly distributed on the interface, imitating the effect of records being randomly placed on a table or other flat surface in the real world, making each record model appear to be placed independently, increasing the realism and affinity of the interface. For example, you can refer to Figure 10 , Figure 10 An interface schematic diagram of the third layout style in an embodiment of the present disclosure is shown, specifically a schematic diagram of the above-mentioned irregular distribution style.

[0166] Next reference Figure 7 In step S702, light and shadow rendering is performed on the record layout array to obtain a record layout rendering array.

[0167] In this step, light and shadow rendering can be performed on the record layout array to obtain a record layout rendering array. Exemplarily, light and shadow rendering can be performed on the record layout array based on the ambient light in the current environmental perception image to obtain a record layout rendering array. Light and shadow rendering is a computer graphics technology that generates realistic lighting effects by applying light sources to virtual objects. In this context, this means adjusting the light and dark contrast, shadow position, and reflection effects of each record model based on the lighting information in the environmental perception image, so that these digitally constructed record models appear to be real in the user's current environment.

[0168] In an optional embodiment, graphics processing unit (GPU) acceleration technology can be used to improve rendering efficiency and quality for the light and shadow rendering process of the record layout array. By taking advantage of the parallel processing capabilities of the GPU, complex light and shadow effect calculations can be completed efficiently in a short time, thereby enhancing the realism and delicacy of the visual presentation. After the rendering is completed, in order to optimize system resource management, a delayed loading strategy can be implemented for the rendered record layout array. Specifically, the actual loading timing of these layouts can be dynamically adjusted according to the user's browsing behavior and interface interaction status, and they are only loaded when the relevant view is about to enter the user's visible area. At the same time, combined with the memory monitoring mechanism, the memory space occupied by record models that are no longer needed or temporarily not displayed can be released in a timely manner to achieve dynamic management and optimization of memory usage. This method not only improves the responsiveness and smoothness of the application, but also effectively reduces unnecessary memory consumption, thereby enhancing the stability and performance of the overall system.

[0169] In step S703, the record layout rendering array is projected into the current environmental perception image to generate and display a first music interface.

[0170] In this step, after obtaining the record layout rendering array, the AR (Augmented Reality, a technology that superimposes virtual information on the real world. Through this technology, computer-generated images, data or other virtual objects can be added to the user's real-world vision in real time, thereby providing a mixed virtual and real-world experience) rendering capability can be used to project the above-mentioned record layout rendering array into the current environmental perception image to generate and display the first music interface. Specifically, a computer vision algorithm can be used to perform in-depth analysis of the environmental perception image, identify the best area for virtual object placement, and establish a corresponding three-dimensional space mapping. Then, through precise spatial coordinate transformation, the record layout rendering array is projected to the selected position. Finally, with the help of mixed reality technology, the record layout rendering array is naturally integrated with the actual background to ensure that the transition between the record layout rendering array and the real environment is smooth and realistic.

[0171] In an optional embodiment, an object surface, such as a desktop, floor, or wall, can be identified in the current environmental perception image. The record layout rendering array can then be projected onto the object surface to generate and display the first music interface. This allows for a more seamless and natural integration of the record layout rendering array with the real environment.

[0172] Next reference Figure 1 In step S130, interactive control is performed in the first music interface according to the music interactive operation.

[0173] In this step, the user can perform music interaction operations to perform interactive control in the first music interface.

[0174] First, the specific implementation method of how to perform interactive control in the first music interface when the preset layout style adopts the first layout style is described:

[0175] In an optional embodiment, referring to Figure 11 , Figure 11 A flow chart showing how to perform interactive control in the first music interface when the preset layout style adopts the first layout style in the embodiment of the present disclosure is shown, including steps S1101 to S1103:

[0176] In step S1101, according to the operation direction of the record switching operation acting on the first music interface, each record model in the record layout array is controlled to scroll smoothly according to the pre-configured animation trajectory to switch the currently selected record model.

[0177] In this step, each record model in the record layout rendering array can be controlled to smoothly scroll along a pre-configured animation trajectory based on the direction of the record switching operation applied to the first music interface, thereby switching the currently selected record model. Based on this embodiment, the present disclosure can simulate the three-dimensional effect of flipping a real record, enhancing the smoothness and depth of interface switching.

[0178] Wherein, the above-mentioned record switching operation can be a sliding browsing operation for the record models in the record layout rendering array, thereby, the position of each record model in the record layout rendering array can be dynamically adjusted according to the operation direction of the sliding browsing operation, so as to control each record model in the record layout rendering array to smoothly scroll according to a pre-configured animation trajectory. Exemplarily, each record model in the record layout rendering array can be controlled to smoothly rotate relative to a preset vertical axis according to the operation direction of the record switching operation, so as to dynamically adjust the position of each record model in the record layout rendering array. Wherein, the above-mentioned preset vertical axis can be a pre-defined vertical axis passing through the center point of each record model, and this axis can be along the Y-axis direction of the global coordinate system (assuming that the device is in a standard position), but it can also be adjusted according to actual conditions, and the present disclosure does not make special limitations on this.

[0179] In an optional embodiment, when each record model is not rotated into a preset focus area, the record model can be displayed with a tilted viewing angle. Exemplarily, the preset focus area can be the center of the screen. Thus, non-centered record models can be tilted slightly inward or outward relative to the screen, while the currently centered record model faces the user. When each record model is rotated into the preset focus area, the tilted viewing angle can be canceled and the record model can be visually enhanced. Visual enhancement refers to using a series of image processing techniques to improve or emphasize the record model in the preset focus area, making it more prominent and conspicuous. Exemplarily, this visual enhancement can include contrast adjustment, brightness adjustment, color correction, special effects addition, brightness or size increase, and other processes to highlight the record model currently in the center of the screen.

[0180] In step S1102, in response to a release operation corresponding to the record switching operation, the record model located in the preset focus area on the first music interface is determined as the currently selected first target record model.

[0181] In this step, when a release operation corresponding to the above-mentioned record switching operation is detected (for example, the user releases his hand to cancel the sliding browsing operation), the record model located in the preset focus area on the first music interface, that is, the central area of the screen, can be determined as the currently selected first target record model.

[0182] In an optional embodiment, after the record model located in the preset focus area on the first music interface is determined as the currently selected first target record model, the record models other than the first target record model on the first music interface may be visually weakened. The visual weakening process refers to reducing the visual appeal of elements other than the selected target through a series of image processing techniques, thereby focusing more on the target selected by the user. Specifically, the process may be a process in which the image gradually fades out or gradually blurs until it disappears, or a process in which the color saturation gradually decreases. This can be set according to actual circumstances and is not specifically limited in this disclosure. Alternatively, the record models other than the first target record model on the first music interface may be progressively shifted. The progressive shifting process refers to gradually adjusting the positions of the record models other than the selected first target record model, thereby changing the positions of the non-target record models to highlight the first target record model selected by the user while maintaining the overall coordination and aesthetics of the interface. Specifically, the other record models may be controlled to gradually retract to both sides of the record rendering layout array to complete a smooth transition, thereby making the song switching process visually coherent.

[0183] Exemplary, reference Figure 12 , Figure 12 A schematic diagram showing a visual reduction process for other record models except the first target record model on the first music interface in an embodiment of the present disclosure is shown. Figure 12 It can be seen that after visual attenuation, the overall brightness of the other record models decreases, making them appear dimmer than the selected first target record model.

[0184] Next reference Figure 11 In step S1103, the target record model is displayed with a first preset animation effect, and the first target music corresponding to the first target record model is played.

[0185] In this step, the target record model can be displayed with a first preset animation effect, and the first target music corresponding to the first target record model can be played. The first preset animation effect can be a "floating" effect, and then the view style of the initial playback interface can be jumped to play the first target music corresponding to the first target record model. Figure 13 , Figure 13 A schematic diagram of playing the first target music corresponding to the first target record model in an embodiment of the present disclosure is shown. It should be noted that when jumping to the starting playback interface to play the first target record model, the playback control controls can be set to be displayed in a manner of "gradually sliding from outside the screen to below the lyrics".

[0186] Optionally, you can also set the playback controls to appear as a floating control bar. A floating control bar is a navigation or control element in user interface design that remains visible and accessible at all times. It's typically located at the edge of the screen (such as the top, bottom, or side) and doesn't disappear as the page scrolls. The floating control bar is designed to enhance the user experience by allowing users to quickly access commonly used functions or navigation options without having to scroll back to a specific area of the page.

[0187] Optionally, when playing the first target music corresponding to the above-mentioned first target record model, a background switching control can also be provided to support the user to switch the interface background to the above-mentioned current environment perception image. It can be set according to actual conditions, and this disclosure does not make any special restrictions on this.

[0188] Next, a specific implementation method of how to perform interactive control in the first music interface when the preset layout style adopts the second layout style is described:

[0189] In an optional embodiment, referring to Figure 14 , Figure 14 A flow chart showing how to perform interactive control in the first music interface when the preset layout style adopts the second layout style in the embodiment of the present disclosure is shown, including steps S1401 and S1402:

[0190] In step S1401, according to the operation direction of the record switching operation acting on the first music interface, each record model in the record layout rendering array is controlled to move horizontally to switch the currently selected record model.

[0191] In this step, when the direction of the record switching operation on the first music interface is detected, each record model in the record layout rendering array is controlled to move horizontally to smoothly switch the currently selected record model following the user's gesture. The record switching operation may be a sliding browsing operation on the record models in the record layout rendering array. Thus, each record model in the record layout rendering array may be controlled to move horizontally according to the direction of the sliding browsing operation to switch the currently selected record model.

[0192] For example, you can refer to Figure 15 , Figure 15 The diagram shows how to perform a record switching operation under the second layout style in an embodiment of the present disclosure, specifically showing a diagram when the record switching operation is a left-right sliding browsing operation on a record model in the record layout rendering array.

[0193] Next reference Figure 14In step S1402, when each record model moves into a preset focus area, music information associated with the record model is displayed.

[0194] In this step, when each record model moves to the preset focus area (which can be the central area of the screen), the music information associated with the record model can be displayed, where the music information can include basic music information (for example: music name, album name, etc., which can be set according to actual conditions, and this disclosure does not make special restrictions on this) and basic musician information (for example: singer information, singer nationality, etc., which can be set according to actual conditions, and this disclosure does not make special restrictions on this).

[0195] In an optional embodiment, in response to a selection operation (e.g., a click operation or a double-click operation, which can be set according to actual conditions) of the second target record model in the record layout rendering array, the view style of the above-mentioned starting music interface can be jumped to, and the second target music corresponding to the second target record model can be played. Figure 16 , Figure 16 A schematic diagram of playing the second target music corresponding to the second target record model in an embodiment of the present disclosure is shown. As can be seen from the figure, the record information of the second target music can be displayed on the left, and the lyrics information and music playback control information of the second target music can be displayed on the right.

[0196] In an optional implementation, on the first music interface, if the user has not selected any music, the user can click a blank area to return to the starting music interface corresponding to the previously selected music.

[0197] Next, a specific implementation method of how to perform interactive control in the first music interface when the preset layout style adopts the third layout style is described:

[0198] In an optional embodiment, referring to Figure 17 , Figure 17 A flow chart showing how to perform interactive control in the first music interface when the preset layout style adopts the third layout style in the embodiment of the present disclosure includes steps S1701 to S1703:

[0199] In step S1701, in response to a posture tilt operation applied to the smart terminal, posture tilt data of the smart terminal is acquired.

[0200] In this step, the user can perform posture tilt operations on the smart terminal, such as tilting or flipping the smart terminal to adjust the posture of the smart terminal. Thus, the posture tilt data of the smart terminal can be obtained using the gyroscope / accelerometer built into the smart terminal. For example, the posture tilt data refers to information describing the tilt state of an object in its three-dimensional space. The posture tilt data may include tilt direction and tilt amplitude, wherein the tilt direction refers to the direction in which the smart terminal deviates from its initial or standard vertical (or horizontal) position, and the tilt amplitude refers to the degree of tilt of the smart terminal, that is, the angle of deviation from the vertical or horizontal position, which is usually measured in degrees (degrees or radians), and other units can also be used according to application requirements.

[0201] In step S1702 , gravity simulation data is determined based on the posture tilt data.

[0202] In this step, gravity simulation data can be determined based on the posture tilt data. Specifically, the gravity simulation data can include the direction and intensity of gravity. Therefore, the direction of gravity can be simulated according to the tilt direction in the above posture tilt data, and the intensity of gravity can be simulated according to the tilt amplitude in the above posture tilt data.

[0203] In step S1703, the display position of each record model in the record layout rendering array is dynamically changed according to the gravity simulation data.

[0204] In this step, the display position of each record model in the record layout rendering array can be dynamically changed based on the gravity simulation data. For example, when the smart terminal tilts significantly to the right, the virtual record can slide rapidly toward the right side of the screen. When the smart terminal tilts slightly to the left, the virtual record can slide slowly toward the left side of the screen. Furthermore, during the sliding process, the record model at the bottom can slide first, followed by the record model at the top.

[0205] In an optional embodiment, each record model in the record layout rendering array can be controlled to change position according to a preset position change special effect based on the gravity simulation data to update the display position of each record model in the record layout rendering array, wherein the above-mentioned preset position change special effect may include at least one of the following: a sliding special effect (when a gravity change is detected, the record model will move smoothly along a specific path to simulate the behavior of the record model rolling or sliding on an inclined plane, so that the record model looks like it is moving naturally under the influence of gravity), a collision special effect (when two record models are close and may collide, the system will calculate an appropriate collision response based on the physics engine, such as changing the direction or speed of movement, or even generating sound feedback) and a superposition special effect (when the positions of two record models overlap, the system can superimpose them together), so that the whole process has realistic physical effects, making the interface more interesting and realistic, as if a real object is moving on an inclined plane.

[0206] Exemplary, reference Figure 18 , Figure 18 A schematic diagram showing the display position of each record model in the record layout rendering array under the first position tilt data in the embodiment of the present disclosure is shown. Figure 18 It can be seen that the smart terminal is in a horizontal position, so the record models are arranged in a horizontal stacking manner. After the smart terminal tilts to the upper right, the record models will move to the lower right. For details, please refer to Figure 19 , Figure 19 A schematic diagram showing the display position of each record model in the record layout rendering array when the smart terminal is tilted to the upper right in an embodiment of the present disclosure is shown. Figure 18 and Figure 19 As can be seen, the present disclosure dynamically adjusts the display position of each record model in the record layout rendering array based on the smart terminal's positional tilt data. Specifically, when the smart terminal tilts from horizontal to the upper right, the record model moves to the lower right, creating a natural scrolling effect. This process not only improves the intuitiveness and convenience of the user experience, but also enhances the realism and immersion of the interface through physical simulation and intelligent layout algorithms.

[0207] In an optional embodiment, when a selection operation (for example, a click, double-click, or long press operation) is detected for a third target record model in the record layout rendering array, the third target record model can be displayed with a second preset animation effect (for example, a pop-up animation that jumps out of a messy stack), and then jumps to the starting music interface and plays the third target music corresponding to the third target record model.

[0208] In an optional embodiment, for the first music interface when the record layout rendering array is any of the three layout styles mentioned above, the present disclosure also provides a solution for changing the perspective of the current display content of the first music interface. Specifically, the perspective change operation for the smart terminal can be detected, and then the current visual array segment on the first music interface can be synchronously changed according to the perspective change operation. The perspective change operation can be for the movement or tilt operation of the smart terminal. When the smart terminal moves or tilts, the current perception picture captured by the camera will change accordingly. Figure 20 , Figure 20 A schematic diagram showing how to transform the viewing angle of the current display content of the first music interface in an embodiment of the present disclosure is shown. Figure 20 As shown, the user can move the mobile smart terminal 360 degrees in the actual scene, so that the current environmental perception image in the first music interface will change dynamically. In addition, the current visible array segment will also change dynamically. For example, when the camera moves to the left, assuming that the current visible array segment on the first music interface displays virtual album 3-4-5, then the current visible array segment can be changed to 2-3-4 to simulate the effect of the user's line of sight moving to the left; when the camera moves to the right, the current visible array segment can be changed to 4-5-6 to simulate the effect of the user's line of sight moving to the right. Optionally, when the camera moves upward, assuming that the current visible array segment on the first music interface displays virtual album 3-4-5, then virtual album 3-4-5 can be moved slightly from the center of the screen to the bottom of the screen to simulate the effect of the user's line of sight moving upward; and when the camera moves downward, virtual album 3-4-5 can be moved slightly from the center of the screen to the top of the screen to simulate the effect of the user's line of sight moving downward. Both can be set according to actual conditions and are not specifically limited in this disclosure.

[0209] In an optional embodiment, the present disclosure also provides a function for saving or sharing the captured screen corresponding to the first music interface. Specifically, if a screen capture operation for the first music interface is detected, such as a screenshot or screen recording operation, the captured screen corresponding to the first music interface can be generated through the system screenshot / screen recording API (such as ReplayKit of iOS, MediaProjection of Android), and then, if a save operation for the captured screen is detected, the captured screen can be saved to a specified storage location (for example, a local photo album of the terminal or a folder); if a share operation for the captured screen is detected, the captured screen can be shared to a specified user (for example, the user's instant messaging user).

[0210] In an optional embodiment, the present disclosure also provides a function of interactive control in a virtual reality scene. Specifically, the first music interface can be rendered to the virtual reality scene corresponding to the virtual reality device worn by the user; according to the music interactive operation, interactive control is performed in the virtual reality scene. Among them, virtual reality (VR) is a fully immersive experience that makes users feel like they are in another world through a simulated environment. This environment can be a reconstruction based on the real world, or it can be a completely fictional space. The above-mentioned virtual reality device can be VR glasses, VR helmets, etc., which can be selected according to actual conditions, and the present disclosure does not make special restrictions on this. The above-mentioned music interactive operation can be the head movement of the user after wearing the virtual reality device, or it can be the gesture movement of the user in the above-mentioned virtual reality scene, both of which can be set according to actual conditions, and the present disclosure does not make special restrictions on this.

[0211] In an optional embodiment, in addition to the first music interface, the present disclosure further provides a second music interface and a third music interface. Each music interface may display an interface switching control, and based on the interface switching operation (e.g., click, double-click, or long press operation) acting on the interface switching control, quick switching between any two music interfaces may be achieved, for example, switching from the first music interface to the second music interface, from the second music interface to the third music interface, or from the first music interface to the third music interface, etc., which can be set according to actual conditions and is not specifically limited in the present disclosure.

[0212] refer to Figure 21 , Figure 21 A schematic diagram of the interface switching control in the embodiment of the present disclosure is shown, specifically showing that the interface switching control can be an interface switching control X. After detecting the interface switching operation acting on the interface switching control X, a small icon 1 referring to the first music interface, a small icon 2 referring to the second music interface, and a small icon 3 referring to the third music interface can be further displayed. Thus, the user can select the target small icon to be switched from the above three small icons by clicking, thereby realizing fast switching of the music interface. For example, assuming that the first music interface is currently displayed, after the user clicks on the small icon 2, it can be switched to the second music interface. Assuming that the second music interface is currently displayed, after the user clicks on the small icon 3, it can be switched to the third music interface.

[0213] Therefore, the present disclosure also provides an interactive control process for the second music interface and the third music interface.

[0214] The following first describes the interactive control process for the second music interface in this disclosure. Figure 22 , Figure 22A flow chart of the interactive control process for the second music interface in an embodiment of the present disclosure is shown, including steps S2201 and S2202:

[0215] In step S2201, in response to the interface switching operation, a second music interface is displayed based on the record model and the associated image of the record model.

[0216] In this step, when an interface switching operation is detected, for example, when a click operation on the small icon 2 is detected on the first music interface, the second music interface can be displayed based on the record model and the associated image of the record model. Among them, the associated image of the record model refers to the visual content related to the specified record model. For example, the specified record model can be the record model associated with the currently playing music, or it can be a record model that the user briefly stops at during the sliding browsing process. It can be set according to actual conditions, and this disclosure does not make special restrictions on this. The above-mentioned associated images can be album covers, record covers, singer / band photos, MV dynamic videos, concert or event posters, personalized pictures set for the currently playing music, etc., and can be set according to actual conditions, and this disclosure does not make special restrictions on this.

[0217] In an optional embodiment, the record models can be arranged according to a preset layout style to generate a record layout array, and then the record cover of the specified record model can be Gaussian blurred to obtain a blurred image. After that, the record layout array can be used as the foreground layer and the blurred image can be used as the background layer to generate and display a second music interface.

[0218] Gaussian blurring refers to blurring an image using a Gaussian function. This blurring effect is achieved by calculating the weighted average of each pixel and its surrounding pixels, where the weights are determined by the Gaussian function. The Gaussian function is characterized by being highest at the center and gradually decreasing with distance from the center, forming a smoothly descending "bell-shaped" curve. In Gaussian blurring, the color value of each pixel in the image is recalculated based on a certain weight based on the values of the pixels around it. Because this process takes into account the spatial relationship and distance between pixels, it can produce a natural, smooth blurring effect, rather than a simple uniform blur.

[0219] In an optional embodiment, the record models can be arranged according to a preset layout style to generate a record layout array, and the record layout array can be rendered with light and shadow to obtain a record layout rendering array. Afterwards, the record cover of the specified record model can be Gaussian blurred to obtain a blurred image. Finally, the record layout rendering array can be used as the foreground layer and the blurred image as the background layer to generate and display a second music interface.

[0220] The specific explanation of the above-mentioned preset layout style can be referred to the above-mentioned step S701, which will not be repeated here.

[0221] In step S2202, interactive control is performed in the second music interface according to the music interactive operation.

[0222] In this step, the interactive control process for the second music interface under each layout style can refer to the relevant explanation of the above step S130, which will not be repeated here.

[0223] In an optional embodiment, the present disclosure also provides a function of interactive control in a virtual reality scene. Specifically, the second music interface can be rendered to the virtual reality scene corresponding to the virtual reality device worn by the user; according to the music interactive operation, interactive control is performed in the virtual reality scene. Among them, virtual reality (VR) is a fully immersive experience that makes users feel like they are in another world through a simulated environment. This environment can be a reconstruction based on the real world, or it can be a completely fictional space. The above-mentioned virtual reality device can be VR glasses, VR helmets, etc., which can be selected according to actual conditions, and the present disclosure does not make special restrictions on this. The above-mentioned music interactive operation can be the head movement of the user after wearing the virtual reality device, or it can be the gesture movement of the user in the above-mentioned virtual reality scene, both of which can be set according to actual conditions, and the present disclosure does not make special restrictions on this.

[0224] Exemplary, reference Figure 23 , Figure 23 A schematic diagram of the screen formed after rendering the second music interface into a virtual reality scene in an embodiment of the present disclosure is shown. Specifically, a schematic diagram of the screen formed after rendering the second music interface into a virtual display scene is shown when the record layout array adopts the first layout array. Thus, the user can perform music interaction operations in the virtual display scene, thereby achieving immersive music interactive control.

[0225] The following is an explanation of the interactive control process for the third music interface in this disclosure. Figure 24 , Figure 24 A flow chart of the interactive control process for the third music interface in an embodiment of the present disclosure is shown, including steps S2401 and S2402:

[0226] In step S2401, in response to the interface switching operation, the third music interface is displayed based on the record model and the associated image of the record model.

[0227] In this step, when an interface switching operation is detected, for example, when a click operation on the small icon 3 is detected on the first music interface or the second music interface, the third music interface can be displayed based on the album model and the image associated with the album model. The image associated with the album model refers to visual content related to the music piece being played. For example, it can be an album cover, record cover, singer / band photo, music video, concert or event poster, personalized image set for the specified album model, etc., which can be customized according to actual circumstances and is not specifically limited in this disclosure.

[0228] In an optional embodiment, the record models can be arranged according to a preset layout style to generate a record layout array. Afterwards, the color information corresponding to the associated image of the record model can be extracted, and a color transition image can be generated based on the color information. Then, the record layout array is used as the foreground layer and the color transition image is used as the background layer to generate and display a third music interface.

[0229] The associated image of the record model can be the associated images of some record models included in the visual array fragment currently displayed on the interface, or the associated images of all record models included in the record layout array, or the associated image of a specified record model (the specified record model can be the record model associated with the currently playing music, or it can be a record model that the user briefly stops at during the sliding browsing process. It can be set according to actual circumstances and is not specifically limited in this disclosure). The above-mentioned associated images can be album covers, record covers, singer / band photos, MV dynamic videos, concert or event posters, personalized pictures set for the currently playing music, etc., and can be set according to actual circumstances and is not specifically limited in this disclosure.

[0230] The color transition image can be a gradient image or a softened background image created by smoothing the color gradients based on the color information of the associated image. A smoothed background image is an image processed to reduce its sharpness and detail, making it appear softer and smoother. This processing method is often used to create a blurring effect to highlight foreground elements (such as text or icons) while providing a less glaring, more comfortable background for users.

[0231] In an optional embodiment, the record models can be arranged according to a preset layout style to generate a record layout array, and the record layout array can be rendered with light and shadow to obtain a record layout rendering array. Afterwards, the color information corresponding to the record cover of the specified record model is obtained, and a color transition image is generated based on the color information. Then, the record layout rendering array is used as the foreground layer, and the color transition image is used as the background layer to generate and display a third music interface.

[0232] The specific explanation of the above-mentioned preset layout style can be referred to the above-mentioned step S701, which will not be repeated here.

[0233] In step S2402, interactive control is performed in the third music interface according to the music interactive operation.

[0234] In this step, the interactive control process for the third music interface under each layout style can refer to the relevant explanation of the above step S130, which will not be repeated here.

[0235] In an optional embodiment, the present disclosure also provides a function of interactive control in a virtual reality scene. Specifically, the third music interface can be rendered to the virtual reality scene corresponding to the virtual reality device worn by the user; according to the music interactive operation, interactive control is performed in the virtual reality scene. Among them, virtual reality (VR) is a fully immersive experience that makes users feel like they are in another world through a simulated environment. This environment can be a reconstruction based on the real world, or it can be a completely fictional space. The above-mentioned virtual reality device can be VR glasses, VR helmets, etc., which can be selected according to actual conditions, and the present disclosure does not make special restrictions on this. The above-mentioned music interactive operation can be the head movement of the user after wearing the virtual reality device, or it can be the gesture movement of the user in the above-mentioned virtual reality scene, both of which can be set according to actual conditions, and the present disclosure does not make special restrictions on this.

[0236] In an optional embodiment, considering the performance or performance changes of the smart terminal, the present disclosure also provides an interface automatic switching mechanism. Figure 25 , Figure 25 The flowchart of the automatic interface switching mechanism in the embodiment of the present disclosure is shown, including steps S2501 and S2502:

[0237] In step S2501, the performance parameters of the smart terminal are acquired in real time.

[0238] In this step, the performance parameters of the smart terminal can be obtained in real time. These performance parameters are mainly used to measure the device's operating status, hardware performance, and the quality of the user experience. For example, these performance parameters may include CPU usage, memory usage, storage space, battery status, network conditions, camera resolution, etc. These parameters can be set based on actual conditions and are not specifically limited in this disclosure.

[0239] In step S2502, in response to the performance parameter not meeting the preset performance requirement, the first music interface is switched from the first music interface to the second music interface or the third music interface.

[0240] In this step, when the performance parameters of the smart terminal do not meet the preset performance requirements, the first music interface can be automatically switched to the second music interface or the third music interface. Exemplarily, performance requirements can be set (for example, CPU usage is greater than 80%, memory is greater than 80%, etc., which can be set according to actual conditions, and the present disclosure does not make special restrictions on this). Thus, when the performance parameters of the smart terminal do not meet the preset performance requirements (for example, CPU usage is not greater than 80%, memory is not greater than 80%), the first music interface can be automatically switched to the second music interface or the third music interface. Thus, the function of automatically adjusting the music interface when the performance of the smart terminal is insufficient can be effectively realized, which not only ensures that the basic functions of the application are not affected, but also provides a better user experience as much as possible, and is suitable for resource-constrained or changing mobile environments.

[0241] Based on the above technical solutions, the present disclosure has at least the following technical effects:

[0242] Improved music selection efficiency and visual enjoyment in landscape mode: By introducing advanced color extraction and transition image generation technology, this method significantly improves the efficiency of browsing and selecting music in landscape mode. This method not only speeds up the user's operation process, but also reduces visual fatigue caused by prolonged use by providing a more comfortable and natural viewing experience.

[0243] Diversified interface layouts to accommodate diverse user needs: Considering the diverse needs of users in different scenarios, this publication has designed a variety of interface layouts tailored to user behavior patterns. These layouts not only intelligently respond to user operating habits but also dynamically adjust based on real-time user needs, ensuring an optimal user experience.

[0244] Enhanced integration of the virtual interface and the physical environment in landscape mode: Leveraging innovative color analysis and gradient image generation technology, this application strengthens the visual connection between mobile device screen content and the surrounding real-world environment, creating a more immersive user experience. This design enhances user spatial awareness and interactivity, significantly increasing the app's enjoyment and appeal.

[0245] In summary, the present disclosure has achieved breakthrough progress in improving operational efficiency, improving visual experience, and enriching user interaction through in-depth optimization of horizontal screen usage scenarios, providing users with a more efficient, enjoyable and creative music appreciation platform.

[0246] Exemplary devices

[0247] After introducing the interactive control method of the exemplary embodiment of the present disclosure, next, Figure 26An interactive control device according to an exemplary embodiment of the present disclosure will be described.

[0248] Figure 26 FIG. 1 shows a schematic structural diagram of an interactive control device in an exemplary embodiment of the present disclosure; FIG. Figure 26 As shown, the interactive control device 2600 may include a mode switching module 2610, an interface display module 2620, and an interactive control module 2630.

[0249] A mode switching module 2610 is configured to switch to a second display mode in response to detecting a display mode switching operation in a first display mode; the first display mode includes a portrait mode, and the second display mode includes a landscape mode;

[0250] The interface display module 2620 is configured to display the first music interface according to the current environment perception image in the second display mode;

[0251] The interactive control module 2630 is used to perform interactive control in the first music interface according to music interactive operations.

[0252] In an optional embodiment, the mode switching module 2610 switches to the second display mode in response to detecting a display mode switching operation in the first display mode, including:

[0253] Displaying operation guidance information in the first display mode; the operation guidance information is used to guide the user to perform the display mode switching operation;

[0254] In response to the display mode switching operation, switching to the second display mode;

[0255] The display mode switching operation includes: a direction adjustment operation for the smart terminal, or a triggering operation for a preset display mode switching control.

[0256] In an optional embodiment, the interface display module 2620 displays the first music interface according to the current environment perception image in the second display mode, including:

[0257] In the second display mode, the starting music interface is displayed;

[0258] In response to a music selection trigger operation for the initial music interface, a first music interface is displayed according to the current environment perception image.

[0259] In an optional implementation, the interface display module 2620 displays the first music interface according to the current environment perception image, including:

[0260] Arranging the record models according to a preset layout pattern to generate a record layout array;

[0261] Performing light and shadow rendering on the record layout array to obtain a record layout rendering array;

[0262] The record layout rendering array is projected into the current environment perception image to generate and display the first music interface.

[0263] In an optional embodiment, the interface display module 2620 projects the record layout rendering array into the current environment perception image to generate and display the first music interface, including:

[0264] Identifying an object bearing surface in the current environment perception image;

[0265] The record layout rendering array is projected onto the object supporting surface to generate and display the first music interface.

[0266] In an optional embodiment, the preset layout style includes any one of the following:

[0267] A first layout pattern, the first layout pattern including a three-dimensional space array pattern with a preset display effect;

[0268] a second layout pattern, the second layout pattern comprising a horizontal array pattern;

[0269] A third layout pattern includes an irregular distribution pattern.

[0270] In an optional implementation, when the preset layout style is the first layout style;

[0271] The interactive control module 2630 performs interactive control in the first music interface according to the music interactive operation, including:

[0272] According to the operation direction of the record switching operation on the first music interface, each record model in the record layout rendering array is controlled to smoothly scroll according to a pre-configured animation trajectory to switch the currently selected record model;

[0273] In response to a release operation corresponding to the record switching operation, determining the record model located in a preset focus area on the first music interface as a currently selected first target record model;

[0274] The target record model is displayed with a first preset animation effect, and the first target music corresponding to the first target record model is played.

[0275] In an optional embodiment, the interaction control module 2630 controls each record model in the record layout rendering array to scroll smoothly according to a pre-configured animation trajectory based on the operation direction of the record switching operation on the first music interface, including:

[0276] According to the operation direction of the record switching operation, the position of each record model in the record layout rendering array is dynamically adjusted to control each record model in the record layout rendering array to scroll smoothly according to a pre-configured animation trajectory.

[0277] In an optional embodiment, the interaction control module 2630 dynamically adjusts the position of each record model in the record layout rendering array according to the operation direction of the record switching operation, including:

[0278] According to the operation direction of the record switching operation, each record model in the record layout rendering array is controlled to rotate smoothly relative to a preset vertical axis to dynamically adjust the position of each record model in the record layout rendering array.

[0279] In an optional implementation, the interaction control module 2630 is configured to:

[0280] When each record model has not been rotated into the preset focus area, displaying the record model at an angle;

[0281] When each record model rotates into the preset focus area, the viewing angle tilt display is canceled and visual enhancement processing is performed on the record model.

[0282] In an optional implementation, after determining the album model located in the preset focus area on the first music interface as the currently selected first target album model, the interaction control module 2630 is configured to:

[0283] Performing visual attenuation processing on other record models on the first music interface except the first target record model;

[0284] Alternatively, progressive shift processing is performed on the other record models on the first music interface except the first target record model.

[0285] In an optional implementation, when the preset layout style is the second layout style;

[0286] The interactive control module 2630 performs interactive control in the first music interface according to the music interactive operation, including:

[0287] According to the operation direction of the record switching operation acting on the first music interface, each record model in the record layout rendering array is controlled to move horizontally to switch the currently selected record model;

[0288] When each record model moves into a preset focus area, the music information associated with the record model is displayed; the music information includes basic music information and basic musician information.

[0289] In an optional implementation, the interaction control module 2630 is configured to:

[0290] In response to the selection operation of the second target record model in the record layout rendering array, jump to the starting music interface and play the second target music corresponding to the second target record model.

[0291] In an optional implementation, when the preset layout style is the third layout style;

[0292] The interactive control module 2630 performs interactive control in the first music interface according to the music interactive operation, including:

[0293] In response to a posture tilt operation applied to the smart terminal, obtaining posture tilt data of the smart terminal;

[0294] Determining gravity simulation data based on the posture tilt data; the posture tilt data includes tilt direction and tilt amplitude, and the gravity simulation data includes the direction and intensity of gravity;

[0295] The display position of each record model in the record layout rendering array is dynamically changed according to the gravity simulation data.

[0296] In an optional embodiment, the interactive control module 2630 dynamically changes the display position of each record model in the record layout rendering array according to the gravity simulation data, including:

[0297] Controlling each record model in the record layout rendering array to change position according to a preset position change special effect based on the gravity simulation data, so as to update the display position of each record model in the record layout rendering array;

[0298] The preset position change special effect includes at least one of the following: a sliding special effect, a collision special effect, and a superposition special effect.

[0299] In an optional implementation, the interaction control module 2630 is configured to:

[0300] In response to a selection operation on a third target album model in the album layout rendering array, displaying the third target album model with a second preset animation effect;

[0301] Jump to the starting music interface and play the third target music corresponding to the third target record model.

[0302] In an optional implementation, the interactive control module 2630 performs interactive control in the first music interface according to the music interactive operation, including:

[0303] According to the perspective transformation operation for the smart terminal, the current visual array segment on the first music interface is synchronously transformed in perspective.

[0304] In an optional implementation, the interaction control module 2630 is configured to:

[0305] In response to a screen capture operation for the first music interface, generating a capture screen corresponding to the first music interface;

[0306] If a save operation for the captured image is detected, the captured image is saved to a designated storage location;

[0307] If a sharing operation for the captured image is detected, the captured image is shared with a designated user.

[0308] In an optional implementation, after displaying the first music interface, the interaction control module 2630 is configured to:

[0309] Rendering the first music interface into a virtual reality scene corresponding to the virtual reality device worn by the user;

[0310] According to the music interactive operation, interactive control is performed in the virtual reality scene.

[0311] In an optional implementation, after displaying the first music interface according to the current environment perception image, the interaction control module 2630 is configured to:

[0312] In response to the interface switching operation, displaying a second music interface according to the record model and the associated image of the record model;

[0313] According to the music interactive operation, interactive control is performed in the second music interface.

[0314] In an optional implementation, the interaction control module 2630 displays the second music interface according to the album model and the associated image of the album model, including:

[0315] Arranging the record models according to a preset layout pattern to generate a record layout array;

[0316] Performing fuzzy processing on the album cover of the specified album model to obtain a fuzzy image;

[0317] The record layout array is used as the foreground layer and the blurred image is used as the background layer to generate and display the second music interface.

[0318] In an optional embodiment, after displaying the second music interface according to the album model and the associated image of the album model, the interaction control module 2630 is configured to:

[0319] Rendering the second music interface into a virtual reality scene corresponding to the virtual reality device worn by the user;

[0320] According to the music interactive operation, interactive control is performed in the virtual reality scene.

[0321] In an optional implementation, after displaying the first music interface according to the current environment perception image, the interaction control module 2630 is configured to:

[0322] In response to the interface switching operation, displaying a third music interface according to the record model and the associated image of the record model;

[0323] According to the music interactive operation, interactive control is performed in the third music interface.

[0324] In an optional implementation, the interaction control module 2630 displays a third music interface according to the album model and the associated image of the album model, including:

[0325] Arranging the record models according to a preset layout pattern to generate a record layout array;

[0326] Acquiring color information corresponding to the associated image of the record model, and generating a color transition image according to the color information;

[0327] The record layout array is used as the foreground layer and the color transition image is used as the background layer to generate and display the third music interface.

[0328] In an optional embodiment, after displaying the third music interface according to the album model and the associated image of the album model, the interaction control module 2630 is configured to:

[0329] Rendering the third music interface into a virtual reality scene corresponding to the virtual reality device worn by the user;

[0330] According to the music interactive operation, interactive control is performed in the virtual reality scene.

[0331] In an optional implementation, the interaction control module 2630 is configured to:

[0332] Obtain performance parameters of smart terminals in real time;

[0333] In response to the performance parameter not meeting the preset performance requirement, the first music interface is switched to the second music interface or the third music interface.

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

[0335] Exemplary Storage Media

[0336] The storage medium according to the exemplary embodiment of the present disclosure will be described below.

[0337] In this exemplary embodiment, the above method can be implemented by a program product, such as a portable compact disc read-only memory (CD-ROM) that includes program code and can be executed on a device, such as a personal computer. However, the program product of the present disclosure is not limited thereto. In this document, a readable storage medium can be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.

[0338] The program product can be implemented in any combination of one or more readable media. The readable medium can be a readable signal medium or a readable storage medium. The readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or component, or any combination thereof. More specific examples of readable storage media (a non-exhaustive list) include: an electrical connection with one or more wires, a portable disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof.

[0339] A computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, which carries readable program code. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A readable signal medium may also be any readable medium other than a readable storage medium that can transmit, propagate, or transfer a program for use by or in conjunction with an instruction execution system, apparatus, or device.

[0340] The program code contained on the readable medium can be transmitted using any appropriate medium, including but not limited to wireless, wired, optical fiber cable, RE, etc., or any suitable combination of the foregoing.

[0341] Program code for performing the operations of the present disclosure may be written in any combination of one or more programming languages, including object-oriented programming languages such as Java, C++, and the like, as well as conventional procedural programming languages such as "C" or similar programming languages. The program code may be executed entirely on the user computing device, 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 may be connected to the user computing device via any type of network, including a local area network (FAN) or a wide area network (WAN), or may be connected to an external computing device (e.g., via the Internet using an Internet service provider).

[0342] Exemplary electronic devices

[0343] refer to Figure 27 An electronic device according to an exemplary embodiment of the present disclosure will be described.

[0344] Figure 27 The electronic device 2700 shown is merely an example and should not limit the functionality and scope of use of the embodiments of the present disclosure.

[0345] like Figure 27 As shown, electronic device 2700 is implemented as a general-purpose computing device. Components of electronic device 2700 may include, but are not limited to, at least one processor 2710, at least one memory 2720, a bus 2730 connecting various system components (including memory 2720 and processor 2710), and a display unit 2740.

[0346] The memory stores program codes, which can be executed by the processor 2710, so that the processor 2710 performs the steps according to various exemplary embodiments of the present disclosure described in the "Exemplary Method" section above. For example, the processor 2710 can perform the following steps: Figure 1 The method steps shown, etc.

[0347] The memory 2720 may include a volatile memory, such as a random access memory (RAM) 2721 and / or a cache memory 2722 , and may further include a read-only memory (ROM) 2723 .

[0348] Memory 2720 may also include a program / utility 2724 having a set (at least one) of program modules 2725, such program modules 2725 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.

[0349] The bus 2730 may include a data bus, an address bus, and a control bus.

[0350] The electronic device 2700 can also communicate with one or more external devices 2800 (e.g., a keyboard, a pointing device, a Bluetooth device, etc.), and such communication can be performed via an input / output (I / O) interface 2750. The electronic device 2700 also includes a display unit 2740, which is connected to the input / output (I / O) interface 2750 for display. In addition, the electronic device 2700 can also communicate with one or more networks (e.g., a local area network (LAN), a wide area network (WAN), and / or a public network such as the Internet) via a network adapter 2760. As shown, the network adapter 2760 communicates with other modules of the electronic device 2700 via a bus 2730. It should be understood that, although not shown in the figure, other hardware and / or software modules can be used in conjunction with the electronic device 2700, including but not limited to: microcode, device drivers, redundant processors, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.

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

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

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

Claims

1. An interactive control method, characterized in that: The method comprises: In response to detecting a display mode switching operation in a first display mode, switching to a second display mode; the first display mode includes a portrait mode, and the second display mode includes a landscape mode; In the second display mode, the first music interface is displayed according to the current environment perception image; According to the music interactive operation, interactive control is performed in the first music interface.

2. The method according to claim 1, characterized in that The step of switching to the second display mode in response to detecting a display mode switching operation in the first display mode includes: Displaying operation guidance information in the first display mode; the operation guidance information is used to guide the user to perform the display mode switching operation; In response to the display mode switching operation, switching to the second display mode; The display mode switching operation includes: a direction adjustment operation for the smart terminal, or a triggering operation for a preset display mode switching control.

3. The method according to claim 1, characterized in that The method of displaying the first music interface according to the current environment perception image in the second display mode includes: In the second display mode, the starting music interface is displayed; In response to a music selection trigger operation for the initial music interface, a first music interface is displayed according to the current environment perception image.

4. The method according to claim 3, characterized in that The displaying of the first music interface according to the current environment perception image includes: Arranging the record models according to a preset layout pattern to generate a record layout array; Performing light and shadow rendering on the record layout array to obtain a record layout rendering array; The record layout rendering array is projected into the current environment perception image to generate and display the first music interface.

5. The method according to claim 4, characterized in that The step of projecting the record layout rendering array onto the current environment perception image to generate and display the first music interface includes: Identifying an object bearing surface in the current environment perception image; The record layout rendering array is projected onto the object supporting surface to generate and display the first music interface.

6. The method according to claim 4, characterized in that The preset layout styles include any of the following: A first layout pattern, wherein the first layout pattern includes a three-dimensional space array pattern with a preset display effect; a second layout pattern, the second layout pattern comprising a horizontal array pattern; A third layout pattern includes an irregular distribution pattern.

7. The method according to claim 6, characterized in that When the preset layout style is the first layout style; The interactive control in the first music interface according to the music interactive operation includes: According to the operation direction of the record switching operation on the first music interface, each record model in the record layout rendering array is controlled to smoothly scroll according to a pre-configured animation trajectory to switch the currently selected record model; In response to a release operation corresponding to the record switching operation, determining the record model located in a preset focus area on the first music interface as a currently selected first target record model; The target record model is displayed with a first preset animation effect, and the first target music corresponding to the first target record model is played.

8. An interactive control device, characterized in that: include: a mode switching module, configured to switch to a second display mode in response to detecting a display mode switching operation in the first display mode; The first display mode includes a portrait mode, and the second display mode includes a landscape mode; An interface display module, configured to display the first music interface according to the current environment perception image in the second display mode; The interactive control module is used to perform interactive control in the first music interface according to music interactive operations.

9. A computer-readable storage medium 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 for storing executable instructions of the processor; The processor is configured to perform the method according to any one of claims 1 to 7 by executing the executable instructions.

Images