Page interaction method and device, electronic equipment, medium and program product

By generating dynamic occlusion special effects images that match real-time weather information, the problem that sensitive information display and occlusion methods in existing technologies cannot be dynamically adjusted is solved, an immersive interactive experience and timely privacy protection are achieved, and the user experience and system performance are improved.

CN120671168APending Publication Date: 2025-09-19INDUSTRIAL AND COMMERCIAL BANK OF CHINA
View PDF 0 Cites 0 Cited by

Patent Information

Application Number
CN202411742169.4
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-11-29
Publication Date
2025-09-19

AI Technical Summary

Technical Problem

In existing technologies, the display and obstruction methods of sensitive information cannot be dynamically adjusted according to the real-time environment, resulting in a lack of novelty in the user experience and poor interactive fun. In addition, the obstruction effect cannot be dynamically updated when the user is not operating, increasing the risk of privacy leakage. At the same time, complex obstruction effects have high requirements on system performance, making it difficult to balance visual effects and computing resource consumption.

Method used

By obtaining real-time weather information, dynamic occlusion special effects images are generated based on the preset weather special effects mapping relationship. The occlusion special effects images are used to dynamically occlude sensitive information in real time, and the occlusion effect is updated when the user interacts or does not interact. Combined with particle generation and dynamic parameter adjustment, it provides an immersive interactive experience and timely privacy protection.

Benefits of technology

It improves the fun and immersion of user interaction, reduces the risk of information leakage, shortens the special effects loading time, and improves system responsiveness and computing resource utilization efficiency.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN120671168A_ABST
    Figure CN120671168A_ABST
Patent Text Reader

Abstract

The invention provides a page interaction method which can be applied to the technical field of financial science and technology. The method comprises the following steps: in response to a user entering an information display page, obtaining first real-time weather information; generating a shielding special effect image corresponding to the first real-time weather information based on a preset weather special effect mapping relation; performing real-time dynamic shielding on target sensitive information in the information display page by utilizing the shielding special effect image; in response to a first interaction operation of a user, releasing real-time dynamic shielding of the target sensitive information; and in response to the situation that the user does not trigger the interaction operation in the target time period, obtaining second real-time weather information, and generating a shielding special effect image corresponding to the second real-time weather information so as to perform real-time dynamic shielding on the target sensitive information again. The invention further provides a page interaction device and equipment, a storage medium and a program product.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present disclosure relates to the field of financial technology, and more specifically to a page interaction method, device, equipment, medium and program product. Background Art

[0002] With the rapid development of information technology and the mobile internet, users are increasingly demanding data privacy protection, aesthetically pleasing information display, and interactive experiences. In everyday applications on mobile devices and computing terminals, the display and privacy protection of sensitive information, such as account balances, income, and expenses, have become important design priorities. Traditional information display interfaces typically employ static masking (such as the masking effect of password input boxes) or single animation effects. However, these approaches suffer from the following drawbacks in practical use:

[0003] Existing technologies often use pre-defined methods for displaying and blocking money information, with no direct correlation to the user's surroundings (such as weather, time, or location), failing to provide an immersive display experience. Furthermore, most blocking technologies only change the display state of sensitive information upon active user interaction, failing to dynamically update the blocking effect without user interaction. This can lead to long-term exposure of information and increase the risk of privacy breaches.

[0004] Currently, some technical research attempts to improve information display effects through complex occlusion effects or animation effects. However, this method has high requirements on system performance, especially in the process of multi-dimensional data input or special effects generation. Existing solutions are difficult to effectively balance the consumption between visual effects and computing resources. Summary of the Invention

[0005] In view of the above problems, the present disclosure provides a page interaction method, apparatus, device, medium and program product for optimizing the performance of dynamic special effects generation and improving user experience.

[0006] According to the first aspect of the present disclosure, a page interaction method is provided, including: in response to a user entering an information display page, obtaining first real-time weather information; generating a blocking special effects image corresponding to the first real-time weather information based on a preset weather special effects mapping relationship; using the blocking special effects image to perform real-time dynamic blocking of target sensitive information in the information display page; in response to the user's first interactive operation, releasing the real-time dynamic blocking of the target sensitive information; and in response to the user not triggering an interactive operation within a target time period, obtaining second real-time weather information, generating a blocking special effects image corresponding to the second real-time weather information, so as to re-perform real-time dynamic blocking of the target sensitive information.

[0007] According to an embodiment of the present disclosure, obtaining the first real-time weather information specifically includes: calling at least one weather data acquisition interface based on the positioning information of the user device to obtain multidimensional meteorological parameters; and performing data verification and / or conflict processing on the multidimensional meteorological parameters to generate the first real-time weather information.

[0008] According to an embodiment of the present disclosure, the multidimensional meteorological parameters include weather type, and one or more of precipitation intensity, wind speed, and temperature and humidity.

[0009] According to an embodiment of the present disclosure, the generation of an occlusion special effects image corresponding to the first real-time weather information based on a preset weather special effects mapping relationship specifically includes: determining a special effects category based on the weather type, obtaining special effects refinement parameters based on one or more of precipitation intensity, wind speed, and temperature and humidity; and matching an occlusion special effects template using the special effects category and the preset weather special effects mapping relationship, adjusting the occlusion special effects template based on the special effects refinement parameters, and generating an occlusion special effects image.

[0010] According to an embodiment of the present disclosure, the occlusion special effect image is used to perform real-time dynamic occlusion on the target sensitive information in the information display page, specifically including: calculating the geometric boundary of the target sensitive information to obtain the layout information of the target sensitive information in the information display page; generating dynamic occlusion information of the occlusion special effect image based on the layout information; and using the dynamic occlusion information to perform real-time dynamic occlusion on the target sensitive information.

[0011] According to an embodiment of the present disclosure, the generation of dynamic occlusion information of the occlusion special effect image based on the layout information specifically includes: initializing the particle generator of the occlusion special effect image based on the layout information to generate an initial state of particles; and setting dynamic parameters, and using the dynamic parameters to adjust the frequency and distribution of particle generation to generate the dynamic occlusion information.

[0012] According to an embodiment of the present disclosure, the occlusion effect of the dynamic occlusion information includes: a static background layer, which is used to simulate the overall effect of the weather environment based on the weather type; a dynamic special effects layer, which is used to generate an occlusion animation in combination with the special effects refinement parameters; and a target sensitive information layer, which is used to combine with the dynamic special effects layer to support users to perform interactive operations to display the target sensitive information.

[0013] According to an embodiment of the present disclosure, the first interactive operation includes a shaking action, a voice command or a gesture sliding operation, and the method further includes: utilizing the accelerometer and gyroscope data of the user device to detect the user's shaking action to detect the first trigger operation; or based on voice input recognition technology, recognizing the user's voice command to detect the first trigger operation; or detecting the user's gesture sliding based on the touch event monitoring of the user device to detect the first trigger operation.

[0014] The second aspect of the present disclosure provides a page interaction device, including: an information acquisition module, used to: obtain first real-time weather information in response to a user entering an information display page; a special effect image generation module, used to: generate an occlusion special effect image corresponding to the first real-time weather information based on a preset weather special effect mapping relationship; a dynamic occlusion module, used to: use the occlusion special effect image to perform real-time dynamic occlusion on the target sensitive information in the information display page; an occlusion release module, used to: release the real-time dynamic occlusion of the target sensitive information in response to the user's first interactive operation; and a re-occlusion module, used to: obtain second real-time weather information in response to the user not triggering an interactive operation within a target time period, and generate an occlusion special effect image corresponding to the second real-time weather information to re-perform real-time dynamic occlusion on the target sensitive information.

[0015] According to an embodiment of the present disclosure, the special effect image generation module may include a special effect category and parameter determination unit and an occlusion special effect image generation unit.

[0016] According to an embodiment of the present disclosure, the special effect category and parameter determination unit can be used to determine the special effect category based on the weather type, and obtain special effect refinement parameters based on one or more of precipitation intensity, wind speed, and temperature and humidity.

[0017] According to an embodiment of the present disclosure, the occlusion special effect image generation unit can be used to match the occlusion special effect template using the special effect category and the preset weather special effect mapping relationship, adjust the occlusion special effect template based on the special effect refinement parameter, and generate an occlusion special effect image.

[0018] According to an embodiment of the present disclosure, the dynamic occlusion module may include a layout information acquisition unit, a dynamic occlusion information generation module, and a real-time occlusion unit.

[0019] According to an embodiment of the present disclosure, the layout information acquisition unit may be used to calculate the geometric boundary of the target sensitive information to obtain layout information of the target sensitive information in the information display page.

[0020] According to an embodiment of the present disclosure, the dynamic occlusion information generation module may be configured to generate the dynamic occlusion information of the occlusion special effect image based on the layout information.

[0021] According to an embodiment of the present disclosure, the real-time shielding unit may be configured to dynamically shield the target sensitive information in real time using the dynamic shielding information.

[0022] According to an embodiment of the present disclosure, the dynamic occlusion information generation module may include a special effect category and initial state unit and an occlusion information unit.

[0023] According to an embodiment of the present disclosure, the initial state unit may be configured to initialize a particle generator for the occluding special effect image based on the layout information, and generate an initial state of particles.

[0024] According to an embodiment of the present disclosure, the occlusion information unit may be used to set dynamic parameters, and the frequency and distribution of particle generation may be adjusted using the dynamic parameters to generate the dynamic occlusion information.

[0025] A third aspect of the present disclosure provides an electronic device, comprising: one or more processors; and a memory for storing one or more computer programs, wherein the one or more processors execute the one or more computer programs to implement the steps of the above method.

[0026] The fourth aspect of the present disclosure further provides a computer-readable storage medium having a computer program or instructions stored thereon, which implements the steps of the above method when the computer program or instructions are executed by a processor.

[0027] The fifth aspect of the present disclosure further provides a computer program product, comprising a computer program or instructions, which implement the steps of the above method when executed by a processor.

[0028] According to the embodiments of the present disclosure, by dynamically generating occlusion effects images based on real-time weather conditions, users are provided with real-time visual feedback, making interactions more engaging and enhancing the user experience. Furthermore, if the user remains inactive for an extended period, the system regenerates the occlusion effects based on the latest weather information, automatically restoring the protection of sensitive information and thus reducing the risk of information leakage. Furthermore, by pre-setting weather effect mappings to generate occlusion effects images, the loading time of the effects is significantly shortened, allowing users to immediately see the dynamic occlusion effects upon entering the page, thereby improving the system's responsiveness. BRIEF DESCRIPTION OF THE DRAWINGS

[0029] The above contents and other objects, features and advantages of the present disclosure will become more apparent through the following description of the embodiments of the present disclosure with reference to the accompanying drawings, in which:

[0030] Figure 1 Schematically illustrates an application scenario diagram of the page interaction method, apparatus, device, medium, and program product according to an embodiment of the present disclosure;

[0031] Figure 2 The following schematically shows a flow chart of a page interaction method according to an embodiment of the present disclosure;

[0032] Figure 3 The following schematically illustrates a method for generating an occlusion special effect image according to an embodiment of the present disclosure;

[0033] Figure 4 The following schematically illustrates a method for generating an occlusion special effect image according to an embodiment of the present disclosure;

[0034] Figure 5 Schematic diagram of a method for generating an occlusion special effect image according to an embodiment of the present disclosure

[0035] Figure 6 Schematically shows a structural block diagram of a page interaction device according to an embodiment of the present disclosure; and

[0036] Figure 7 A block diagram of an electronic device suitable for implementing a page interaction method according to an embodiment of the present disclosure is schematically shown. DETAILED DESCRIPTION

[0037] Hereinafter, embodiments of the present disclosure will be described with reference to the accompanying drawings. However, it should be understood that these descriptions are merely exemplary and are not intended to limit the scope of the present disclosure. In the detailed description below, for ease of explanation, many specific details are set forth to provide a comprehensive understanding of the embodiments of the present disclosure. However, it is apparent that one or more embodiments may also be implemented without these specific details. In addition, in the following description, descriptions of well-known structures and technologies are omitted to avoid unnecessary confusion of the concepts of the present disclosure.

[0038] The terms used herein are only for describing specific embodiments and are not intended to limit the present disclosure. The terms "comprise," "include," etc. used herein indicate the presence of the features, steps, operations, and / or components, but do not exclude the presence or addition of one or more other features, steps, operations, or components.

[0039] All terms used herein (including technical and scientific terms) have the meanings commonly understood by those skilled in the art unless otherwise defined. It should be noted that the terms used herein should be interpreted as having a meaning consistent with the context of this specification and should not be interpreted in an idealized or overly rigid manner.

[0040] When expressions such as "at least one of A, B, and C, etc." are used, they should generally be interpreted in accordance with the meaning commonly understood by those skilled in the art (for example, "a system having at least one of A, B, and C" should include but is not limited to a system having A alone, B alone, C alone, A and B, A and C, B and C, and / or A, B, C, etc.).

[0041] With the rapid development of information technology and mobile devices, users' demands for data privacy protection and interactive experiences continue to increase. In daily life, the display and privacy protection of sensitive information such as account balances, income, and expenses have become a major design challenge. Existing technologies mainly use static occlusion or simple dynamic effects to protect sensitive information. However, in practical applications, these solutions have obvious shortcomings.

[0042] First, traditional occlusion methods are usually fixed static solutions, such as simple masking or blurring effects, which cannot dynamically adjust the occlusion method according to the real-time environment (such as weather, location and other external factors), resulting in a lack of novelty in the user experience and difficulty in adapting to complex scenarios.

[0043] Secondly, existing technologies often use relatively simple methods to display and block sensitive information, failing to integrate dynamic effects that interact with the user's surroundings, making them unappealing and uninteresting. This is especially true on mobile devices, where users prefer visually intuitive, user-friendly, and interactive displays.

[0044] Thirdly, most occlusion technologies only change the display status of sensitive information when the user actively interacts, and cannot dynamically update the occlusion effect without user operation, which may lead to long-term exposure of information and increase the risk of privacy leakage.

[0045] Finally, some complex occlusion effects or animation effects have high requirements on system performance, especially in the process of multi-dimensional data input or special effects generation. Existing solutions find it difficult to effectively balance the consumption between visual effects and computing resources.

[0046] Based on this, an embodiment of the present disclosure provides a page interaction method, the method comprising: in response to a user entering an information display page, obtaining first real-time weather information; based on a preset weather special effect mapping relationship, generating an occlusion special effect image corresponding to the first real-time weather information; using the occlusion special effect image to dynamically occlude the target sensitive information in the information display page in real time; in response to the user's first interactive operation, releasing the real-time dynamic occlusion of the target sensitive information; and in response to the user not triggering an interactive operation within a target time period, obtaining second real-time weather information, generating an occlusion special effect image corresponding to the second real-time weather information, so as to re-occlude the target sensitive information in real time. The page interaction method provided by the present disclosure provides users with visual real-time dynamic feedback by dynamically generating an occlusion special effect image according to the real-time weather type, thereby enhancing the fun of the interaction and thus improving the user experience; at the same time, when the user has not operated for a long time, the system will regenerate the occlusion special effect according to the latest weather information, automatically restoring the protection status of the sensitive information, thereby reducing the risk of information leakage. In addition, by pre-setting the weather effects mapping relationship to generate occlusion effects images, the effects loading time is greatly shortened, and users can immediately see the dynamic occlusion effect after entering the page, thereby improving the system's timely responsiveness.

[0047] It should be noted that the page interaction methods, devices, equipment, media, and program products identified in this disclosure can be used in the field of financial technology, and can also be used in various fields outside of the field of financial technology. The application fields of the page interaction methods, devices, equipment, media, and program products provided in the embodiments of this disclosure are not limited.

[0048] In the technical solutions disclosed herein, the user information (including but not limited to user personal information, user image information, user device information, such as location information, etc.) and data (including but not limited to data used for analysis, stored data, displayed data, etc.) involved are all information and data authorized by the user or fully authorized by all parties, and the collection, storage, use, processing, transmission, provision, disclosure and application of the relevant data comply with relevant laws, regulations and standards, take necessary confidentiality measures, do not violate public order and good morals, and provide corresponding operation entrances for users to choose to authorize or refuse.

[0049] In scenarios where personal information is used for automated decision-making, the methods, devices, and systems provided by the embodiments of the present disclosure all provide users with corresponding operation portals for them to choose to agree or reject the automated decision-making results; if the user chooses to reject, the expert decision-making process will be entered. The expression "automated decision-making" here refers to the activity of automatically analyzing and evaluating an individual's behavioral habits, interests and hobbies, or economic, health, credit status, etc. through computer programs and making decisions. The expression "expert decision-making" here refers to the activity of making decisions by people who specialize in a certain field, have specialized experience, knowledge, and skills, and have reached a certain level of professionalism.

[0050] Figure 1 The application scenario diagram of the page interaction method, apparatus, device, medium and program product according to the embodiments of the present disclosure is schematically shown.

[0051] like Figure 1 As shown, the application scenario 100 according to this embodiment may include a first terminal device 101, a second terminal device 102, a third terminal device 103, a network 104, and a server 105. The network 104 is used as a medium for providing a communication link between the first terminal device 101, the second terminal device 102, the third terminal device 103, and the server 105. The network 104 may include various connection types, such as wired or wireless communication links or optical fiber cables.

[0052] A user may use a first terminal device 101, a second terminal device 102, or a third terminal device 103 to interact with a server 105 via a network 104 to receive or send messages, etc. Various communication client applications may be installed on the first terminal device 101, the second terminal device 102, or the third terminal device 103, such as shopping applications, web browser applications, search applications, instant messaging tools, email clients, social platform software, etc. (for example only).

[0053] The first terminal device 101 , the second terminal device 102 , and the third terminal device 103 may be various electronic devices having display screens and supporting web browsing, including but not limited to smart phones, tablet computers, laptop computers, desktop computers, and the like.

[0054] The server 105 may be a server that provides various services, such as a background management server (for example only) that supports websites browsed by users using the first terminal device 101, the second terminal device 102, and the third terminal device 103. The background management server may analyze and process received data such as user requests, and feed back processing results (e.g., web pages, information, or data obtained or generated based on user requests) to the terminal devices.

[0055] It should be noted that the page interaction method provided in the embodiment of the present disclosure can generally be executed by the server 105. Accordingly, the page interaction device provided in the embodiment of the present disclosure can generally be set in the server 105. The page interaction method provided in the embodiment of the present disclosure can also be executed by a server or server cluster that is different from the server 105 and can communicate with the first terminal device 101, the second terminal device 102, the third terminal device 103 and / or the server 105. Accordingly, the page interaction device provided in the embodiment of the present disclosure can also be set in a server or server cluster that is different from the server 105 and can communicate with the first terminal device 101, the second terminal device 102, the third terminal device 103 and / or the server 105.

[0056] It should be understood that Figure 1 The number of terminal devices, networks and servers in the embodiment is merely illustrative. Any number of terminal devices, networks and servers may be provided as required.

[0057] The following will be based on Figure 1 The scene described by Figures 2 to 5 The page interaction method of the disclosed embodiment is described in detail.

[0058] Figure 2 The flowchart of the page interaction method according to the embodiment of the present disclosure is schematically shown.

[0059] like Figure 2 As shown, the page interaction of this embodiment includes operations S210 to S250, and the transaction processing method can be executed by the server 105.

[0060] In operation S210, in response to a user entering an information display page, first real-time weather information is obtained.

[0061] In an embodiment of the present disclosure, a user can first log in through identity authentication before entering the information display page. In response to the user entering the information display page, the user's current geographic location can be obtained using the user device's positioning module. Based on the user device's positioning information, at least one weather data acquisition interface can be invoked to obtain multi-dimensional meteorological parameters. The data provided by each interface may include: weather type (sunny, rainy, snowy, etc.); temperature (Celsius / Fahrenheit); precipitation intensity (mm / hour); wind speed (m / s); and humidity (percentage).

[0062] According to embodiments of the present disclosure, real-time weather data may come from multiple data sources (such as different interfaces or local caches). Due to differences in data origin, update time, or accuracy, different data sources may provide inconsistent results. Directly using unprocessed weather data may result in display errors, logical confusion, or user experience issues. Therefore, consistency checks are required, and when data conflicts occur, the optimal data source is selected based on trusted rules to ensure data reliability.

[0063] Specifically, you can check data integrity and format consistency. For example, check whether the data fields returned by each interface are complete (such as temperature, precipitation intensity, weather type, etc.) and ensure that all fields conform to the expected format (such as the temperature value is within a reasonable range).

[0064] For data of the same type from different data sources, you can check for conflicts or discrepancies. For example, you can check for weather type conflicts: if one data source returns "sunny" while another returns "light rain"; numerical data discrepancies: if the difference between temperature, precipitation intensity, and wind speed exceeds a preset threshold; and timestamp verification: comparing data update timestamps and marking older updates as less reliable.

[0065] Furthermore, for the numerical data in the above difference values, the mean and standard deviation of all interface return values ​​can be calculated to eliminate outliers; for weather type data, the return frequency can be counted, the type with the most occurrences can be selected, and the data with more recent updates can be used first.

[0066] When data from different interfaces conflict, trusted data sources can be selected based on pre-set priority rules. For example, data sources with higher accuracy (such as authoritative weather services) can be given higher priority. If the results of multiple high-priority data sources are consistent, that data can be used directly. If there is a conflict between high-priority data sources, the data with the most recent timestamp will be prioritized. If all data sources differ, a weighted voting mechanism is used (for example, taking a weighted average for temperature).

[0067] According to the embodiments of the present disclosure, by comparing and integrating multiple data sources (for example, selecting authoritative data sources or using weighted averaging), the system can obtain high-quality weather data with a low number of interface calls. This means that while ensuring data accuracy, unnecessary data requests are reduced, network bandwidth usage, and server processing overhead are lowered.

[0068] In operation S220, an occlusion special effect image corresponding to the first real-time weather information is generated based on a preset weather special effect mapping relationship.

[0069] Figure 3 The following schematically illustrates a method for generating an occlusion special effect image according to an embodiment of the present disclosure.

[0070] like Figure 3 As shown, the method for generating an occlusion special effect image in this embodiment may include operations S310 to S320.

[0071] In operation S310 , a special effect category is determined based on the weather type, and special effect refinement parameters are acquired based on one or more of precipitation intensity, wind speed, and temperature and humidity.

[0072] In operation S320, an occlusion special effect template is matched using the special effect category and a preset weather special effect mapping relationship, and the occlusion special effect template is adjusted based on the special effect refinement parameter to generate an occlusion special effect image.

[0073] In the embodiment of the present disclosure, the system presets a weather special effects mapping relationship, and associates weather types with specific special effects. For example, a sunny day is mapped to a sunlight halo effect; a cloudy day is mapped to a shadow covering effect; a light rain is mapped to a falling raindrop effect; a heavy rain is mapped to a heavy rain effect; a snowy day is mapped to a falling snow effect; and a haze is mapped to a dynamic hazy effect. Based on the special effects refinement parameters, the detail generation effect of the occlusion special effects template can be further adjusted. For example, the halo intensity and position can be dynamically adjusted, and the halo brightness can be enhanced when the temperature is high; dynamic floating cloud shadow effects can be added according to the wind speed, and the shadow blur can be increased when the humidity is high; the raindrop density can be increased when the precipitation intensity is high, the inclination angle of the raindrops can be increased when the wind speed is high, and the ground reflection water light special effects can be added when the humidity is high; including dynamic water mist effects and blurred backgrounds, dynamic displacement of raindrops with the wind can be added when the wind speed is high, and the concentration of blurred water vapor can be enhanced when the humidity is extremely high; the snowflake speed can be accelerated and the displacement trajectory can be increased when the wind speed is high, and the thickness and reflective effect of the snow layer on the ground can be increased when the humidity is high; the haze concentration can be enhanced and a light scattering effect can be added when the humidity is high, and static floating particle special effects can be added when the wind speed is low, etc.

[0074] Specifically, weather type, precipitation intensity, wind speed, and temperature and humidity can be normalized to ensure that data from each dimension can be compared within a consistent range (for example, temperature and humidity can be normalized to between 0 and 1). Weights can be set based on the sensitivity of different weather effects to these parameters. For example, precipitation intensity has a higher weight on rainy days, while wind speed has a lower impact on sunny and cloudy days. During the weather effect generation process, the effect's intensity is dynamically adjusted based on these parameters and weights.

[0075] Return to reference Figure 2 In operation S230, the target sensitive information in the information display page is dynamically shielded in real time using the shielding special effect image.

[0076] Figure 4 The following schematically illustrates a method for generating an occlusion special effect image according to an embodiment of the present disclosure.

[0077] like Figure 4As shown, the method for generating an occlusion special effect image in this embodiment may include operations S410 to S430.

[0078] In operation S410, the geometric boundaries of the target sensitive information are calculated to obtain layout information of the target sensitive information on the information display page. The boundaries of the target element can be determined by calculating its geometric attributes, which include position and size. Position is typically expressed as x and y coordinates relative to the top left corner of the page; size includes the width and height of the target element.

[0079] In operation S420 , dynamic occlusion information of the occlusion special effect image is generated based on the layout information.

[0080] Figure 5 The following schematically illustrates a method for generating an occlusion special effect image according to an embodiment of the present disclosure.

[0081] like Figure 5 As shown, the method for generating an occlusion special effect image in this embodiment may include operations S510 to S520.

[0082] In operation S510, the particle generator of the occlusion special effect image is initialized based on the layout information to generate the initial state of the particles. The particle generator is initialized to generate the basic elements of the occlusion special effect (such as raindrops, snowflakes, etc.) and ensure that these special effects can cover the target sensitive information. By utilizing the layout information, the special effects can be accurately aligned with the target area in the page to achieve effective occlusion. The initial generated position is usually set near the geometric boundary of the target sensitive information. Initialization can also set the initial direction of the particles. For example, the direction of raindrops can be vertically downward, while snowflakes may fall randomly to simulate the effects under different weather conditions.

[0083] For example, if the target area is a rectangle with a width of 300 pixels and a height of 100 pixels, the particle generator can be set to start generating raindrop particles at the upper boundary of the area to ensure that the entire area is blocked.

[0084] In operation S520 , dynamic parameters are set, and the frequency and distribution of particle generation are adjusted using the dynamic parameters to generate the dynamic occlusion information.

[0085] For example, dynamic parameters may include generation frequency, generation density, particle transparency, and motion trajectory. Generation frequency refers to the number of particles generated by a particle generator per unit time. For example, in a rainy scene, if the precipitation intensity is high, the generation frequency can be set higher to make the raindrops appear more densely, thereby increasing the occlusion effect. Transparency determines the visual intensity of the occlusion. For example, in a snowy scene, the transparency of the snowflakes will gradually change, enhancing their dynamic effect. Regarding the motion trajectory, for example, the normal direction of motion of raindrops is vertically falling at a speed of 20 pixels per second. If the wind speed is high, the direction may be tilted 15 degrees to the right.

[0086] Return to reference Figure 4 In operation S430, the dynamic occlusion information is used to dynamically occlude the target sensitive information in real time. Dynamic parameters determine the specific performance of the special effect. For example, the particle frequency indicates the number of particles generated per second to ensure that the special effect fully covers the target area; the motion trajectory sets the movement path of the particles, such as the vertical falling of raindrops or the drifting path of snowflakes, to increase the realism of the special effect. This scene-based dynamic adjustment mechanism allows the particle effect to be generated at a higher density when needed (such as when precipitation increases), while reducing the frequency and number of special effects when conditions permit, thereby saving computing resources.

[0087] Return to reference Figure 2 In operation S240, in response to the user's first interactive operation, the real-time dynamic shielding of the target sensitive information is released.

[0088] In the embodiments of the present disclosure, the system can detect multiple types of interactive operations. These include: the user expressing the intention to view information by performing sliding gestures on the screen (such as sliding left and right, or sliding up and down); the user can also slightly shake the device, using the device's built-in accelerometer and gyroscope to recognize this action; the user can also request to view sensitive information through voice input, such as by saying a command such as "show information." Correspondingly, the system detects interactive operations by monitoring different sensors and events: the accelerometer and gyroscope are used to identify shaking actions; touch screen event monitoring is used to detect sliding gestures; and the voice recognition module is used to detect specific voice commands.

[0089] To improve the user experience, occlusion effects can be gradually removed, usually through a gradual animation rather than an instantaneous disappearance. This process makes the information appear more natural and gives users better visual feedback on the system's response.

[0090] In an embodiment of the present disclosure, the occlusion effect of dynamic occlusion information may include: a static background layer, which is used to simulate the overall effect of the weather environment based on the weather type. The static background layer provides a visual background consistent with the current weather, enhancing the user's immersion and experience; a dynamic special effects layer, which is used to generate an occlusion animation in combination with the special effect refinement parameters. The dynamic special effects layer generates real-time particle special effects, such as raindrops or snowflakes, which are used to dynamically occlude sensitive information and increase the vividness and dynamism of the page; and a target sensitive information layer, which is used to combine with the dynamic special effects layer to support user interaction to display the target sensitive information. The target sensitive information layer controls the display and hiding of sensitive information by combining with the dynamic special effects layer, ensuring that sensitive information is blocked when no interaction is performed, thereby enhancing information privacy protection. The static background layer is responsible for the presentation of the overall visual effect, the dynamic special effects layer is responsible for real-time particle animation occlusion, and the target sensitive information layer is responsible for data presentation and interactive control. The three layers work together to ensure that the page has good visual expression, dynamic effects and security.

[0091] In operation S250, in response to the user not triggering an interactive operation within the target time period, second real-time weather information is obtained, and a blocking special effect image corresponding to the second real-time weather information is generated to re-dynamically block the target sensitive information in real time.

[0092] In the embodiments of the present disclosure, users can set a target time period (e.g., 10 seconds) after viewing sensitive information. If the user does not perform further interactive operations within the target time period, the system will automatically perform the blocking process. Without any user interaction, the system will obtain new weather information to ensure that the blocking effect can match the latest weather conditions, thereby increasing the real-time and naturalness of the blocking effect.

[0093] Based on the above page interaction method, the present disclosure also provides a page interaction device. Figure 6 The device is described in detail.

[0094] Figure 6 The structural block diagram of the page interaction device according to an embodiment of the present disclosure is schematically shown.

[0095] like Figure 6 As shown, the page interaction device 600 of this embodiment includes an information acquisition module 610 , a special effect image generation module 620 , a dynamic occlusion module 630 , an occlusion release module 640 and a re-occlusion module 650 .

[0096] The information acquisition module 610 may be used to obtain the first real-time weather information in response to the user entering the information display page. In one embodiment, the information acquisition module 610 may be used to perform the operation S210 described above, which will not be described in detail here.

[0097] The special effect image generation module 620 can be used to generate an occlusion special effect image corresponding to the first real-time weather information based on a preset weather special effect mapping relationship. In one embodiment, the special effect image generation module 620 can be used to perform the operation S220 described above, which will not be repeated here.

[0098] The dynamic occlusion module 630 can be used to use the occlusion special effect image to perform real-time dynamic occlusion on the target sensitive information in the information display page. In one embodiment, the dynamic occlusion module 630 can be used to perform the operation S230 described above, which will not be repeated here.

[0099] The blocking removal module 640 may be configured to remove the real-time dynamic blocking of the target sensitive information in response to the user's first interactive operation. In one embodiment, the blocking removal module 640 may be configured to perform the operation S240 described above, which will not be described in detail herein.

[0100] The re-blocking module 650 can be used to obtain second real-time weather information in response to the user not triggering an interactive operation within the target time period, generate a blocking special effect image corresponding to the second real-time weather information, and re-dynamically block the target sensitive information in real time. In one embodiment, the re-blocking module 650 can be used to perform operation S250 described above, which will not be repeated here.

[0101] According to an embodiment of the present disclosure, the special effect image generation module 620 may include a special effect category and parameter determination unit and an occlusion special effect image generation unit.

[0102] The special effect category and parameter determination unit may be configured to determine a special effect category based on the weather type and to obtain special effect refinement parameters based on one or more of precipitation intensity, wind speed, and temperature and humidity. In one embodiment, the special effect category and parameter determination unit may be configured to perform operation S310 described above, which will not be further described herein.

[0103] The occlusion special effect image generation unit can be used to match an occlusion special effect template using the special effect category and a preset weather special effect mapping relationship, adjust the occlusion special effect template based on the special effect refinement parameter, and generate an occlusion special effect image. In one embodiment, the occlusion special effect image generation unit can be used to perform operation S320 described above, which will not be repeated here.

[0104] According to an embodiment of the present disclosure, the dynamic occlusion module 630 may include a layout information acquisition unit, a dynamic occlusion information generation module, and a real-time occlusion unit.

[0105] The layout information acquisition unit may be used to calculate the geometric boundaries of the target sensitive information to obtain layout information of the target sensitive information in the information display page. In one embodiment, the layout information acquisition unit may be used to perform the operation S410 described above, which will not be repeated here.

[0106] The dynamic occlusion information generation module may be used to generate dynamic occlusion information of the occlusion special effect image based on the layout information. In one embodiment, the dynamic occlusion information generation module may be used to perform the operation S420 described above, which will not be repeated here.

[0107] The real-time shielding unit may be used to dynamically shield the target sensitive information in real time using the dynamic shielding information. In one embodiment, the real-time shielding unit may be used to perform the operation S430 described above, which will not be described in detail here.

[0108] According to an embodiment of the present disclosure, the dynamic occlusion information generation module may include a special effect category and initial state unit and an occlusion information unit.

[0109] The initial state unit may be used to initialize the particle generator of the occlusion special effect image based on the layout information to generate the initial state of the particles. In one embodiment, the initial state unit may be used to perform the operation S510 described above, which will not be repeated here.

[0110] The occlusion information unit can be used to set dynamic parameters, and use the dynamic parameters to adjust the frequency and distribution of particle generation to generate the dynamic occlusion information. In one embodiment, the occlusion information unit can be used to perform the operation S520 described above, which will not be repeated here.

[0111] According to embodiments of the present disclosure, any multiple modules among the information acquisition module 610, special effect image generation module 620, dynamic occlusion module 630, occlusion removal module 640, and re-occlusion module 650 may be combined into a single module, or any one of these modules may be split into multiple modules. Alternatively, at least part of the functionality of one or more of these modules may be combined with at least part of the functionality of other modules and implemented in a single module. According to embodiments of the present disclosure, at least one of the information acquisition module 610, special effect image generation module 620, dynamic occlusion module 630, occlusion removal module 640, and re-occlusion module 650 may be at least partially implemented as a hardware circuit, such as a field programmable gate array (FPGA), a programmable logic array (PLA), a system on a chip, a system on a substrate, a system on a package, an application-specific integrated circuit (ASIC), or may be implemented in hardware or firmware by any other reasonable means of circuit integration or packaging, or may be implemented in any one of the three implementation methods of software, hardware, and firmware, or any appropriate combination of any of these. Alternatively, at least one of the information acquisition module 610, the special effect image generation module 620, the dynamic occlusion module 630, the occlusion release module 640 and the re-occlusion module 650 can be at least partially implemented as a computer program module, which can perform corresponding functions when executed.

[0112] Figure 7 A block diagram of an electronic device suitable for implementing a page interaction method according to an embodiment of the present disclosure is schematically shown.

[0113] like Figure 7 As shown, the electronic device 700 according to an embodiment of the present disclosure includes a processor 701, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 702 or a program loaded from a storage portion 708 into a random access memory (RAM) 703. The processor 701 may include, for example, a general-purpose microprocessor (e.g., a CPU), an instruction set processor and / or a related chipset and / or a special-purpose microprocessor (e.g., an application-specific integrated circuit (ASIC)), etc. The processor 701 may also include onboard memory for caching purposes. The processor 701 may include a single processing unit or multiple processing units for performing different actions of the method flow according to the embodiment of the present disclosure.

[0114] Various programs and data required for the operation of the electronic device 700 are stored in the RAM 703. The processor 701, ROM 702, and RAM 703 are connected to each other via a bus 704. The processor 701 executes the various operations of the method flow according to the embodiment of the present disclosure by executing the programs in the ROM 702 and / or RAM 703. It should be noted that the programs may also be stored in one or more memories other than the ROM 702 and RAM 703. The processor 701 may also execute the various operations of the method flow according to the embodiment of the present disclosure by executing the programs stored in the one or more memories.

[0115] According to an embodiment of the present disclosure, electronic device 700 may further include an input / output (I / O) interface 705, which is also connected to bus 704. Electronic device 700 may also include one or more of the following components connected to I / O interface 705: an input section 706 including a keyboard, mouse, etc.; an output section 707 including devices such as a cathode ray tube (CRT), liquid crystal display (LCD), and speakers; a storage section 708 including a hard disk; and a communication section 709 including a network interface card such as a LAN card or modem. Communication section 709 performs communication processing via a network such as the Internet. A drive 710 is also connected to I / O interface 705 as needed. Removable media 711, such as a magnetic disk, optical disk, magneto-optical disk, semiconductor memory, etc., is installed in drive 710 as needed, so that computer programs read from the removable media can be installed into storage section 708 as needed.

[0116] The present disclosure also provides a computer-readable storage medium, which may be included in the device / apparatus / system described in the above embodiments, or may exist independently and not be incorporated into the device / apparatus / system. The computer-readable storage medium carries one or more programs, and when executed, implements the method according to the embodiments of the present disclosure.

[0117] According to an embodiment of the present disclosure, a computer-readable storage medium may be a non-volatile computer-readable storage medium, and may include, for example, but is not limited to: a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof. In the present disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. For example, according to an embodiment of the present disclosure, a computer-readable storage medium may include the ROM 702 and / or RAM 703 described above, and / or one or more memories other than ROM 702 and RAM 703.

[0118] The embodiments of the present disclosure also include a computer program product, which includes a computer program containing program code for executing the method shown in the flowchart. When the computer program product is run in a computer system, the program code is used to enable the computer system to implement the page interaction method provided by the embodiments of the present disclosure.

[0119] The computer program executes the above functions defined in the system / device of the embodiment of the present disclosure when the processor 701 executes the computer program. According to the embodiment of the present disclosure, the system, device, module, unit, etc. described above can be implemented by a computer program module.

[0120] In one embodiment, the computer program may be stored on a tangible storage medium such as an optical storage device or a magnetic storage device. In another embodiment, the computer program may be transmitted and distributed in the form of a signal on a network medium, downloaded and installed via the communication portion 709, and / or installed from a removable medium 711. The program code contained in the computer program may be transmitted using any appropriate network medium, including but not limited to wireless, wired, or any suitable combination thereof.

[0121] In such an embodiment, the computer program can be downloaded and installed from a network via the communication section 709, and / or installed from a removable medium 711. When the computer program is executed by the processor 701, the above-described functions defined in the system of the embodiment of the present disclosure are performed. According to the embodiment of the present disclosure, the systems, devices, means, modules, units, etc. described above can be implemented by computer program modules.

[0122] According to an embodiment of the present disclosure, the program code for executing the computer program provided by the embodiment of the present disclosure can be written in any combination of one or more programming languages. Specifically, these computer programs can be implemented using high-level procedural and / or object-oriented programming languages, and / or assembly / machine languages. Programming languages ​​include, but are not limited to, languages ​​such as Java, C++, Python, "C" or similar programming languages. The program code can be executed entirely on the user computing device, partially on the user device, partially on a remote computing device, or entirely on a remote computing device or server. In cases involving a remote computing device, the remote computing device can be connected to the user computing device through any type of network, including a local area network (LAN) or a wide area network (WAN), or can be connected to an external computing device (for example, using an Internet service provider to connect via the Internet).

[0123] The flowcharts and block diagrams in the accompanying drawings illustrate the possible implementation architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each box in the flowchart or block diagram can represent a module, program segment, or a part of code, and the above-mentioned module, program segment, or a part of code contains one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in an order different from that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram or flowchart, and the combination of boxes in the block diagram or flowchart, can be implemented with a dedicated hardware-based system that performs the specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0124] Those skilled in the art will appreciate that the features described in the various embodiments of the present disclosure may be combined and / or coupled in various ways, even if such combinations or couplings are not explicitly described in the present disclosure. In particular, the features described in the various embodiments of the present disclosure may be combined and / or coupled in various ways without departing from the spirit and teachings of the present disclosure. All such combinations and / or couplings fall within the scope of the present disclosure.

[0125] The above describes the embodiments of the present disclosure. However, these embodiments are for illustrative purposes only and are not intended to limit the scope of the present disclosure. Although each embodiment has been described separately above, this does not mean that the measures in each embodiment cannot be advantageously used in combination. Without departing from the scope of the present disclosure, those skilled in the art may make various substitutions and modifications, which should all fall within the scope of the present disclosure.

Claims

1. A page interaction method, characterized in that: The method comprises: In response to a user entering an information display page, obtaining first real-time weather information; Based on a preset weather special effect mapping relationship, generating an occlusion special effect image corresponding to the first real-time weather information; Using the occlusion special effect image to dynamically occlude the target sensitive information in the information display page in real time; In response to a first interactive operation by the user, releasing the real-time dynamic shielding of the target sensitive information; and In response to the user not triggering an interactive operation within the target time period, second real-time weather information is obtained, and a blocking special effect image corresponding to the second real-time weather information is generated to re-dynamically block the target sensitive information in real time.

2. The method according to claim 1, characterized in that The obtaining of the first real-time weather information specifically includes: Based on the positioning information of the user device, calling at least one weather data acquisition interface to obtain multi-dimensional meteorological parameters; and Data verification and / or conflict resolution are performed on the multi-dimensional meteorological parameters to generate the first real-time weather information.

3. The method according to claim 2, characterized in that The multidimensional meteorological parameters include weather type, and one or more of precipitation intensity, wind speed, and temperature and humidity.

4. The method according to claim 3, characterized in that The generating of the occlusion special effect image corresponding to the first real-time weather information based on the preset weather special effect mapping relationship specifically includes: Determine a special effect category based on the weather type, and obtain special effect refinement parameters based on one or more of precipitation intensity, wind speed, and temperature and humidity; and An occlusion special effect template is matched using the special effect category and a preset weather special effect mapping relationship, and the occlusion special effect template is adjusted based on the special effect refinement parameter to generate an occlusion special effect image.

5. The method according to any one of claims 1 to 4, characterized in that Using the occlusion special effect image to dynamically occlude the target sensitive information in the information display page in real time specifically includes: Calculating the geometric boundaries of the target sensitive information to obtain layout information of the target sensitive information on the information display page; Generating dynamic occlusion information of the occlusion special effect image based on the layout information; and The dynamic occlusion information is used to dynamically occlude the target sensitive information in real time.

6. The method according to claim 5, characterized in that Generating the dynamic occlusion information of the occlusion special effect image based on the layout information specifically includes: Initializing the particle generator of the occluding special effect image based on the layout information to generate an initial state of particles; and Dynamic parameters are set, and the frequency and distribution of particle generation are adjusted using the dynamic parameters to generate the dynamic occlusion information.

7. The method according to claim 6, characterized in that The occlusion effects of the dynamic occlusion information include: A static background layer, used to simulate the overall effect of the weather environment based on the weather type; A dynamic special effects layer, used to generate an occlusion animation in combination with the special effects refinement parameters; and The target sensitive information layer is used to combine with the dynamic special effects layer to support user interaction to display the target sensitive information.

8. The method according to claim 1, characterized in that The first interactive operation includes a shaking action, a voice command, or a gesture sliding operation, and the method further includes: Utilizing accelerometer and gyroscope data of the user device to detect a shaking action of the user to detect the first triggering operation; or Recognize the user's voice command based on voice input recognition technology to detect the first trigger operation; or The first trigger operation is detected by monitoring a user's sliding gesture based on a touch event of the user device.

9. A page interaction device, characterized in that: The device comprises: An information acquisition module, configured to: in response to a user entering an information display page, acquire first real-time weather information; A special effect image generation module, configured to generate an occlusion special effect image corresponding to the first real-time weather information based on a preset weather special effect mapping relationship; A dynamic shielding module is used to: use the shielding special effect image to perform real-time dynamic shielding on the target sensitive information in the information display page; The shielding removal module is used to: in response to a first interactive operation of the user, remove the real-time dynamic shielding of the target sensitive information; and The re-shielding module is used to: in response to the user not triggering an interactive operation within the target time period, obtain second real-time weather information, generate a shielding special effect image corresponding to the second real-time weather information, and re-dynamically shield the target sensitive information in real time.

10. An electronic device comprising: one or more processors; a memory for storing one or more computer programs, It is characterized in that the one or more processors execute the one or more computer programs to implement the steps of the method according to any one of claims 1 to 8.

11. A computer-readable storage medium having a computer program or instruction stored thereon, characterized in that: When the computer program or instruction is executed by a processor, the steps of the method according to any one of claims 1 to 8 are implemented.

12. A computer program product comprising a computer program or instructions, characterized in that When the computer program or instruction is executed by a processor, the steps of the method according to any one of claims 1 to 8 are implemented.