Music playing animation display method and device, vehicle, storage medium and product

Abstract

The embodiment of the invention provides a music playing animation display method and device, a vehicle, a storage medium and a product. Under the condition that music in a car pet mode is in a playing state, acquiring an animation configuration file, determining a plurality of target visual elements, randomly generating an attribute value of each target visual element, and respectively determining an initial position of each target visual element based on a canvas size, an element size of each target visual element and a motion path parameter, the initial positions of different target visual elements are not overlapped and do not exceed a canvas area corresponding to the canvas size; based on the single cycle duration of each target visual element, determining the initial motion time of different target visual elements; and generating a music playing animation based on the attribute values, the initial positions and the initial motion time of the different target visual elements. According to the embodiment of the invention, the animation generation scheme is flexible and configurable, the visual sense is natural and vivid, and an iterative vehicle-mounted pet mode music playing animation system is convenient to maintain.

Description

Technical Field

[0001] This application belongs to the field of vehicle-machine interaction technology, and in particular relates to a method, device, vehicle, storage medium and product for playing music and displaying animation. Background Technology

[0002] With the rapid development of intelligent vehicle cockpit technology, in-car interaction scenarios are becoming increasingly diverse. To enhance the driving experience, especially in scenarios where the owner temporarily leaves the vehicle or a pet is left alone inside, in-vehicle systems often offer a "pet mode." This mode plays soothing music and presents warm visuals to alleviate pet anxiety and create a reassuring in-car environment. Among these features, animations synchronized with the music have become a key interactive means of conveying status and enhancing the atmosphere. These animations typically consist of several graphic elements moving according to certain rules on a screen canvas. Their visual expressiveness, emotional resonance, and development flexibility directly impact user experience and system maintainability.

[0003] Currently, music playback animations in pet mode of in-vehicle infotainment systems mostly employ preset fixed elements and motion trajectories. Common practices include hard-coding the necessary graphic resources into the program, setting fixed parameters such as element size, motion path, loop duration, and transparency to make the elements move periodically along a predetermined trajectory. This type of animation is relatively straightforward in implementation and can meet basic information display needs, but it generally lacks in-depth design for dynamic scene adaptation and visual hierarchy.

[0004] Existing pet mode music playback animation solutions suffer from fixed and difficult-to-replace visual elements, resulting in insufficient scene adaptability and personalized expression; the animation effects are mechanical and rigid, and the multi-element movement lacks natural variation and visual hierarchy, failing to effectively create a soothing atmosphere; at the same time, the animation parameters are tightly coupled with the program logic, and any modification requires code refactoring, resulting in low development iteration efficiency, high costs, and difficulty in adapting to rapidly changing needs.

[0005] Application content This application provides a method, device, vehicle, storage medium, and product for displaying music playback animations, which can realize a car-mounted pet mode music playback animation system that is flexible and configurable, visually natural and vivid, and easy to maintain and iterate.

[0006] In a first aspect, embodiments of this application provide a method for displaying music playback animation, the method comprising: When the music is playing in the car's pet mode, retrieve the animation configuration file; the animation configuration file includes the canvas size, visual element resources, the range of multiple animation parameters, and the relationship between the attribute values ​​of different visual elements. Based on visual element resources, identify multiple target visual elements; Based on the range of multiple animation parameters and the correlation between the attribute values ​​of different visual elements, the attribute values ​​of each target visual element are randomly generated. The attribute values ​​include at least one of the following: element size, transparency, motion path parameters, and single loop duration. Based on the canvas size, the element size of each target visual element, and the motion path parameters, the initial position of each target visual element is determined. The initial positions of different target visual elements do not overlap and do not exceed the canvas area corresponding to the canvas size. Based on the single loop duration of each target visual element, the starting motion time of different target visual elements is determined; Based on the attribute values, initial positions, and starting motion times of different target visual elements, generate music playback animations; Displays a music playback animation.

[0007] In one feasible implementation, the method further includes: Based on the single-cycle duration of each target visual element, the initial motion time of different target visual elements is determined, including: Calculate the average loop duration in the single loop duration of each target visual element; Based on the number of target visual elements and the average sequence duration, the time interval between the start motion times of two different target visual elements is determined; Based on the animation start time and time interval, the start time of different target visual elements is determined.

[0008] In one feasible implementation, the method further includes: Acquire pet status data of pets detected inside the vehicle; Determine the pet's mood inside the car based on pet condition data; Based on the emotion, adjust the target visual elements and their attribute values, and return the initial position of each target visual element based on the canvas size, the element size of each target visual element, and the motion path parameters, so as to update the displayed music playback animation.

[0009] In one feasible implementation, the method further includes: Capture the movements and / or sounds of pets inside the vehicle using in-vehicle cameras and / or microphones; Based on the captured actions and / or sounds, generate interactive information that interacts with the actions and / or sounds; Integrate interactive information into music playback animations; Display music playback animations that incorporate interactive information.

[0010] In one feasible implementation, the method further includes: Integrating interactive information into music playback animations, including at least one of the following: The target animation element in the interactive information is merged with the music playback animation to change the motion parameters and color of the target animation element. Add temporary elements to the music playback animation.

[0011] In one feasible implementation, the method further includes: Obtain the vehicle's actual environmental data; Based on actual environmental data, the target visual elements and their attribute values ​​are adjusted, and the initial position of each target visual element is determined based on the canvas size, the element size of each target visual element, and the motion path parameters, so as to update the displayed music playback animation.

[0012] In one feasible implementation, the method further includes: Get the style of the music currently playing; Based on the music style, adjust the target visual elements and their attribute values, and return the initial position of each target visual element based on the canvas size, the element size of each target visual element, and the motion path parameters, so as to update the displayed music playback animation.

[0013] In one feasible implementation, the association between the attribute values ​​of different visual element attributes includes at least one of the following: There is a negative correlation between element size and element quantity. Transparency is negatively correlated with element size; The motion path parameters are positively correlated with the element size. The duration of a single loop is negatively correlated with the element size.

[0014] Secondly, embodiments of this application provide a music playback animation display device, the device comprising: The acquisition module is used to acquire the animation configuration file when the music is playing in the car's pet mode. The animation configuration file includes the canvas size, visual element resources, the range of multiple animation parameters, and the relationship between the attribute values ​​of different visual elements. The element determination module is used to determine multiple target visual elements based on visual element resources; The random module is used to randomly generate attribute values ​​for each target visual element based on the range of multiple animation parameters and the correlation between the attribute values ​​of different visual elements. The attribute values ​​include at least one of the following: element size, transparency, motion path parameters, and single loop duration. The initial position determination module is used to determine the initial position of each target visual element based on the canvas size, the element size of each target visual element, and the motion path parameters. The initial positions of different target visual elements do not overlap and do not exceed the canvas area corresponding to the canvas size. The motion time determination module is used to determine the starting motion time of different target visual elements based on the single loop duration of each target visual element. The generation module is used to generate music playback animations based on the attribute values, initial positions, and starting motion times of different target visual elements. The display module is used to showcase the music playback animation.

[0015] Thirdly, embodiments of this application provide a music playback animation display vehicle, the vehicle including: A processor, and a memory storing computer program instructions; the processor reads and executes the computer program instructions to implement any one of the music playback animation display methods.

[0016] Fourthly, embodiments of this application provide a computer storage medium. Computer storage media stores computer program instructions, and when the computer program instructions are executed by the processor, they implement any one of the music playback animation display methods.

[0017] Fifthly, embodiments of this application provide a computer program product, including a computer program, which, when executed by a processor, implements any of the methods for displaying music playback animations described in the above embodiments.

[0018] The music playback animation display method, apparatus, vehicle, storage medium, and product of this application can achieve resource and logic separation through configuration files, so that replacing visual elements only requires changing resource files without modifying the code; by generating randomized attributes based on parameter ranges and relationships, it ensures that each animation has diverse and natural motion effects; by calculating and constraining the initial position by combining canvas size and element attributes, it effectively prevents element overlap and boundary crossing, ensuring visual integrity; by determining differentiated start motion times based on the duration of a single loop, it breaks the synchronicity of multi-element motion and enhances the dynamic staggered feeling of the screen. Ultimately, this solution significantly improves the visual expressiveness and emotional relevance of animation while greatly reducing development and maintenance costs, achieving efficient and flexible animation configuration and iteration. Attached Figure Description

[0019] To more clearly illustrate the technical solutions of the embodiments of this application, the accompanying drawings used in the embodiments of this application will be briefly introduced below. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0020] Figure 1 This is a flowchart illustrating a music playback animation display method provided in an embodiment of this application; Figure 2 This is one of the embodiments provided in this application. Figure 1 A schematic diagram illustrating the specific steps of the S150 process; Figure 3 This is a flowchart illustrating a pet emotion detection method provided in an embodiment of this application; Figure 4 This is a flowchart illustrating a pet interaction method provided in an embodiment of this application; Figure 5 This is a flowchart illustrating an environment rendering animation method provided in an embodiment of this application; Figure 6 This is a flowchart illustrating a music style rendering animation method provided in an embodiment of this application; Figure 7 This is a schematic diagram of a visual element provided in an embodiment of this application; Figure 8 This is a schematic diagram of weather rendering texture filling provided in an embodiment of this application; Figure 9 This is a schematic diagram illustrating the calculation of the initial range of a single element according to an embodiment of this application; Figure 10 This is a schematic diagram of offset value calculation provided in an embodiment of this application; Figure 11 This is a schematic diagram of the canvas area and effect provided in an embodiment of this application; Figure 12 This is a schematic diagram of the structure of a music playback animation display device provided in an embodiment of this application; Figure 13 This is a structural schematic diagram of a vehicle displaying music playback animation provided in an embodiment of this application. Detailed Implementation

[0021] The features and exemplary embodiments of various aspects of this application will be described in detail below. To make the objectives, technical solutions, and advantages of this application clearer, the application will be further described in detail below with reference to the accompanying drawings and specific embodiments. It should be understood that the specific embodiments described herein are only intended to explain this application and not to limit it. For those skilled in the art, this application can be implemented without some of these specific details. The following description of the embodiments is merely to provide a better understanding of this application by illustrating examples.

[0022] It should be noted that, in this document, relational terms such as "first" and "second" are used merely to distinguish one entity or operation from another, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Furthermore, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising..." does not exclude the presence of additional identical elements in the process, method, article, or apparatus that includes the element.

[0023] To address the problems in the prior art, embodiments of this application provide a method, apparatus, vehicle, storage medium, and product for displaying music playback animations.

[0024] The following section first introduces the music playback animation display method provided in the embodiments of this application.

[0025] Figure 1 A flowchart illustrating a music playback animation display method according to an embodiment of this application is shown. Figure 1 As shown, the method may include the following steps S110-S170: S110, when music is playing in the car pet mode, retrieves the animation configuration file; the animation configuration file includes the canvas size, visual element resources, the range of multiple animation parameters, and the relationship between the attribute values ​​of different visual elements.

[0026] As an example, when the vehicle's infotainment system detects that it has entered pet mode and music has started playing, the system loads a structured configuration file from a pre-defined storage path. This configuration file can be written in common data formats such as JSON or XML. Its content defines the canvas size required for animation rendering, lists the available visual element resource files, and specifies the allowable value ranges for various animation parameters. Furthermore, the configuration file explicitly records the relationships between different visual element attributes in the form of key-value pairs, formulas, or mapping tables. For example, it specifies the inverse relationship between element size and transparency, or the direct proportional relationship between element size and motion path radius. By reading and parsing this configuration file, the system obtains all the configurable data necessary to construct the animation.

[0027] A specific example could be that when the vehicle detects that it has entered pet mode and the in-car music player has started, the vehicle's infotainment system reads an animation configuration file from its internal memory. This configuration file explicitly defines the canvas size as 525px * 650px and provides a list of optional visual element resources, such as ["paw_print.png", "bone.png", "dog_silhouette.svg"]. The configuration file also specifies the ranges for various parameters: element size from 50*50px to 192*192px, opacity from 50% to 100%, the horizontal radius of the elliptical motion path from 1px to 2px, the vertical radius from 5px to 15px, and the duration of a single loop from 4 seconds to 6 seconds. Furthermore, the file establishes attribute association rules through preset formulas, such as opacity = 100% - (element size - 50) * 0.33%, and vertical radius of the motion path = 5 + (element size - 50) * 0.07, thereby achieving automatic correlation calculations between size, opacity, and motion amplitude. After the system parses the file, it obtains a complete set of animation generation rules and resource indexes that can be flexibly adjusted.

[0028] By centrally defining animation parameters, resource paths, and association rules in an external configuration file, the animation logic and visual design are completely decoupled, allowing designers to independently modify visual effects without developer intervention. Through parameter range settings and mathematical relationship formulas between attributes, the system can automatically generate natural and layered animation parameters while adhering to the visual principles of "near objects appear larger and farther objects appear smaller, and near objects appear more solid and farther objects appear blurry," completely avoiding mechanical and overlapping issues in element movement. Simultaneously, the replaceability of resource files allows the same animation engine to quickly adapt to different pet themes or holiday scenes, greatly improving the system's scalability and scene adaptability. Overall, this solution ensures vivid and heartwarming animation while significantly improving development efficiency, maintenance flexibility, and visual consistency.

[0029] S120, based on visual element resources, determines multiple target visual elements.

[0030] The static visual element resources declared in the configuration file are transformed into specific objects that can be dynamically manipulated and rendered in the animation system. The system determines the specific content of the resources to be used according to preset rules and loads the corresponding graphic files from the resource library for instantiation, thereby completing the mapping and preparation from abstract resources to specific animation entities, laying the foundation for flexible replacement, diverse combinations and subsequent parametric control of animation elements.

[0031] As an example, after parsing the animation configuration file, the system determines multiple target visual elements to be used in the animation based on the visual element resource information contained therein. For instance, the configuration file may contain a specified list of visual element resources, and the system selects the corresponding element resource files from this list according to preset matching rules. Subsequently, the system can load each selected visual element resource in a loop based on the resource configuration information.

[0032] In this way, by decoupling the selection and instantiation process of visual element resources from fixed coding, this step achieves a complete separation between animation content and program logic, so that changing the animation theme does not require modifying any motion control code. At the same time, by supporting rule-based or dynamic element selection mechanisms, it ensures that the element combination generated for each animation is different, avoiding the monotony and repetition of visual effects from the source. This design significantly improves the system's configurability and scene adaptability, provides a foundation for subsequent parametric and personalized animation generation, and greatly reduces the technical threshold for visual iteration and maintenance.

[0033] S130, based on the range of multiple animation parameters and the correlation between the attribute values ​​of different visual elements, randomly generates the attribute values ​​of each target visual element. The attribute values ​​include at least one of the following: element size, transparency, motion path parameters, and single loop duration.

[0034] Specifically, the relationships between the attribute values ​​of different visual elements in S130 include at least one of the following: There is a negative correlation between element size and element quantity. Transparency is negatively correlated with element size; The motion path parameters are positively correlated with the element size. The duration of a single loop is negatively correlated with the element size.

[0035] As an example, for each identified target visual element, the system generates a specific value using a random number generation algorithm, based on the predefined numerical range for that type of attribute in the animation configuration file. Simultaneously, the system reads the relationships between different visual attributes defined in the configuration and, based on one or more randomly generated base attribute values, automatically calculates and determines other associated attribute values ​​through these relationships. In this way, the system generates a complete set of attributes for each element that varies randomly within allowed ranges while maintaining internal visual logical consistency.

[0036] A specific example is that when the system generates attributes for a target visual element A (e.g., 192x192 pixels): first, it randomly selects its size value within the configured size range (50-192px); then, based on the formula "Opacity = 100% - (size - 50) * (50 / 142)%", it automatically calculates the corresponding opacity as 100%; according to the rule "Single loop duration = 6 - (size - 50) * (2 / 142) seconds", it calculates the duration as 4 seconds; and based on the mapping relationship "Ellipse vertical radius = 5 + (size - 50) * (10 / 142) pixels", it determines its motion path vertical radius as 15 pixels. Using the same mechanism, the system calculates an opacity of approximately 58%, a duration of approximately 5.7 seconds, and a vertical radius of approximately 6.7 pixels for element B (random size 74x74px), thus achieving a set of attributes for each element that is randomly generated within the parameter range while maintaining visual logical consistency.

[0037] In this way, the system randomly generates basic attributes (such as size) for each element within a preset range, and then automatically derives other coordinated attribute values ​​(such as transparency, duration, and motion amplitude) based on predefined correlation formulas. This ensures that each animation effect has random diversity while strictly adhering to visual principles such as "near objects appear larger and far objects appear smaller, and near objects appear more realistic and far objects appear more abstract," naturally constructing a rich and dynamically staggered visual effect. This mechanism not only completely breaks the mechanical repetition of animation performance, but also makes it possible to adjust the visual style by modifying the configuration rules without reconstructing the generation logic, significantly improving the artistic controllability and system maintainability of the animation.

[0038] It should be noted that the size range of a single element is calculated based on the smaller of the canvas's minimum side (canvas width / height, in pixels), resulting in a minimum and maximum size range for each element. Sizes are randomly generated within this range. An example of the calculation method is as follows: Minimum size = minimum canvas side length × 10% Maximum size = smallest side of canvas × 35% In this example, the smallest side of the canvas is 525px, and the smallest size is approximately 525×10%≈52px, rounded down to 52. Maximum size = 525 × 35% ≈ 184px; that is, the size range is 52 to 184px.

[0039] Additionally, too many large elements can make the animation appear cluttered and affect its aesthetics. Therefore, it is necessary to stipulate that the larger the size, the smaller the proportion of each element. For example, if the total number is 3, then there should be 1 large element and 2 small elements.

[0040] A large size is between 141 and 184, such as randomly setting element A to 184x184 pixels.

[0041] Two smaller sizes are 52-140, such as randomly setting element B to 74x74 pixels and element C to 52x52 pixels.

[0042] S140: Based on the canvas size, the element size of each target visual element, and the motion path parameters, determine the initial position of each target visual element. The initial positions of different target visual elements do not overlap and do not exceed the canvas area corresponding to the canvas size.

[0043] As an example, when determining the initial position of each target visual element, the system first calculates the permissible space area for each element on the canvas based on the total size of the canvas, the size of each element itself, and its motion path parameters. Then, through iteration or spatial allocation algorithms, an initial coordinate is assigned to each element within the canvas, provided that its motion path constraints are met. During this process, the system continuously checks whether the occupied areas of different elements overlap and ensures that the initial positions of all elements do not exceed the boundaries of the canvas. Finally, a set of initial positions is generated for all elements that satisfies the motion requirements and ensures a clear and orderly visual arrangement.

[0044] For a specific example, in a scenario with a canvas size of 525×650 pixels and three target visual elements (element A: 192×192 pixels, ellipse path horizontal radius 2 pixels and vertical radius 15 pixels; element B: 74×74 pixels, horizontal radius 1.2 pixels and vertical radius 6.7 pixels; element C: 50×50 pixels, horizontal radius 1 pixel and vertical radius 5 pixels), the system first calculates the constraint range of the initial position that each element can be placed on the canvas based on the size of each element and the radius of its ellipse path: For element A, its initial position must satisfy the following: the distance from the geometric center to the left and right boundaries of the canvas is not less than the sum of half the width (96 pixels) and the horizontal radius (2 pixels) (i.e., 98 pixels), and the distance from the top and bottom boundaries is not less than the sum of half the height (96 pixels) and the vertical radius (15 pixels) (i.e., 111 pixels), thus obtaining the rectangular area where it can be placed. The system employs a combination of sequential allocation and collision detection: First, an initial position for element A is generated by randomly selecting a point within the constraints, such as (312, 244). Then, an initial position is generated for element B, randomly selected within its own constraints, and its region (considering size and path buffers) is checked in real-time to see if it overlaps with element A. If it overlaps, a new position is selected until a non-overlapping position is found, such as (364, 48). Similarly, a non-overlapping position is generated for element C, such as (210, 12). This process ensures that the initial positions of all elements are within the canvas and do not overlap, forming an ordered layout.

[0045] In this way, by combining the canvas size, the element's own size, and motion path parameters, the initial position of each element is precisely constrained and spatial collision is detected. This ensures that all animated elements present a clear and orderly visual arrangement at the start of the movement, effectively preventing visual chaos and interference caused by overlapping or crossing boundaries between elements. This rule-based automated layout method not only ensures the overall harmony and professional look of the animation, but also significantly improves the system's adaptability to different canvas sizes and diverse element combinations. At the same time, it avoids the tediousness and uncertainty of relying on manual parameter tuning, thus ensuring the rigor and reliability of the interface layout while achieving dynamic visual effects.

[0046] In addition, to ensure that elements do not overlap, the spacing between two elements can be adjusted based on the size of a single element. For example, if the longest sides of two elements are a1 and a2, then the minimum initial spacing between the two elements is a1 / 2 + a2 / 2.

[0047] S150, based on the single cycle duration of each target visual element, determines the starting motion time of different target visual elements.

[0048] To illustrate the calculation method for the initial motion time of different target visual elements, such as... Figure 2 As shown, S150 may include steps S1501-S1503: S1501, calculate the average loop duration in the single loop duration of each target visual element; S1502, Based on the number of target visual elements and the average sequence duration, determine the time interval between the start motion times of two different target visual elements; S1503, based on the animation start time and time interval, determines the start time of different target visual elements.

[0049] The number of target visual elements is calculated based on the canvas area (canvas width × canvas height, in pixels) to determine the baseline number of a single element, with an additional upper and lower fluctuation value. The number is randomly generated within the range.

[0050] For example: Base quantity = Canvas width × Canvas height / 85000 Fluctuation value = Base quantity x 30% Base quantity = 525 × 652 / 85000 ≈ 4; Fluctuation value = 4 x 30% ≈ 1; The quantity ranges from 4±1, that is, 3 to 5. The quantity is randomly generated within the range, for example, 3.

[0051] Here, 85000 is the unit visual density range determined based on user cognitive load, that is, there is only one visual element per 85000px².

[0052] As an example, the system first calculates the arithmetic mean of the single loop durations of all target visual elements as the average loop duration. Then, based on the total number of target visual elements in the current animation and the average loop duration, it determines a fixed or variable time interval between the start times of two adjacent target visual elements according to preset rules. Finally, using the global start time of the animation as a benchmark, the system assigns a start time to each target visual element in sequence or random order, so that the start time of each element is delayed by the above time intervals, thereby forming a staggered motion sequence in the time dimension.

[0053] A specific example could be that if the single loop durations of three target visual elements are: element A 4 seconds, element B 5.7 seconds, and element C 6 seconds, the system first calculates the average loop duration as (4 + 5.7 + 6) / 3 ≈ 5.23 seconds. Then, based on the number of elements (3) and the average duration of 5.23 seconds, using the preset rule "time interval = average loop duration / number of elements," the system determines the starting motion time interval between two adjacent elements to be approximately 5.23 / 3 ≈ 1.74 seconds. Finally, assuming the animation starts playing from global time t0 = 0 seconds, the system sequentially assigns a starting time t0 to element A, a starting time t0 + 1.74 ≈ 1.74 seconds to element B, and a starting time t0 + 2 × 1.74 ≈ 3.48 seconds to element C, thus causing the three elements to start moving sequentially, creating a natural staggered effect in the time dimension.

[0054] In this way, a simple yet effective time-staggering mechanism is constructed by calculating the average loop duration and dividing it equally into starting time intervals based on the number of elements. This method breaks the mechanical feeling of multiple animation elements starting simultaneously, allowing them to move sequentially, significantly enhancing the dynamic layers and visual richness of the animation. Furthermore, this mechanism relies entirely on configurable duration parameters for automatic calculation, eliminating the need to manually set delay times for each element. This not only ensures the naturalness and consistency of the time staggering but also greatly simplifies the complexity of parameter configuration, improving the flexibility of animation timing adjustments and system maintainability.

[0055] S160 generates music playback animation based on the attribute values, initial positions, and starting motion times of different target visual elements.

[0056] As an example, after obtaining the final attribute values ​​of all target visual elements, calculating their initial positions, and allocating their initial motion times, the system submits this data to the vehicle's graphics rendering engine. The engine sets the rendering style (such as size and transparency) for each element based on its attribute values, and creates and starts an independent periodic displacement animation for each element based on the motion path parameters and initial motion time. All these independent animations are synthesized based on a unified global timeline, ultimately forming a complete music playback animation sequence that includes the coordinated movement of multiple elements, has a natural sense of temporal variation and spatial hierarchy, and is rendered and played in real time on the vehicle's screen.

[0057] In addition, the direction of movement of a single element can be randomly generated clockwise or counterclockwise.

[0058] S170, displays a music playback animation.

[0059] As an example, once the system completes the attribute calculation, position arrangement, and motion timing planning for all animation elements, it will call the in-vehicle's built-in graphics rendering interface to draw the motion state of each visual element frame by frame on the specified canvas area based on the generated animation parameters. The animation display process continues and remains synchronized with the currently playing music until the pet mode ends or the user actively closes the animation interface, thereby achieving dynamic and warm visual feedback and enhancing the soothing atmosphere of the in-vehicle environment.

[0060] In summary, this embodiment separates resources and logic through configuration files, allowing visual element replacement to be done simply by changing the resource files without modifying the code. Randomized attribute generation based on parameter ranges and relationships ensures diverse and natural motion effects in each animation. Calculating and constraining initial positions by combining canvas size and element attributes effectively prevents element overlap and boundary violations, guaranteeing visual integrity. Determining differentiated start motion times based on single loop duration breaks the synchronicity of multi-element movements, enhancing the dynamic staggered feel of the visuals. Ultimately, this solution significantly improves the visual expressiveness and emotional resonance of animations while drastically reducing development and maintenance costs, achieving efficient and flexible animation configuration and iteration.

[0061] In some embodiments, such as Figure 3 As shown, the music playback animation display method also includes steps S310-S330: S310, acquire pet status data of the pets detected inside the vehicle; S320 determines the pet's mood inside the vehicle based on pet status data; S330, based on emotion, adjusts the target visual elements and their attribute values, and returns the initial position of each target visual element based on the canvas size, the element size of each target visual element, and the motion path parameters, in order to update the displayed music playback animation.

[0062] As an example, the system continuously collects image and sound data of the pet inside the car using the built-in camera and microphone to obtain the pet's status data. Then, it calls a pre-set emotion analysis model to analyze and process the data, identify and output the current emotional state classification of the pet. Next, based on the identified emotion query and the preset "emotion-animation configuration" mapping relationship, the system dynamically adjusts the type, quantity or attribute value range of the target visual elements, and re-executes the initial position calculation and animation generation process based on the new element set or attribute values. This updates the currently displayed music playback animation in real time, making its visual performance match the pet's real-time emotional state, enhancing the relevance and care of the interaction.

[0063] A specific implementation can be as follows: Image data of the dog is acquired via an in-vehicle camera at a rate of 15 frames per second, while ambient audio is simultaneously recorded using a vehicle microphone. The image data is input into a pre-trained convolutional neural network model for posture analysis, identifying features such as high-frequency tail wagging >3 times / second and forward leaning of the body. The audio data is analyzed using Mel-spectrum feature extraction and a classifier to determine the presence of short, repetitive barks. After comprehensive analysis, the system determines the pet's current emotion to be "excited." Subsequently, the system calls a preset "excited" emotion configuration file, which replaces the target visual elements with a more dynamic "jumping bone stick" graphic, adjusts the number of elements to 4-6 (from 3-5), and expands the vertical radius of the elliptical path by 20%. Based on the new configuration, the system redetermines the number of elements to 5 and recalculates the initial position and start time of each element based on the updated attribute values. Finally, it generates and switches to a faster-moving, more densely packed animation to match the pet's excited state.

[0064] In this way, by collecting and intelligently analyzing the pet's multimodal state data in real time, the emotion recognition results are dynamically coupled with the animation system, realizing the emotional adaptation and real-time personalized adjustment of music playback animation: the system can automatically match and switch the corresponding visual elements, quantity and motion parameters according to the pet's different emotional states such as excitement, calmness or anxiety, so that the rhythm, density and expression of the animation actively match the pet's current psychological state. This not only significantly enhances the emotional soothing and companionship effect of the in-car environment and improves the accuracy and warmth of pet care, but also greatly reduces the intervention burden of manual adjustment by users, promoting the evolution of vehicle-machine interaction from "preset fixed" to "perception-response" intelligent care.

[0065] In some embodiments, such as Figure 4As shown, the music playback animation display method also includes steps S410-S440: S410, captures the movements and / or sounds of pets inside the vehicle using an in-vehicle camera and / or microphone; S420, based on the captured motion and / or sound, generates interactive information that interacts with the motion and / or sound; S430 integrates interactive information into music playback animation; S440 showcases a music playback animation incorporating interactive information.

[0066] As an example, the system captures specific movements of a pet using an in-vehicle camera and picks up the pet's barks or other sounds using a microphone. Then, based on predefined action-response mapping rules or sound recognition results, the system generates corresponding interactive information in real time. This information can be a specific trigger command, an identifier representing the interaction type, or a simple animation data to be fused. Next, the system merges this interactive information with the currently playing background music and animation. For example, it might temporarily change the trajectory, color, or transparency of an animation element based on a command, or add a temporary visual element corresponding to the interaction to the canvas. Finally, the system renders and displays the fused animation in real time on the in-vehicle screen, allowing the animation to visually respond to the pet's real-time behavior, enhancing the fun and companionship of the interaction.

[0067] A specific implementation can be achieved by using a front-facing in-vehicle camera (30 frames per second) to capture real-time image sequences of a pet dog inside the car. When the image processing module, based on the YOLOv5 model, identifies a specific action of the pet raising and hovering its left paw for more than 0.5 seconds, and simultaneously the microphone detects an ambient volume increase of over 75dB within one second, accompanied by barking characteristics of a specific frequency, the system generates a structured interaction message with the content {"type":"playful_interaction","trigger":"bark_with_paw","timestamp":1678886400}. Upon receiving this message, the animation engine immediately loads a preset "heart bubble" vector graphic from the resource library and, based on the approximate position of the pet in the frame at the trigger moment (such as the lower right area of ​​the screen), dynamically generates a temporary animation element on the canvas of the music playback animation. This element appears from the bottom of the screen in a fade-in manner, gradually increasing in size from 10px to 50px, while simultaneously floating upwards along a curved path, fading out and disappearing after 2 seconds. Meanwhile, the "bone" graphic in the moving basic animation elements temporarily changes its rotation speed according to the type of interaction, and a layer of highlight flashing effect is superimposed on its surface. The entire fusion process is completed in real time, and the updated animation is immediately rendered and output through the vehicle's graphics subsystem, allowing the screen image observed by the pet to provide a direct and interesting visual response to its own movements and sounds.

[0068] In this way, by capturing and analyzing the pet's specific movements and sounds in real time, the multimodal perception signals are transformed into structured interactive commands and dynamically integrated into the playing basic animation. This achieves real-time two-way interaction between the pet's behavior and the vehicle's visual display: the system can not only provide immediate and accurate visual responses to the pet's movements and sounds, but also provide a clear and engaging feedback loop for the pet through real-time changes in the animation. This mechanism significantly enhances the interactivity and fun of the animation, enriches the pet's sensory experience in the car, and deepens the emotional companionship connotation of "pet mode." At the same time, the entire interaction generation and integration process is highly automated and its impact on the basic animation is controllable, ensuring the smoothness and stability of the original animation while improving the system's intelligence and responsiveness.

[0069] In some embodiments, the integration of interactive information into music playback animation includes at least one of the following A and B: A: Integrate the target animation element in the interactive information with the music playback animation to change the motion parameters and color of the target animation element; B: Add a temporary element to the music playback animation.

[0070] As an example, after receiving interactive information triggered by pet behavior, the system selectively performs at least one of the following fusion operations based on the information type and a preset fusion strategy: In method A, the system identifies the target animation element in the current animation that is associated with the interactive information and dynamically adjusts the motion parameters or visual attributes of the element according to the information content; In method B, the system generates a temporary visual element on the canvas of the music playback animation based on the context indicated by the interactive information. This element has an independent appearance position, duration, and disappearance animation, and is automatically removed after the display is completed, thereby achieving immediate and dynamic visual feedback for the pet's real-time interaction without interfering with the original main animation flow.

[0071] A specific implementation can be as follows: When the vehicle-mounted camera detects a pet dog "rapidly wagging its tail" (i.e., the movement frequency is >4 times / second) and captures short "whimpering" sounds through the microphone, the system generates interaction information {"type": "happy_interaction", "intensity": 0.8}. Based on this information, the system simultaneously executes a fusion operation of method A and method B: In method A, the animation engine selects a "paw print" element in the current frame that is performing elliptical motion as the target animation element, instantly changing its fill color from the default orange to bright yellow, and increasing its current movement speed by 20%, which lasts for 3 seconds before returning to its original state; In method B, the system generates a temporary "twinkling star" element near the current position of the paw print element. This element appears at a random size (10-30px), performs a fade-in animation, slightly floats up and down, and fades out after 1.5 seconds. The two fusion effects are presented simultaneously, allowing the original animation to provide a multi-layered, dynamic, and real-time visual response to the pet's joyful behavior while maintaining the main subject.

[0072] In this way, by refining interactive information into two independent or combined fusion strategies—dynamic adjustment of existing animation elements and addition of temporary elements—a multi-dimensional, lightweight, and highly flexible expression of interactive feedback is achieved: Step A ensures a natural integration and stylistic consistency between the interactive response and the main animation by directly fine-tuning the attributes or behaviors of existing elements; Step B, by introducing temporary elements with independent lifecycles, achieves immediate enhancement and enrichment of visual focus without affecting the stable operation of the original animation. The two methods work together, enabling the system to provide gradient visual feedback, from subtle adjustments to significant enhancements, based on the intensity and type of the interaction. This greatly improves the realism and fun of the interactive response while maintaining a clear, controllable, and low-intrusive animation system architecture, achieving a balance between the depth of the interactive experience and the stability of the system.

[0073] In some embodiments, such as Figure 5 As shown, the music playback animation display method also includes steps S510-S520: S510 acquires real-world environmental data for the vehicle; S520, based on actual environmental data, adjusts the target visual elements and their attribute values, and returns the initial position of each target visual element based on the canvas size, the element size of each target visual element, and the motion path parameters, in order to update the displayed music playback animation.

[0074] As an example, the system acquires real-world environmental data about the vehicle through onboard sensor networks or connected services. This includes ambient light intensity collected by external light sensors, real-time weather information received by the vehicle-to-everything (V2X) module, and ambient color temperature and brightness detected by internal ambient light sensors. The system then adjusts target visual elements and their attribute values ​​based on preset "environment-animation" adaptation rules and the current environmental data. For instance, in bright light, the basic opacity of elements is increased to improve visibility; or at night or in rainy / snowy weather, the visual element theme is switched to a higher-contrast color scheme and the movement speed is reduced to create a calming atmosphere. After adjustment, the system re-executes the initial position calculation and animation generation process based on the updated target visual elements and their attribute values, thereby updating the currently displayed music playback animation in real time to ensure its visual performance is consistent with the vehicle's current internal and external environmental conditions, enhancing scene adaptability.

[0075] In a specific implementation, when the vehicle detects an ambient light intensity of 1200 lux (strong light conditions) through its onboard light sensor and obtains real-time weather information as "sunny" via the vehicle network API, the system makes the following adjustments based on preset environmental adaptation rules: First, the overall basic opacity range of visual elements is increased from the original 50%-100% to 70%-100% to enhance visibility under strong light; second, the overall loop duration of moving elements is extended by 20% (e.g., the original duration of 4-6 seconds is adjusted to 4.8-7.2 seconds) to make the animation rhythm more relaxed; at the same time, the theme of the visual element resources is switched to a high-contrast "dark silhouette" series. Based on the updated opacity range, duration parameters, and new element themes, the system re-determines the target visual elements from the resource library. According to the adjusted attribute values, combined with the canvas size (525x650px) and motion path parameters, it recalculates the initial position of each element (for example, prioritizing the visual center area under strong light adaptation). Then, it generates and immediately switches to a clearer, smoother animation version to adapt to the current bright and quiet driving environment.

[0076] In this way, by acquiring real-time data on the vehicle's internal and external environment and dynamically adjusting the visual parameters and rhythm of the animation based on preset rules, the system achieves environmentally adaptive rendering of music playback animations. The system can automatically optimize the contrast, transparency, movement speed, and overall theme style of elements according to strong light, nighttime conditions, or different weather conditions, ensuring that the animation maintains clear visibility, a harmonious atmosphere, and a comfortable viewing experience in any environment. This mechanism significantly improves the animation's scene generalization ability and user experience consistency, while the fully automated adaptation process avoids the tedious manual adjustments required by users, enhancing the practicality and reliability of the pet mode in different driving environments.

[0077] In some embodiments, such as Figure 6 As shown, the music playback animation display method also includes steps S610-S620: S610, obtains the music style currently in playback; S620 adjusts the target visual elements and their attribute values ​​based on the music style, and returns the initial position of each target visual element based on the canvas size, the element size of each target visual element, and the motion path parameters, in order to update the displayed music playback animation.

[0078] As an example, the system identifies and determines the music's genre, such as classical, jazz, or pop, by parsing the metadata tags of the currently playing music file or analyzing the acoustic characteristics of the audio stream in real time. Then, based on a preset "music style-animation configuration" mapping, the system dynamically adjusts the target visual elements and their attribute values ​​according to the identified music style: for example, classical music is matched with simpler, smoother visual elements and a lower number of elements, along with a longer single loop duration and smaller motion amplitude; while pop music is matched with richer element colors, a higher number of elements, and shorter, more pronounced motion effects. After adjustment, the system re-executes the initial position calculation and animation generation process based on the updated target visual elements and their attribute values, thereby updating the displayed music playback animation in real time. This ensures that the visual presentation is coordinated with the emotional tone and rhythm of the currently playing music style, enhancing the immersive experience of unified audio and visuals.

[0079] In a specific implementation, when the in-car music player is currently playing "Für Elise" (a classical piano piece), the system extracts its acoustic characteristics through a real-time audio analysis module: a beat frequency (BPM) of 72, spectral energy concentrated in the mid-to-low frequency range, and a smooth dynamic range. Based on preset rules, the system determines the music style to be "classical music." Subsequently, the system dynamically adjusts according to the configuration file corresponding to "classical music": switching the target visual element from the default "paw prints and bones" to a "simple musical note" theme graphic, adjusting the number of elements to 2-4 (default 3-5), extending the overall single loop duration to 6-9 seconds (default 4-6 seconds), and reducing the vertical radius of the ellipse path to 3-8 pixels (default 5-15 pixels). Based on the new configuration, the system redetermines the number of elements to 3, and recalculates the initial position of each element according to the updated attribute values ​​(such as duration of 7.2 seconds and vertical radius of 5 pixels), combined with the canvas size and motion path (such as adopting a more symmetrical layout). Then, it immediately generates and switches to an animation version with simpler visual elements and smoother motion, so that its visual rhythm is in harmony with the elegant and calm atmosphere of classical music.

[0080] In this way, by analyzing the acoustic characteristics of the music being played in real time and intelligently identifying its style, the system dynamically adapts the visual elements, quantity, rhythm, and amplitude of the animation to achieve high-precision real-time synchronization of audio and visual styles: when playing classical music, the system automatically switches to simple elements, soothing movements, and a symmetrical layout to create an elegant and tranquil visual atmosphere; when playing pop music, it switches to rich elements, a brisk rhythm, and lively animations. This automatic adaptation mechanism based on music style not only significantly enhances the emotional and rhythmic coordination and immersion of the animation and audio content, providing users and pets with a more harmonious and unified audiovisual experience, but also fully demonstrates the system's intelligent perception and adaptive capabilities in complex scenarios, improving the expressiveness and appeal of the pet mode in different music scenarios.

[0081] Figure 7 A schematic diagram of a visual element is shown, such as Figure 7 As shown, visual elements may include: Pet Type Shape Library: This library displays basic geometric shapes and corresponding visual elements for different pet types, including default spheres, dog, cat, rabbit, mouse, and other pet-specific shapes. These shapes are used to match element styles based on the pet type identified by the vehicle's camera. Holiday Element Shape Library: Lists exclusive shapes for holidays such as Spring Festival, Mid-Autumn Festival, Dragon Boat Festival, and Valentine's Day. The rule is "use a single / mixed pet shape when it is not a holiday, and mix pet shapes with holiday shapes when it is a holiday" (such as dog shape + Spring Festival element).

[0082] Figure 8 A schematic diagram of weather rendering texture filling is shown, such as... Figure 8As shown, weather rendering texture filling can include: element filling textures corresponding to different weather conditions, including default (no texture), sunny day, snowy day, and rainy day exclusive textures, which are used to adjust the visual attributes of elements according to the actual environmental data of the vehicle.

[0083] Figure 9 A schematic diagram of initial range calculation for a single element is shown, such as... Figure 9 As shown, the calculation methods include: Canvas size annotation: The animation canvas size is clearly defined as 525x652px (consistent with the example), and the coordinate boundaries of the canvas are marked (top left corner (98,96), top right corner (427,96), bottom left corner (98,539), bottom right corner (427,539)); Parameter correlation calculation: Taking a large element (such as element A, which is 192x192px) as an example, the key calculation logic is marked: The element's half-width w / 2 = 96px, and half-height i / 2 = 96px; Motion path parameters: horizontal radius Rx = 2px, vertical radius Ry = 15px; Derivation of the initial position range: i / 2+Rx=98px, w / 2+Ry=111px, finally determining the initial position range of element A as 329x443px; The constraint rules are reflected in the relationship between coordinate boundaries and element size and path parameters, which intuitively demonstrates the constraint logic of "initial positions do not overlap and do not exceed the canvas".

[0084] Figure 10 A schematic diagram of offset value calculation is shown, such as Figure 10 As shown, the offset value calculation includes: Calculate the animation offset value for each element using a formula, ensuring that different elements move asynchronously. In this example, the number of elements n=3, element A has a single loop duration of 4 seconds, element B has a duration of 5.7 seconds, and element C has a duration of 6 seconds. Define the basic numerical calculation method for the animation offset value as T = average duration from top to bottom / 3, i.e., (4 + 5.7 + 6) / 3 / 3 = 1.7 seconds.

[0085] Figure 11 This illustrates a canvas area and its effect, as shown in the diagram. Figure 11 As shown, the animation canvas size is marked as 525x650px, and the animated elements move naturally within the canvas.

[0086] Based on the above-described method for displaying music playback animations, this application also provides a device for displaying music playback animations.

[0087] Figure 12 This is a schematic diagram of a device structure provided in an embodiment of this application. Figure 12 As shown, the device may include: The acquisition module 1210 is used to acquire the animation configuration file when the music is playing in the car pet mode. The animation configuration file includes the canvas size, visual element resources, the range of multiple animation parameters, and the relationship between the attribute values ​​of different visual element attributes. The element determination module 1220 is used to determine multiple target visual elements based on visual element resources; The random module 1230 is used to randomly generate attribute values ​​for each target visual element based on the range of multiple animation parameters and the correlation between the attribute values ​​of different visual element attributes. The attribute values ​​include at least one of the following: element size, transparency, motion path parameters, and single loop duration. The initial position determination module 1240 is used to determine the initial position of each target visual element based on the canvas size, the element size of each target visual element and the motion path parameters. The initial positions of different target visual elements do not overlap and do not exceed the canvas area corresponding to the canvas size. The motion time determination module 1250 is used to determine the starting motion time of different target visual elements based on the single cycle duration of each target visual element. The generation module 1260 is used to generate music playback animations based on the attribute values, initial positions, and starting motion times of different target visual elements. Display module 1270 is used to display music playback animations.

[0088] In this embodiment, the device separates configuration files from logic, allowing animation parameters to be modified externally, greatly improving development iteration efficiency and the flexibility of element resource replacement. A randomization algorithm generates the attributes and motion parameters of each element within a preset range, and intelligently calculates the initial position and start time based on physical rules and canvas constraints. This effectively breaks the mechanical feel and synchronicity of the animation effect, prevents element overlap, and constructs a dynamic visual effect with rich layers and natural staggered patterns. Finally, the overall modular collaboration achieves automated, diversified generation and stable display of music playback animations in the car pet mode, significantly enhancing visual expressiveness and emotional warmth while greatly reducing maintenance costs and adaptation difficulty.

[0089] In some embodiments, the motion time determination module 1250 can also be used for: Calculate the average loop duration in the single loop duration of each target visual element; Based on the number of target visual elements and the average sequence duration, the time interval between the start motion times of two different target visual elements is determined; Based on the animation start time and time interval, the start time of different target visual elements is determined.

[0090] In some embodiments, the music playback animation display device can also be used for: Acquire pet status data of pets detected inside the vehicle; Determine the pet's mood inside the car based on pet condition data; Based on the emotion, adjust the target visual elements and their attribute values, and return the initial position of each target visual element based on the canvas size, the element size of each target visual element, and the motion path parameters, so as to update the displayed music playback animation.

[0091] In some embodiments, the music playback animation display device can also be used for: Capture the movements and / or sounds of pets inside the vehicle using in-vehicle cameras and / or microphones; Based on the captured actions and / or sounds, generate interactive information that interacts with the actions and / or sounds; Integrate interactive information into music playback animations; Display music playback animations that incorporate interactive information.

[0092] In some embodiments, the music playback animation display device can also be used for: Integrating interactive information into music playback animations, including at least one of the following: The target animation element in the interactive information is merged with the music playback animation to change the motion parameters and color of the target animation element. Add temporary elements to the music playback animation.

[0093] In some embodiments, the music playback animation display device can also be used for: Obtain the vehicle's actual environmental data; Based on actual environmental data, the target visual elements and their attribute values ​​are adjusted, and the initial position of each target visual element is determined based on the canvas size, the element size of each target visual element, and the motion path parameters, so as to update the displayed music playback animation.

[0094] In some embodiments, the music playback animation display device can also be used for: Get the style of the music currently playing; Based on the music style, adjust the target visual elements and their attribute values, and return the initial position of each target visual element based on the canvas size, the element size of each target visual element, and the motion path parameters, so as to update the displayed music playback animation.

[0095] Figure 13A schematic diagram of the hardware structure for displaying music playback animation provided in an embodiment of this application is shown.

[0096] The vehicle, which is shown in an animated presentation with music playing, may include a processor 1301 and a memory 1302 storing computer program instructions.

[0097] Specifically, the processor 1301 may include a central processing unit (CPU), an application specific integrated circuit (ASIC), or one or more integrated circuits that can be configured to implement the embodiments of this application.

[0098] Memory 1302 may include mass storage for data or instructions. For example, and not limitingly, memory 1302 may include a hard disk drive (HDD), floppy disk drive, flash memory, optical disk, magneto-optical disk, magnetic tape, or Universal Serial Bus (USB) drive, or a combination of two or more of these. In one instance, memory 1302 may include removable or non-removable (or fixed) media, or memory 1302 may be non-volatile solid-state memory. Memory 1302 may be internal or external to the integrated gateway disaster recovery device.

[0099] Memory 1302 may include read-only memory (ROM), random access memory (RAM), disk storage media device, optical storage media device, flash memory device, electrical, optical, or other physical / tangible memory storage device. Therefore, generally, memory includes one or more tangible (non-transitory) computer-readable storage media (e.g., memory devices) encoded with software including computer-executable instructions, and when the software is executed (e.g., by one or more processors), it is operable to perform the operations described with reference to the method according to one aspect of this disclosure.

[0100] The processor 1301 reads and executes computer program instructions stored in memory 1302 to achieve... Figures 1-11 The method for displaying music playback animation in the illustrated embodiment.

[0101] In one example, the music playback animation showcasing the vehicle may also include a communication interface 1303 and a bus 1304. For example... Figure 3 As shown, the processor 1301, memory 1302, and communication interface 1303 are connected through bus 1304 and complete communication with each other.

[0102] The communication interface 1303 is mainly used to realize communication between various modules, devices, units and / or equipment in the embodiments of this application.

[0103] Bus 1304 includes hardware, software, or both, that couples components of an online data traffic metering device together. For example, and not limitingly, the bus may include an Accelerated Graphics Port (AGP) or other graphics bus, an Extended Industry Standard Architecture (EISA) bus, a Front Side Bus (FSB), a Hyper Transport (HT) interconnect, an Industry Standard Architecture (ISA) bus, an Infinite Bandwidth Interconnect, a Low Pin Count (LPC) bus, a memory bus, a Microchannel Architecture (MCA) bus, a Peripheral Component Interconnect (PCI) bus, a PCI-Express (PCI-X) bus, a Serial Advanced Technology Attachment (SATA) bus, a Video Electronics Standards Association Local (VLB) bus, or other suitable buses, or combinations of two or more of these. Where appropriate, bus 1304 may include one or more buses. Although specific buses are described and illustrated in embodiments of this application, this application contemplates any suitable bus or interconnect.

[0104] The music playback animation demonstrates that the vehicle can execute the online data traffic billing method described in this application embodiment based on currently blocked spam SMS messages and user-reported SMS messages, thereby achieving a combination of... Figure 1 and Figure 2 The method described is for displaying animated music playback.

[0105] Furthermore, in conjunction with the music playback animation display method in the above embodiments, this application embodiment can provide a computer storage medium for implementation. This computer storage medium stores computer program instructions; when these computer program instructions are executed by a processor, they implement any of the music playback animation display methods in the above embodiments.

[0106] This application also provides a computer program product, including a computer program, which, when executed by a processor, implements any of the music playback animation display methods described in the above embodiments.

[0107] It should be clarified that this application is not limited to the specific configurations and processes described above and shown in the figures. For the sake of brevity, detailed descriptions of known methods are omitted here. In the above embodiments, several specific steps are described and shown as examples. However, the method process of this application is not limited to the specific steps described and shown. Those skilled in the art can make various changes, modifications, and additions, or change the order of steps, after understanding the spirit of this application.

[0108] The functional blocks shown in the above-described block diagram can be implemented as hardware, software, firmware, or a combination thereof. When implemented in hardware, they can be, for example, electronic circuits, application-specific integrated circuits (ASICs), appropriate firmware, plug-ins, function cards, etc. When implemented in software, the elements of this application are programs or code segments used to perform the required tasks. Programs or code segments can be stored on a machine-readable medium or transmitted over a transmission medium or communication link via data signals carried on a carrier wave. "Machine-readable medium" can include any medium capable of storing or transmitting information. Examples of machine-readable media include electronic circuits, semiconductor memory devices, read-only memory (ROM), flash memory, erasable read-only memory (EROM), floppy disks, compact disc read-only memory (CD-ROM), optical disks, hard disks, fiber optic media, radio frequency (RF) links, etc. Code segments can be downloaded via computer networks such as the Internet, intranets, etc.

[0109] It should also be noted that the exemplary embodiments mentioned in this application describe methods or systems based on a series of steps or apparatus. However, this application is not limited to the order of the above steps; that is, the steps can be performed in the order mentioned in the embodiments, or in a different order, or several steps can be performed simultaneously.

[0110] The aspects of this disclosure have been described above with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of this disclosure. It should be understood that each block in the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus to produce a machine such that these instructions, executable via the processor of the computer or other programmable data processing apparatus, enable the implementation of the functions / actions specified in one or more blocks of the flowchart illustrations and / or block diagrams. Such a processor can be, but is not limited to, a general-purpose processor, a special-purpose processor, a special application processor, or a field-programmable logic circuit. It is also understood that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can also be implemented by special-purpose hardware performing the specified functions or actions, or can be implemented by a combination of special-purpose hardware and computer instructions.

[0111] It should be noted that the acquisition, storage, use, and processing of data in this application embodiment all comply with the relevant provisions of national laws and regulations.

[0112] It should be noted that in the embodiments of this application, certain software, components, models and other existing solutions in the industry may be mentioned. These should be regarded as exemplary and are only intended to illustrate the feasibility of implementing the technical solution of this application. However, it does not mean that the applicant has used or necessarily used the solution.

[0113] The above description is merely a specific implementation of this application. Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the specific working processes of the systems, modules, and units described above can be referred to the corresponding processes in the foregoing method embodiments, and will not be repeated here. It should be understood that the protection scope of this application is not limited thereto. Any person skilled in the art can easily conceive of various equivalent modifications or substitutions within the technical scope disclosed in this application, and these modifications or substitutions should all be covered within the protection scope of this application.

Claims

1. A method for displaying music playback animations in a car infotainment system's pet mode, characterized in that, include: Retrieve the animation configuration file while the music is playing in the car's pet mode; The animation configuration file includes the canvas size, visual element resources, the range of multiple animation parameters, and the relationship between the attribute values ​​of different visual element attributes. Based on the aforementioned visual element resources, multiple target visual elements are identified; Based on the range of the multiple animation parameters and the correlation between the attribute values ​​of the different visual element attributes, the attribute values ​​of each target visual element are randomly generated. The attribute values ​​include at least one of the following: number of elements, element size, transparency, motion path parameters, and single loop duration. Based on the canvas size, the element size of each target visual element, and the motion path parameters, the initial position of each target visual element is determined respectively. The initial positions of different target visual elements do not overlap and do not exceed the canvas area corresponding to the canvas size. Based on the single cycle duration of each target visual element, the starting motion time of different target visual elements is determined; Based on the attribute values, initial positions, and starting motion times of the different target visual elements, a music playback animation is generated; The music playback animation is displayed.

2. The music playback animation display method according to claim 1, characterized in that, Based on the single-cycle duration of each target visual element, the starting motion time of different target visual elements is determined, including: Calculate the average loop duration in the single loop duration of each of the target visual elements; Based on the number of target visual elements and the average cycle time, the time interval between the start motion times of two different target visual elements is determined; Based on the animation start time and the time interval, the start time of different target visual elements is determined.

3. The music playback animation display method according to claim 1, characterized in that, The method further includes: Acquire pet status data of pets detected inside the vehicle; Based on the pet's status data, determine the pet's mood inside the vehicle; Based on the stated emotion, the target visual elements and their attribute values ​​are adjusted, and the initial position of each target visual element is determined based on the canvas size, the element size of each target visual element, and the motion path parameters, in order to update the displayed music playback animation.

4. The music playback animation display method according to claim 1, characterized in that, The method further includes: The vehicle's in-vehicle camera and / or microphone capture the pet's movements and / or sounds. Based on the captured actions and / or sounds, generate interactive information that interacts with the actions and / or sounds; The interactive information is integrated into the music playback animation; Display a music playback animation that incorporates the aforementioned interactive information.

5. The music playback animation display method according to claim 4, characterized in that, The fusion of the interactive information in the music playback animation includes at least one of the following: The target animation element in the interactive information is merged with the music playback animation to change the motion parameters and color of the target animation element. Add a temporary element to the music playback animation.

6. The music playback animation display method according to any one of claims 1-4, characterized in that, The method further includes: Obtain the vehicle's actual environmental data; Based on the actual environment data, the target visual elements and their attribute values ​​are adjusted, and the initial position of each target visual element is determined based on the canvas size, the element size of each target visual element, and the motion path parameters, so as to update the displayed music playback animation.

7. The music playback animation display method according to any one of claims 1-4, characterized in that, The method further includes: Get the style of the music currently playing; Based on the music style, the target visual elements and their attribute values ​​are adjusted, and the initial position of each target visual element is determined based on the canvas size, the element size of each target visual element, and the motion path parameters, so as to update the displayed music playback animation.

8. The music playback animation display method according to any one of claims 1-4, characterized in that, The association between the attribute values ​​of the different visual element attributes includes at least one of the following: The element size is negatively correlated with the element quantity; The transparency is negatively correlated with the element size; The motion path parameters are positively correlated with the element size; The duration of a single cycle is negatively correlated with the size of the element.

9. A music playback animation display device, characterized in that, The device includes: The acquisition module is used to acquire the animation configuration file when the music is playing in the car's pet mode; the animation configuration file includes the canvas size, visual element resources, the range of multiple animation parameters, and the relationship between the attribute values ​​of different visual element attributes; An element determination module is used to determine multiple target visual elements based on the visual element resources. The random module is used to randomly generate attribute values ​​for each target visual element based on the range of the multiple animation parameters and the correlation between the attribute values ​​of the different visual element attributes. The attribute values ​​include at least one of the following: element size, transparency, motion path parameters, and single loop duration. The initial position determination module is used to determine the initial position of each target visual element based on the canvas size, the element size of each target visual element, and the motion path parameters. The initial positions of different target visual elements do not overlap and do not exceed the canvas area corresponding to the canvas size. The motion time determination module is used to determine the starting motion time of different target visual elements based on the single cycle duration of each target visual element. The generation module is used to generate music playback animation based on the attribute values, initial positions, and starting motion times of the different target visual elements; The display module is used to display the music playback animation.

10. A vehicle display method featuring music playback animation, characterized in that, The vehicle includes: a processor and a memory storing computer program instructions; the processor reads and executes the computer program instructions to implement the music playback animation display method as described in any one of claims 1-7.

Images