Webpage graphic model motion driving method, device and equipment

Abstract

The invention provides a method, a device and equipment for driving the movement of a webpage graphic model, relates to the technical field of audio processing, and solves the problem that audio and visual contents are asynchronous and inaccurate when an existing audio signal drives the movement of the webpage graphic model. The method for driving the webpage graphic model to move comprises the following steps: acquiring a real-time audio signal input into a driving webpage graphic model; performing feature extraction on the real-time audio signal to obtain audio feature parameters; determining target motion parameters for driving a webpage graphic model according to the audio characteristic parameters; and driving the webpage graphic model to move according to the target motion parameter. According to the scheme, real-time and accurate synchronization of the audio signal and the visual content is realized when the audio signal drives the webpage graphic model to move.

Description

Technical Field

[0001] The present invention relates to the field of audio processing technology, and in particular to a method, device and equipment for driving the movement of a web page graphic model. Background Art

[0002] With the development of WebGL (web graphics) technology, it has become possible to achieve high-quality 3D model rendering through web browsers. However, it is still a challenging problem to synchronize audio signals with WebGL models in real time and accurately. The implementation method of driving visual content through audio signals usually involves complex programming and low performance efficiency. Traditional implementation methods usually require writing a lot of code and need to consider issues such as audio processing and rendering optimization, resulting in a cumbersome development process and difficult maintenance. In addition, existing implementation methods often cannot adapt well to different types of audio and 3D models, resulting in insufficient compatibility and flexibility, as well as poor real-time and accuracy of synchronization. Summary of the invention

[0003] The present invention provides a method, device and equipment for driving the movement of a web page graphic model, which solves the problem that the audio and visual contents are out of sync and inaccurate when the existing audio signal drives the movement of the web page graphic model.

[0004] In order to solve the above technical problems, the technical solution of the present invention is as follows:

[0005] An embodiment of the present invention provides a method for driving a webpage graphic model to move, comprising:

[0006] Obtaining a real-time audio signal to be input into a driving web page graphic model;

[0007] Extracting features from the real-time audio signal to obtain audio feature parameters;

[0008] Determining target motion parameters for driving a web page graphics model according to the audio feature parameters;

[0009] The web page graphic model is driven to move according to the target motion parameter.

[0010] Optionally, feature extraction is performed on the real-time audio signal to obtain audio feature parameters, including:

[0011] Converting the real-time audio signal to obtain time domain data and frequency domain data;

[0012] Feature extraction is performed on the time domain data or the frequency domain data to obtain audio feature parameters; the audio feature parameters include: at least one of an amplitude parameter, a frequency parameter, an intensity parameter and a rhythm parameter.

[0013] Optionally, feature extraction is performed on the time domain data to obtain amplitude parameters, including:

[0014] Determine the average value in the time domain data based on the time domain data;

[0015] Determine the amplitude parameter based on the average value in the time domain data.

[0016] Optionally, feature extraction is performed on the frequency domain data to obtain frequency parameters, including:

[0017] Determining a weighted average of the frequency data based on the frequency domain data;

[0018] Based on the weighted average, the frequency parameter is determined.

[0019] Optionally, feature extraction is performed on the time domain data to obtain intensity parameters, including:

[0020] According to the time domain data, an intensity parameter is determined by a preset audio intensity function.

[0021] Optionally, feature extraction is performed on the time domain data to obtain rhythm parameters, including:

[0022] determining a crossover rate according to the time domain data;

[0023] Based on the crossover rate, the rhythm parameters are determined.

[0024] Optionally, determining target motion parameters for driving the webpage graphic model according to the audio feature parameters includes:

[0025] Obtaining the initial zoom factor dynamically set by the user and the preset range of the motion parameters of the web page graphic model;

[0026] Determining a target speed parameter for driving the webpage graphic model according to the initial scaling factor, the preset range, and the amplitude parameter;

[0027] Determining target position parameters of the driving webpage graphic model according to the initial scaling factor, the preset range and the rhythm parameter;

[0028] Determining a target rotation parameter for driving a web page graphic model according to the initial scaling factor, the preset range, and the frequency parameter;

[0029] A target scaling parameter for driving the web page graphic model is determined according to the initial scaling factor, the preset range and the strength parameter.

[0030] Optionally, driving the webpage graphic model to move according to the target motion parameter includes:

[0031] According to the preset smooth transition variables, the target motion parameters are input into the web page graphic model to drive the web page graphic model to move.

[0032] The embodiment of the present invention further provides a driving device for the movement of a web page graphic model, comprising:

[0033] An acquisition module, used for acquiring a real-time audio signal for inputting into a driving web page graphic model;

[0034] The processing module is used to extract features from the real-time audio signal to obtain audio feature parameters; determine target motion parameters for driving the web page graphic model according to the audio feature parameters; and drive the web page graphic model to move according to the target motion parameters.

[0035] An embodiment of the present invention further provides a computing device, comprising: a processor and a memory storing a computer program, wherein the computer program executes the above method when executed by the processor.

[0036] The above solution of the present invention includes at least the following beneficial effects:

[0037] The method for driving the motion of a web page graphic model of the present invention obtains a real-time audio signal for inputting a driving web page graphic model; extracts features of the real-time audio signal to obtain audio feature parameters; determines target motion parameters for driving the web page graphic model according to the audio feature parameters; and drives the web page graphic model to move according to the target motion parameters. This achieves real-time and accurate synchronization of the audio signal and the visual content when the audio signal drives the web page graphic model to move. BRIEF DESCRIPTION OF THE DRAWINGS

[0038] Figure 1 It is a schematic flow chart of a method for driving the movement of a web page graphic model of the present invention;

[0039] Figure 2 It is a structural schematic diagram of a driving device for the movement of a web page graphic model of the present invention. DETAILED DESCRIPTION

[0040] The exemplary embodiments of the present invention will be described in more detail below with reference to the accompanying drawings. Although the exemplary embodiments of the present invention are shown in the accompanying drawings, it should be understood that the present invention can be implemented in various forms and should not be limited by the embodiments set forth herein. On the contrary, these embodiments are provided in order to enable a more thorough understanding of the present invention and to enable the scope of the present invention to be fully communicated to those skilled in the art.

[0041] like Figure 1 As shown, an embodiment of the present invention provides a method for driving the motion of a web page graphic model, comprising:

[0042] Step 11, obtaining a real-time audio signal to be input into the driving web page graphic model;

[0043] Step 12, extracting features from the real-time audio signal to obtain audio feature parameters;

[0044] Step 13, determining target motion parameters for driving the web page graphic model according to the audio feature parameters;

[0045] Step 14: driving the web page graphic model to move according to the target motion parameters.

[0046] In this embodiment, the driving method for the movement of the web page graphic model is used to drive the movement of the web page graphic model through an audio signal; the driving method extracts audio feature parameters of the real-time audio signal input to drive the web page graphic model, and converts the audio feature parameters into corresponding target motion parameters. The design of driving the movement of the web page graphic model through the target motion parameters can dynamically adjust the model movement according to the real-time changes of the audio signal, and can accurately match the audio features with the motion parameters of the 3D model (driving the web page graphic model), so as to achieve a natural and smooth audio-visual synchronization effect; it can efficiently process audio data and achieve seamless connection with WebGL rendering to ensure the real-time and accuracy of synchronization; so as to meet the user's demand for 3D visual experience in a network environment, and improve the developer's development efficiency and user satisfaction.

[0047] In this embodiment, the real-time audio signal can use `AudioContext` in the Web Audio API to capture audio input, specifically:

[0048] const audioContext=new(window.AudioContext||

[0049] window.webkitAudioContext)(); / / Create an audio context

[0050] audioContext.decodeAudioData(e.target.result,function(decodedData){

[0051] / / Set the audio player source

[0052] const source=audioContext.createBufferSource();

[0053] source.buffer=decodedData;

[0054] analyzer=audioContext.createAnalyser();

[0055] analyser.fftSize = 256;

[0056] const frequencyBinCount=analyser.frequencyBinCount;

[0057] frequencyData=new Uint8Array(frequencyBinCount);

[0058] const timeDomainDataLength=analyser.fftSize;

[0059] timeDomainData=new Uint8Array(timeDomainDataLength);

[0060] / / Connect the audio source to the analyzer, and then to the output device

[0061] source.connect(analyser);

[0062] analyzer.connect(audioContext.destination);

[0063] source.start();

[0064] / / Set the audio player source

[0065] audioPlayer.src=URL.createObjectURL(file);

[0066] audioPlayer.play();

[0067] / / Update audio features

[0068] setInterval(updateAudioFeatures,60);

[0069] } )

[0071] In an optional embodiment of the present invention, step 12 may include:

[0072] Step 121, converting the real-time audio signal to obtain time domain data and frequency domain data;

[0073] Step 122, extracting features from the time domain data or the frequency domain data to obtain audio feature parameters; the audio feature parameters include: at least one of an amplitude parameter, a frequency parameter, an intensity parameter, and a rhythm parameter.

[0074] In this embodiment, step 121 is specifically as follows: first, convert the captured audio signal into digital form, then initialize an AnalyserNode, use the getByteFrequencyData method of the AnalyserNode to obtain frequency domain data, and use the getByteTimeDomainData method to obtain time domain data; specifically:

[0075]

[0076] In an optional embodiment of the present invention, feature extraction is performed on the time domain data to obtain amplitude parameters, including:

[0077] Step 12211, determining an average value in the time domain data according to the time domain data;

[0078] Step 12212, determine the amplitude parameter based on the average value in the time domain data.

[0079] In this embodiment, the amplitude parameter is specifically obtained by accumulating each item in the time domain data set and obtaining a simple average as the amplitude parameter; the calculation method is: amplitude parameter = ∑x_i / n, where x_i represents the i-th time domain value in the time domain data set, and n represents the length of the time domain data set, that is, the total length of all time domain data in the time domain data set; the time domain data set is a collection of multiple time domain data;

[0080] In this embodiment, feature extraction is performed on the time domain data to obtain the specific code corresponding to the amplitude parameter:

[0081]

[0082] In an optional embodiment of the present invention, feature extraction is performed on the frequency domain data to obtain frequency parameters, including:

[0083] Step 12221, determining a weighted average of the frequency data according to the frequency domain data;

[0084] Step 12222, determine the frequency parameter based on the weighted average.

[0085] In this embodiment, the frequency parameter = ∑(w_a*y_a) / ∑w_a, where w_a is the weight of the a-th value in the frequency domain data set, and y_a is the a-th value in the frequency domain data set; this method estimates the frequency center of the audio signal by calculating the weighted average of the frequency data; the weight allocation in this method is based on the index a corresponding to the frequency domain data in the frequency domain data set; each frequency domain data y_a is multiplied by its index a to calculate a weighted value, and then these weighted values ​​are accumulated; these weighted values ​​are accumulated and then divided by the sum of all amplitude values ​​∑w_a to obtain a weighted average; the frequency domain data set is a collection of multiple frequency domain data;

[0086] In this embodiment, feature extraction is performed on the frequency domain data to obtain the specific code corresponding to the frequency parameter:

[0087]

[0088] In an optional embodiment of the present invention, feature extraction is performed on the time domain data to obtain intensity parameters, including:

[0089] Step 12231: Determine intensity parameters according to the time domain data by using a preset audio intensity function.

[0090] In this embodiment, the preset audio intensity function is: Where x_i represents the i-th value in the time domain dataset, and n represents the length of the time domain dataset. It is calculated by accumulating the squares of all data items, averaging them, and taking the square root.

[0091] In this embodiment, feature extraction is performed on the time domain data to obtain the specific code corresponding to the intensity parameter:

[0092]

[0093]

[0094] In an optional embodiment of the present invention, feature extraction is performed on the time domain data to obtain rhythm parameters, including:

[0095] Step 12241, determining a crossover rate according to the time domain data;

[0096] Step 12242, determine the rhythm parameters according to the crossover rate.

[0097] In this embodiment, where sgn[] is the sign function, i.e. i represents the index of the time-domain data, and n represents the length of the time-domain data set. Among them, 100 is a preset threshold, and the value range is 0 < x < 255. By summing the number of times the signs of the time-domain data items are changed, the crossover rate is obtained as the rhythm parameter.

[0098] In this embodiment, the specific code for extracting the features of the time-domain data to obtain the rhythm parameter is as follows:

[0099]

[0100]

[0101] In an alternative embodiment of the present invention, step 13 may include:

[0102] Step 131, obtaining the initial scaling coefficient dynamically set by the user and the preset range of the motion parameters of the web page graphic model;

[0103] Step 132, determining the target speed parameter for driving the web page graphic model according to the initial scaling coefficient and the amplitude parameter;

[0104] Step 133, determining the target position parameter for driving the web page graphic model according to the initial scaling coefficient and the rhythm parameter;

[0105] Step 134, determining the target rotation parameter for driving the web page graphic model according to the initial scaling coefficient and the frequency parameter;

[0106] Step 135, determining the target scaling parameter for driving the web page graphic model according to the initial scaling coefficient and the intensity parameter.

[0107] In this embodiment, the initial scaling factor dynamically set by the user can be set according to the requirements, and can be specifically set to 1 or 1.5; the preset range of the motion parameters of the web page graphic model includes: the range of the target speed parameter (preferably set to 0.5-1.5), the range of the target position parameter (preferably set to 0-1), the range of the target rotation parameter (preferably set to 0-255) and the range of the target scaling parameter (preferably set to 0-1); in this embodiment, when the initial scaling factor is 1 and the range of the target speed parameter in the preset range is 0.5-1.5, the amplitude parameter is converted into the target speed parameter by using the initial scaling factor and the preset range. Specifically, the amplitude parameter The result obtained by multiplying the initial scaling factor is compared with the range of the target speed parameter. The result must be within the range of the target speed parameter. When it is greater than the range, the maximum value of the range is taken, and when it is less than the range, the minimum value of the range is taken. That is, when the result is within the range of the target speed parameter (0.5-1.5), the current result is output as the target speed parameter. When the result is less than 0.5, 0.5 is taken as the target speed parameter output. When the result is greater than 1.5, 1.5 is taken as the target speed parameter output. The conversion methods of the target scaling parameter, the target rotation parameter and the target position parameter in this embodiment are the same as the conversion method of the target speed parameter. The target rotation parameter is the rotation angle.

[0108] In this embodiment, step 13 specifically maps the extracted audio feature parameters to the motion parameters of the 3D model, including speed, position, rotation and scaling; defines a mapping function according to the audio feature parameters, and converts the audio feature parameters into specific motion parameters. The corresponding specific conversion code is as follows:

[0109]

[0110] In this embodiment, the initial zoom factor dynamically set by the user can be set through the user interface. At the same time, the user can also directly select and import audio files in the user interface by simply clicking and dragging. In addition, the user can also directly adjust the motion parameters of the 3D model according to needs through the user interface, such as changing the position, rotation angle and zoom ratio of the model; in order to improve the user experience, the interface also provides a real-time preview function, and the user can view the motion effect of the model changing with the audio signal in real time; the specific implementation program of the user interface is as follows:

[0111]

[0112]

[0113] In this embodiment, a slider component for audio uploading and parameter adjustment can be placed on the web page, and the audio can be played after successful uploading. In order for the user to preview the dynamic effect of the model after the parameter setting in real time, the event monitoring is performed on the slider of the model parameter to drive the WebGL rendering logic, including the acquisition of audio data and the real-time update of the model parameters. The present invention also provides a user interface, and the user can select audio files, customize model motion parameters, and control the state and options of the driving web page graphic model through simple operations.

[0114] In an optional embodiment of the present invention, step 14 may include:

[0115] According to the preset smooth transition variables, the target motion parameters are input into the webpage graphic model to drive the webpage graphic model to move, specifically, based on the preset smooth transition variables, according to the mapped target motion parameters, the model's API is called to update its position, rotation and scaling to update the state of the 3D model in real time;

[0116] In this embodiment, the variable of the preset smooth transition is set to 0.1; in this embodiment, by designing the variable of the preset smooth transition, the smooth transition of the data can be achieved to avoid abrupt changes in the model movement; the code corresponding to the specific implementation process of step 14 is as follows:

[0117]

[0118]

[0119] In an optional embodiment of the present invention, the method for driving the movement of the web page graphic model further includes:

[0120] Dynamically adjust the model parameters according to the real-time changes of the real-time audio signal through a preset adaptive algorithm; specifically, use Web Workers (Web worker threads) to process audio analysis to ensure that the algorithm can respond in real time and avoid blocking the main thread. At the same time, adaptively adjust the model movement according to the dynamic changes of the audio signal to implement the adaptive algorithm and dynamically adjust the model parameters according to the real-time changes of the audio signal; specifically, in the main thread, start a Web Worker by creating a new Worker object and specifying a JavaScript file containing the audio processing logic; send audio data from the main thread to the Web Worker through the `postMessage` method, and listen to the `onmessage` event to receive the results of the Worker processing; use a timer to regularly obtain audio analysis data and pass it to the Web Worker, drive the update after calculating the data, and ensure the balance between processing speed and real-time performance; at the same time, listen to the errors that may be thrown by the Web Worker in the main thread so as to handle abnormal situations in a timely manner; through the above steps, a high-performance audio processing system can be built, which can respond to changes in audio signals in real time and make corresponding adjustments without sacrificing user experience.

[0121] The webpage graphic model motion driving method of the present invention can significantly improve the efficiency of audio feature extraction and model rendering by adopting the latest GPU acceleration technology and multi-thread processing technology. In addition, memory management optimization technology is also adopted to reduce memory usage and memory access delay, thereby further improving the performance and response speed of the overall system.

[0122] The driving method for the movement of a web page graphic model described in the present invention has a simplified audio-visual synchronization mechanism, allowing developers to achieve mapping of audio features and visual elements with less workload, thereby greatly simplifying the development process; at the same time, by adopting an efficient audio processing method, it is possible to achieve real-time and accurate synchronization of audio signals and visual content, thereby improving the user's viewing experience; by optimizing audio processing and WebGL rendering algorithms, resource consumption is reduced, and system performance and resource utilization are improved, so that the web page graphic model can run more efficiently under limited computing resources; by adopting a modular and abstract design approach, the system has good maintainability and scalability, which is convenient for future upgrades and improvements; through mapping rules, the model movement can be dynamically adjusted according to the real-time changes of the audio signal, thereby achieving a natural and smooth audio-visual synchronization effect.

[0123] like Figure 2 As shown, the embodiment of the present invention further provides a driving device 20 for the movement of a web page graphic model, comprising:

[0124] An acquisition module 21 is used to acquire a real-time audio signal input to drive a web page graphic model;

[0125] The processing module 22 is used to extract features from the real-time audio signal to obtain audio feature parameters; determine target motion parameters for driving the web page graphic model according to the audio feature parameters; and drive the web page graphic model to move according to the target motion parameters.

[0126] Optionally, feature extraction is performed on the real-time audio signal to obtain audio feature parameters, including:

[0127] Converting the real-time audio signal to obtain time domain data and frequency domain data;

[0128] Feature extraction is performed on the time domain data or the frequency domain data to obtain audio feature parameters; the audio feature parameters include: at least one of an amplitude parameter, a frequency parameter, an intensity parameter and a rhythm parameter.

[0129] Optionally, feature extraction is performed on the time domain data to obtain amplitude parameters, including:

[0130] Determine the average value in the time domain data based on the time domain data;

[0131] Determine the amplitude parameter based on the average value in the time domain data.

[0132] Optionally, feature extraction is performed on the frequency domain data to obtain frequency parameters, including:

[0133] Determining a weighted average of the frequency data based on the frequency domain data;

[0134] Based on the weighted average, the frequency parameter is determined.

[0135] Optionally, feature extraction is performed on the time domain data to obtain intensity parameters, including:

[0136] According to the time domain data, an intensity parameter is determined by a preset audio intensity function.

[0137] Optionally, feature extraction is performed on the time domain data to obtain rhythm parameters, including:

[0138] determining a crossover rate according to the time domain data;

[0139] Based on the crossover rate, the rhythm parameters are determined.

[0140] Optionally, determining target motion parameters for driving the webpage graphic model according to the audio feature parameters includes:

[0141] Obtaining the initial zoom factor dynamically set by the user and the preset range of the motion parameters of the web page graphic model;

[0142] Determining a target speed parameter for driving the webpage graphic model according to the initial scaling factor, the preset range, and the amplitude parameter;

[0143] Determining target position parameters of the driving webpage graphic model according to the initial scaling factor, the preset range and the rhythm parameter;

[0144] Determining a target rotation parameter for driving a web page graphic model according to the initial scaling factor, the preset range, and the frequency parameter;

[0145] A target scaling parameter for driving the web page graphic model is determined according to the initial scaling factor, the preset range and the strength parameter.

[0146] Optionally, driving the webpage graphic model to move according to the target motion parameter includes:

[0147] According to the preset smooth transition variables, the target motion parameters are input into the web page graphic model to drive the web page graphic model to move.

[0148] In this embodiment, the rendering module in the driving device for the movement of the web page graphic model adopts an efficient three-dimensional model loader, which can quickly load 3D model files of various formats (such as OBJ, GLTF, etc.); in addition, the module also contains an intelligent model manager for efficiently managing and optimizing 3D models during the rendering process; the manager can dynamically adjust resource allocation according to the complexity of the model and rendering requirements to achieve optimal rendering performance.

[0149] A dynamic management system can be integrated into the driving device for the movement of the web page graphic model described in the present invention to effectively manage and optimize the WebGL model; this design can dynamically adjust the rendering parameters of the model, such as lighting, shadow, texture, etc., according to the characteristics of the audio signal to achieve a more realistic and dynamic visual effect.

[0150] It should be noted that the device is a device corresponding to the above method, and all implementation methods in the above method are applicable to the embodiments of the device and can achieve the same technical effects.

[0151] The embodiment of the present invention further provides a computing device, comprising: a processor and a memory storing a computer program, wherein when the computer program is executed by the processor, the above method is executed. All implementations in the above method embodiment are applicable to this embodiment and can achieve the same technical effect.

[0152] The embodiment of the present invention further provides a computer-readable storage medium storing instructions, which, when executed on a computer, enable the computer to execute the above method. All implementations in the above method embodiments are applicable to this embodiment and can achieve the same technical effect.

[0153] Those skilled in the art will appreciate that the units and algorithm steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of the present invention.

[0154] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working processes of the systems, devices and units described above can refer to the corresponding processes in the aforementioned method embodiments and will not be repeated here.

[0155] In the embodiments provided by the present invention, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0156] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0157] In addition, each functional unit in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.

[0158] If the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. According to this understanding, the technical solution of the present invention, or the part that contributes to the prior art, or the part of the technical solution, can be embodied in the form of a software product. The computer software product is stored in a storage medium, including several instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present invention. The aforementioned storage medium includes: various media that can store program codes, such as USB flash drives, mobile hard disks, ROM, RAM, magnetic disks, or optical disks.

[0159] In addition, it should be noted that in the apparatus and method of the present invention, it is obvious that each component or each step can be decomposed and / or recombined. These decompositions and / or recombinations should be regarded as equivalent schemes of the present invention. Moreover, the steps of performing the above-mentioned series of processing can naturally be performed in chronological order according to the order of description, but it is not necessary to perform them in chronological order, and some steps can be performed in parallel or independently of each other. For those of ordinary skill in the art, it is understood that all or any steps or components of the method and apparatus of the present invention can be implemented in any computing device (including processors, storage media, etc.) or a network of computing devices in hardware, firmware, software or a combination thereof, which can be achieved by those of ordinary skill in the art using their basic programming skills after reading the description of the present invention.

[0160] Therefore, the purpose of the present invention can also be achieved by running a program or a group of programs on any computing device. The computing device can be a well-known general device. Therefore, the purpose of the present invention can also be achieved by simply providing a program product containing a program code that implements the method or device. That is to say, such a program product also constitutes the present invention, and the storage medium storing such a program product also constitutes the present invention. Obviously, the storage medium can be any well-known storage medium or any storage medium developed in the future. It should also be pointed out that in the device and method of the present invention, it is obvious that each component or each step can be decomposed and / or recombined. These decompositions and / or recombinations should be regarded as equivalent schemes of the present invention. In addition, the steps of performing the above-mentioned series of processing can naturally be performed in chronological order according to the order of description, but it is not necessary to perform them in chronological order. Some steps can be performed in parallel or independently of each other.

[0161] The above is a preferred embodiment of the present invention. It should be pointed out that for ordinary technicians in this technical field, several improvements and modifications can be made without departing from the principles of the present invention. These improvements and modifications should also be regarded as the scope of protection of the present invention.

Claims

1. A method for driving the motion of a web page graphic model, characterized in that: The method comprises: Obtaining a real-time audio signal to be input into a driving web page graphic model; Extracting features from the real-time audio signal to obtain audio feature parameters; Determining target motion parameters for driving a web page graphics model according to the audio feature parameters; The web page graphic model is driven to move according to the target motion parameter.

2. The method for driving the motion of a web page graphic model according to claim 1, characterized in that: Extracting features from the real-time audio signal to obtain audio feature parameters includes: Converting the real-time audio signal to obtain time domain data and frequency domain data; Feature extraction is performed on the time domain data or the frequency domain data to obtain audio feature parameters; the audio feature parameters include: at least one of an amplitude parameter, a frequency parameter, an intensity parameter and a rhythm parameter.

3. The method for driving the motion of a web page graphic model according to claim 2, characterized in that: Feature extraction is performed on the time domain data to obtain amplitude parameters, including: Determine the average value in the time domain data based on the time domain data; Determine the amplitude parameter based on the average value in the time domain data.

4. The method for driving the motion of a web page graphic model according to claim 2, characterized in that: Feature extraction is performed on the frequency domain data to obtain frequency parameters, including: Determining a weighted average of the frequency data based on the frequency domain data; Based on the weighted average, the frequency parameter is determined.

5. The method for driving the motion of a web page graphic model according to claim 2, characterized in that: Feature extraction is performed on the time domain data to obtain intensity parameters, including: According to the time domain data, an intensity parameter is determined by a preset audio intensity function.

6. The method for driving the motion of a web page graphic model according to claim 2, characterized in that: Feature extraction is performed on the time domain data to obtain rhythm parameters, including: determining a crossover rate according to the time domain data; Based on the crossover rate, the rhythm parameters are determined.

7. The method for driving the motion of a web page graphic model according to claim 2, characterized in that: Determining target motion parameters for driving a web page graphic model according to the audio feature parameters includes: Obtaining the initial zoom factor dynamically set by the user and the preset range of the motion parameters of the web page graphic model; Determining a target speed parameter for driving the webpage graphic model according to the initial scaling factor, the preset range, and the amplitude parameter; Determining target position parameters of the driving webpage graphic model according to the initial scaling factor, the preset range and the rhythm parameter; Determining a target rotation parameter for driving a web page graphic model according to the initial scaling factor, the preset range, and the frequency parameter; A target scaling parameter for driving the web page graphic model is determined according to the initial scaling factor, the preset range and the strength parameter.

8. The method for driving the motion of a web page graphic model according to claim 1, characterized in that: Driving the webpage graphic model to move according to the target motion parameter includes: According to the preset smooth transition variables, the target motion parameters are input into the web page graphic model to drive the web page graphic model to move.

9. A driving device for the movement of a web page graphic model, characterized in that: include: An acquisition module, used for acquiring a real-time audio signal for inputting into a driving web page graphic model; A processing module, used for extracting features from the real-time audio signal to obtain audio feature parameters; According to the audio feature parameters, target motion parameters for driving the web page graphic model are determined; and according to the target motion parameters, the web page graphic model is driven to move.

10. A computing device, characterized in that include: A processor and a memory storing a computer program, wherein when the computer program is executed by the processor, the method according to any one of claims 1 to 8 is performed.

Images