CN112905935A

CN112905935A - Page recording method, page recording animation generation method, equipment and storage medium

Info

Publication number: CN112905935A
Application number: CN202110182198.XA
Authority: CN
Inventors: 郑耀明
Original assignee: Weimin Insurance Agency Co Ltd
Current assignee: Weimin Insurance Agency Co Ltd
Priority date: 2021-02-10
Filing date: 2021-02-10
Publication date: 2021-06-04

Abstract

The application relates to a page recording method, a page recording animation generation method, a device and a storage medium. The page recording method comprises the following steps: displaying a current page to be subjected to page recording; acquiring a time interval between current time and forward time, wherein the forward time is page data acquisition time of a forward page data frame; when the time interval reaches a time threshold, acquiring current page data of the current page corresponding to each target event type in the target event type set; and obtaining a current page data frame corresponding to the current time based on the current page data, wherein the forward page data frame and the current page data frame are used for generating a page recording animation. By adopting the page recording method, the page recording efficiency can be improved.

Description

Page recording method, page recording animation generation method, equipment and storage medium

Technical Field

The present application relates to the field of internet technologies, and in particular, to a page recording method, a page recording animation generation method, a device, and a storage medium.

Background

With the development of internet technology, more and more users use the internet. In many cases, it is necessary to trace back the user's behavior in the internet, for example, in insurance sales, a regulatory agency requires the platform side to record a series of processes of buying insurance, so that in the event of disputes, the user can trace back by inquiring the records of the sales process.

However, when recording the sales process of the user, it is usually performed by recording the video, and a large amount of recording resources are consumed, resulting in low recording efficiency.

Disclosure of Invention

In view of the foregoing, it is desirable to provide a page recording method, a page recording animation generation device, a computer device, and a storage medium.

A method of page recording, the method comprising: displaying a current page to be subjected to page recording; acquiring a time interval between current time and forward time, wherein the forward time is page data acquisition time of a forward page data frame; when the time interval reaches a time threshold, acquiring current page data of the current page corresponding to each target event type in the target event type set; and obtaining a current page data frame corresponding to the current time based on the current page data, wherein the forward page data frame and the current page data frame are used for generating a page recording animation.

A page recording apparatus, the apparatus comprising: the current page display module is used for displaying a current page to be subjected to page recording; the time interval acquisition module is used for acquiring the time interval between the current time and the forward time, wherein the forward time is the page data acquisition time of a forward page data frame; a current page data obtaining module, configured to obtain current page data of the current page corresponding to each target event type in a target event type set when the time interval reaches a duration threshold; and a current page data frame obtaining module, configured to obtain, based on the current page data, a current page data frame corresponding to the current time, where the forward page data frame and the current page data frame are used to generate a page recording animation.

In some embodiments, the current page data obtaining module comprises: a target event type set acquisition unit, configured to determine a preset target event type set when the time interval reaches a duration threshold; and the current page data acquisition unit is used for acquiring current page data of the current page corresponding to the target event type according to the data acquisition mode corresponding to each target event type in the target event type set.

In some embodiments, the target event type includes an input event type, and the current page data obtaining unit is configured to: determining an input control identification in the current page, and acquiring input content corresponding to the input control identification and an input event type identification corresponding to the input event type; and taking the input event type identification, the input content and the input control identification as the input event page data.

In some embodiments, the target event type includes a scroll event type, the current page data includes scroll event page data and current page source code, and the current page data obtaining unit is configured to: acquiring a current rolling position; and acquiring a current page source code corresponding to the current page, and taking a rolling event type identifier corresponding to the rolling event type and the current rolling position as the rolling event page data, wherein the current page source code is used for generating a page in a page animation frame of the page recording animation, and the page animation frame displays the page according to the current rolling position.

In some embodiments, the target event type comprises a click event type, and the current page data comprises click event page data; the current page data acquisition unit is configured to: acquiring a current click position; and taking the current click position and a click event type identifier corresponding to the click event type as the click event page data.

In some embodiments, the current page data frame derivation module is to: acquiring forward page data corresponding to the forward page data frame; comparing the current page data with the forward page data to obtain changed page data of the current page data relative to the forward page data; and generating a current page data frame corresponding to the current time based on the changed page data.

A computer device comprising a memory and a processor, the memory storing a computer program, the processor implementing the following steps when executing the computer program: displaying a current page to be subjected to page recording; acquiring a time interval between current time and forward time, wherein the forward time is page data acquisition time of a forward page data frame; when the time interval reaches a time threshold, acquiring current page data of the current page corresponding to each target event type in the target event type set; and obtaining a current page data frame corresponding to the current time based on the current page data, wherein the forward page data frame and the current page data frame are used for generating a page recording animation.

A computer-readable storage medium, on which a computer program is stored which, when executed by a processor, carries out the steps of: displaying a current page to be subjected to page recording; acquiring a time interval between current time and forward time, wherein the forward time is page data acquisition time of a forward page data frame; when the time interval reaches a time threshold, acquiring current page data of the current page corresponding to each target event type in the target event type set; and obtaining a current page data frame corresponding to the current time based on the current page data, wherein the forward page data frame and the current page data frame are used for generating a page recording animation.

The page recording method, the page recording device, the computer equipment and the storage medium show the current page to be subjected to page recording; acquiring a time interval between current time and forward time, wherein the forward time is page data acquisition time of a forward page data frame; when the time interval reaches a time threshold, acquiring current page data of a current page corresponding to each target event type in the target event type set; and obtaining a current page data frame corresponding to the current time based on the current page data, wherein the forward page data frame and the current page data frame are used for generating a page recording animation. When the page is recorded, the page data frame is obtained when the interval between the page data frame and the page data frame obtained by the previous recording reaches the time length threshold, namely, the recording of the page is triggered based on the time length threshold, and the page data frame is generated based on the page data, so that the data volume of the recorded data can be reduced, and the recording efficiency can be improved.

A method for generating animation of page recording, the method comprising: receiving a page recording animation generation request; acquiring a page data frame sequence corresponding to the page recording animation generation request, wherein target page data frames in the page data frame sequence are sequenced according to page data acquisition time, and the page data frame sequence comprises a plurality of target page data frames; acquiring target page data corresponding to each target event type in the target page data frame, and generating a page animation frame according to the target page data and the target event type; and sequencing the generated page animation frames according to the data frame sequence in the page data frame sequence to obtain the page recording animation.

A page recording animation generation apparatus, the apparatus comprising: the generation request receiving module is used for receiving a page recording animation generation request; the page data frame sequence acquisition module is used for acquiring a page data frame sequence corresponding to the page recording animation generation request, target page data frames in the page data frame sequence are sequenced according to page data acquisition time, and the page data frame sequence comprises a plurality of target page data frames; the page animation frame generation module is used for acquiring target page data corresponding to each target event type in the target page data frame and generating a page animation frame according to the target page data and the target event type; and the page recording animation obtaining module is used for sequencing the generated page animation frames according to the data frame sequence in the page data frame sequence to obtain the page recording animation.

In some embodiments, the target event type comprises a scroll event type, and the page animation frame generation module is to: acquiring a target page source code corresponding to the target page data frame; acquiring a target rolling position corresponding to a rolling event type identifier in the target page data frame; and generating a page animation frame based on the target page source code and the target rolling position, wherein the target page source code is used for generating a target page in the page animation frame, and the page animation frame displays the target page according to the target rolling position.

In some embodiments, the target page data frame is a current page data frame obtained during page data acquisition, and the module for obtaining the current page data frame is configured to: displaying a current page to be subjected to page recording; acquiring a time interval between current time and forward time, wherein the forward time is page data acquisition time of a forward page data frame; when the time interval reaches a time threshold, acquiring current page data of the current page corresponding to each target event type in the target event type set; and obtaining a current page data frame corresponding to the current time based on the current page data.

A computer device comprising a memory and a processor, the memory storing a computer program, the processor implementing the following steps when executing the computer program: receiving a page recording animation generation request; acquiring a page data frame sequence corresponding to the page recording animation generation request, wherein the page data frame sequence is sequenced according to page data acquisition time, and the page data frame sequence comprises a plurality of target page data frames; acquiring target page data corresponding to each target event type in the target page data frame, and generating a page animation frame according to the target page data and the target event type; and sequencing the generated page animation frames according to the data frame sequence in the page data frame sequence to obtain the page recording animation.

A computer-readable storage medium, on which a computer program is stored which, when executed by a processor, carries out the steps of: receiving a page recording animation generation request; acquiring a page data frame sequence corresponding to the page recording animation generation request, wherein the page data frame sequence is sequenced according to page data acquisition time, and the page data frame sequence comprises a plurality of target page data frames; acquiring target page data corresponding to each target event type in the target page data frame, and generating a page animation frame according to the target page data and the target event type; and sequencing the generated page animation frames according to the data frame sequence in the page data frame sequence to obtain the page recording animation.

The page recorded animation generation method, the device, the computer equipment and the storage medium receive a page recorded animation generation request; acquiring a page data frame sequence corresponding to a page recording animation generation request, wherein the page data frame sequence is sequenced according to page data acquisition time, and comprises a plurality of target page data frames; acquiring target page data corresponding to each target event type in the target page data frame, and generating a page animation frame according to the target page data and the target event type; and sequencing the generated page animation frames according to the data frame sequence in the page data frame sequence to obtain the page recording animation. Because the page animation frames are generated based on the target page data and the target event types in the page data frame sequence, and the page recording animation is obtained based on the sequencing of the page animation frames, the page recording animation reflecting the page change condition can be generated, and the computer resource for generating the page recording animation is saved.

Drawings

FIG. 1 is a diagram of an application environment of a page recording method in some embodiments;

FIG. 2 is a flowchart illustrating a page recording method according to some embodiments;

FIG. 3 is a schematic flow chart illustrating how a current page data frame corresponding to a current time is obtained based on current page data in some embodiments;

FIG. 4 is a schematic flow chart diagram illustrating a method for generating animation for recording a page in some embodiments;

FIG. 5 is an interface diagram of a trigger generate page record animation generation request in some embodiments;

FIG. 6 is a block diagram of a page recording device in some embodiments;

FIG. 7 is a block diagram of an apparatus for generating animation for recording pages in some embodiments;

FIG. 8 is a diagram of the internal structure of a computer device in some embodiments;

FIG. 9 is a diagram of the internal structure of a computer device in some embodiments.

Detailed Description

In order to make the objects, technical solutions and advantages of the present application more apparent, the present application is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application.

The page recording method provided by the application can be applied to the application environment shown in fig. 1. Wherein the terminal 102 communicates with the server 104 via a network. The terminal 102 may display a current page to be subjected to page recording, obtain a time interval between current time and forward time, where the forward time is a page data acquisition time of a forward page data frame, and obtain current page data of the current page corresponding to each target event type in a target event type set when the time interval reaches a duration threshold; and obtaining a current page data frame corresponding to the current time based on the current page data. The terminal 102 may generate the obtained page data frame to the server 104, and the server 104 generates the page recording animation according to the page data frame. It is understood that the page recording animation may also be generated by the terminal. The terminal 102 may be, but not limited to, various personal computers, notebook computers, smart phones, tablet computers, and portable wearable devices, and the server 104 may be implemented by an independent server or a server cluster formed by a plurality of servers.

In some embodiments, as shown in fig. 2, a page recording method is provided, which is described by taking the application of the method to the terminal in fig. 1 as an example, and includes the following steps:

step S202, displaying the current page to be recorded.

Wherein, the current page refers to the currently displayed page. The page recording is to record page changes corresponding to the pages. For example, in the process of selling insurance via the internet, according to the requirements of the regulatory agency, a series of processes of purchasing insurance by the user, such as which pages are seen and which operations are performed, are often recorded, so that the page in which the user behavior process needs to be recorded can be used as the current page. For example, the current page may be a page that relates to the user's need to read, enter, or pay during the application.

Specifically, the terminal may display the current page in response to a page display operation of the user. It is understood that the current page may be updated as the user action changes. For example, the terminal may present a search result presentation page in response to a search operation by the user, and may enter a detail page corresponding to the search result when receiving a trigger operation for the search result in the search result presentation page.

In some embodiments, the current page may be a web page or a page of an application program, for example, a page that is exposed on a child application corresponding to the parent application. The parent application is an application carrying child applications and provides an environment for implementing the child applications. The parent application is a native application. A native application is an application that can run directly on an operating system. The parent application may be a social application, a dedicated application that specifically supports the child applications, a file management application, a mail application, or a gaming application, among others. The Social application program includes an instant messaging application, an SNS (Social Network service) application, or a live application. The child application is an application carried on the parent application and can be implemented in the environment provided by the parent application. The sub-application may be an applet and the developer may develop an applet based on certain software in which the applet may run.

Step S204, acquiring the time interval between the current time and the forward time, wherein the forward time is the page data acquisition time of the forward page data frame.

Where the time interval may be the time difference of the current time minus the forward time. For example, assuming that the current time is 10 o 'clock 01 minutes 30 seconds and the forward time is 10 o' clock 01 minutes 29 seconds, the time interval is 1 second. The unit of the time interval may be set as desired, and may be, for example, milliseconds. The page data frame means that page data is stored in a frame mode, and one page data frame is used for generating one page animation frame. Wherein the page data frame is in a character format. When the page animation frame is generated, the page animation frame is converted into the animation format. The forward page data frame is relative to the current time, and refers to a page data frame acquired last before the current time, that is, a previous page data frame of the current page data frame.

Specifically, when acquiring a forward page data frame, the terminal may trigger a timer to start timing from 0, where the time length calculated in the timer is a time interval between the current time and the forward time.

Step S206, when the time interval reaches the time threshold, acquiring the current page data of the current page corresponding to each target event type in the target event type set.

The duration threshold may be set according to needs, and may be 0.5 seconds, for example. The duration threshold may be determined according to a time recognition limit of human eyes, for example, if the recognition limit of human eyes is that a change of an object in 0.1 second can be recognized, and a faster change is invisible to human eyes, page data in 0.1 second may not be recorded, so the duration threshold may be greater than or equal to the time recognition limit of human eyes. The time recognition limit of the human eye means at least a time length of the existence of the object when the human eye can perceive the existence of the object.

The target event type refers to a type of an event for operating a page, and the target event type set may include a plurality of target event types, for example, the target event type set may include one or more of a click event type, a scroll event type, or an input event type. "multiple" means at least two. The target event type may be preset, for example, page data corresponding to the click event, page data corresponding to the scroll event, and page data corresponding to the input event are preset, and the target event type includes the click event type, the scroll event type, and the input event type. The click event refers to an operation event of clicking a page, and the scroll event refers to an event of scrolling (e.g., dragging a scroll bar, sliding) the page. The input event type refers to an event that enters data in a page, such as an event that enters the name of the applicant in a policy sales page.

The current page data refers to data that affects content displayed by the page corresponding to the current page when the current page is in the current page acquisition time, and may include, for example, a source code of the page and content input in the page.

Specifically, the terminal may determine whether the time interval reaches a duration threshold, for example, when the duration threshold is 0.5 second, if the timer is triggered to start timing from 0, and if the time length calculated in the timer is equal to the duration threshold of 0.5 second, current page data of a current page corresponding to each target event type in the target event type set is obtained.

Step S208, obtaining a current page data frame corresponding to the current time based on the current page data, wherein the forward page data frame and the current page data frame are used for generating a page recording animation.

Specifically, after the current page data is obtained, the current page data can be used as the data content in the current page data frame, so as to form the current page data frame, and the terminal can record the time of the page data frame and correspondingly upload the time to the server. When the server receives a request for displaying the page recording animation, the page recording animation can be generated based on the forward page data frame and the current page data frame. It is understood that other data, such as the user's identification, may also be included in the page data frame, and when generating the page animation frame in the page recording animation, current page data affecting the page presentation may be extracted from the page data frame, so as to generate the page animation frame based on the current page data.

In the page recording method, when the page is recorded, the recording is triggered based on the time length threshold when the interval between the page and the page data frame obtained by the previous recording reaches the time length threshold, and the page data frame is generated based on the page data, so that the data volume of the recorded data can be reduced, and the recording efficiency can be improved.

In some embodiments, when the time interval reaches the time threshold, acquiring current page data of a current page corresponding to each target event type in the target event type set includes: when the time interval reaches a time threshold, determining a preset target event type set; and acquiring the current page data of the current page corresponding to the target event type according to the data acquisition mode corresponding to each target event type in the target event type set.

The data acquisition mode refers to a mode adopted by data acquisition. The data acquisition mode may include a function used for acquiring the page data and a source of the data. For example, obtaining the page source code in the HTML (HyperText Markup Language) webpage may be obtained by a method of "document. Wherein "document. Page data in the css (capturing Style sheets) page may be obtained by a method of "document. For the coordinates currently scrolled to in the scroll event, the coordinates can be obtained by using the method of "window. Scroll "returns the number of pixels currently scrolling vertically in the document. The value obtained by "element. For the input event type, the input content may be obtained by using an "input. It is understood that the above listed codes for acquiring page data are only examples, and may be acquired in other ways, and do not limit the specific implementation.

Specifically, different event types may correspond to different data acquisition manners, so that the terminal may acquire current page data of a current page corresponding to the target event type based on a correspondence between the event type and the data acquisition manner. By setting the corresponding relation between the event type and the data acquisition mode, the terminal can acquire the accurate data acquisition mode based on the event type, so that the accurate page data can be acquired.

In some embodiments, the current page data includes current page source code corresponding to the current page, the current page source code for generating a page in the page animation frame. Therefore, when the operation in the page is restored, the restored content corresponding to each event type can be shown in the page, for example, for an input event, the content input by the user can be shown in the page of the page animation frame. For a click event, an animation showing a click effect may be presented in a page of the page animation frame, and for a scroll event, a page may be presented in the page animation frame according to the current scroll position.

In some embodiments, the obtaining the current page data of the current page corresponding to the target event type according to the data obtaining manner corresponding to each target event type in the target event type set includes: determining an input control identification in a current page, and acquiring input content corresponding to the input control identification and an input event type identification corresponding to an input event type; and taking the input event type identification, the input content and the input control identification as input event page data.

Wherein the input control identification is an identification of a control used for input. For example, the input control may be a control for inputting an identification number. The input content refers to content input through the input control, such as an identification number input by a user. The input event type identifier is a preset identifier for indicating that the event is an input event, and may be "input", for example. By taking the input event type identifier, the input content and the input control identifier as the input event page data, when page reduction is performed, a page reduction mode of the page data can be obtained based on the input event type identifier, for example, the input content is reduced in a page. And determining the position to display the input content based on the input control identification, and displaying the input content in the page data frame at the position where the input content needs to be displayed, so that the page change of the page based on the input operation event can be embodied.

In some embodiments, the target event type includes a rolling event type, the current page data includes rolling event page data and a current page source code, and acquiring the current page data of the current page corresponding to the target event type according to a data acquisition manner corresponding to each target event type in the target event type set includes: acquiring a current rolling position; and acquiring a current page source code corresponding to the current page, and taking a rolling event type identifier corresponding to the rolling event type and the current rolling position as the rolling event page data.

The scroll position may be represented by coordinates or a distance, for example, the scroll position may be represented by the number of pixels between the position of the currently displayed page and the top of the page, the current scroll position is a position corresponding to the area currently scrolled to by the scroll operation, and for example, the coordinates of the center point or the coordinates of the upper left corner of the currently scrolled page area may be used as the current scroll position. The page source code is the source code that forms the page. For example, it may be the web page source code in an html web page. The scroll event type identifier is a preset identifier for indicating that the event is a scroll event, and may be "scroll", for example.

Specifically, the terminal may obtain a position coordinate corresponding to the current scrolling operation, may also obtain a page source code used for generating the current page, as the current page source code, and uses the current scrolling position and a scrolling event type identifier corresponding to the scrolling event type as scrolling event page data. When the page is restored, the page restoration mode of the page data can be obtained based on the rolling event type identifier, for example, a currently displayed page is generated through a page source code, and a page area corresponding to the current rolling position is displayed.

In some embodiments, the target event type comprises a click event type, and the current page data comprises click event page data; acquiring current page data of a current page corresponding to a target event type according to a data acquisition mode corresponding to each target event type in a target event type set, wherein the data acquisition mode comprises the following steps: acquiring a current click position; and taking the current click position and the click event type identification corresponding to the click event type as click event page data.

The click position may be represented by coordinates, for example, coordinates of a currently clicked control. For example, the center point of the currently clicked control may be used as the current click position. The click event type identifier is a preset identifier for indicating that the event is a click event, and may be "click", for example.

Specifically, the terminal may obtain a position coordinate corresponding to the current click operation as the current click position, and use the current click position and a click event type identifier corresponding to the click event type as the scrolling event page data. When the page is restored, the page restoration mode of the page data can be obtained based on the click event type identifier, for example, the click effect is displayed on the area corresponding to the click position, for example, the animation representing the click effect is displayed, and by displaying the animation representing the click effect, a user watching the animation can visually perceive that the user clicks the page when the page is displayed, and the click position can be displayed, so that the user can accurately display the clicked page and the clicked position.

In some embodiments, as shown in fig. 3, obtaining the current page data frame corresponding to the current time based on the current page data includes:

step S302, obtain the forward page data corresponding to the forward page data frame.

The forward page data is page data corresponding to each target event type obtained in the previous page data acquisition. For example, if the page data is acquired every 1 second, and if the current time is 10 o 'clock 01 min 30 sec and the current page data is acquired, the forward page data is the page data acquired by 10 o' clock 01 min 29 sec.

Specifically, the terminal may obtain page data acquired when page data is acquired last time, as forward page data.

Step S304, comparing the current page data with the forward page data to obtain the changed page data of the current page data relative to the forward page data.

Wherein the changed page data includes at least one of increased page data or decreased page data of the current page data relative to the forward page data. For example, assume that there is no content in input box A and there is an applicant's identification number in input box B during the previous page acquisition. When the page is collected at the current time, the input box comprises the name of the applicant input by the user, the identity card number in the input box B is deleted, and the changed page data comprises the name of the applicant corresponding to the input box A and the identity card number corresponding to the input box B. Wherein the change type corresponding to the applicant name corresponding to the input box A is increased, and the change type corresponding to the identity card number corresponding to the input box B is decreased.

Specifically, the terminal may compare the current page data with the forward page data, and use page data that is added to the current page data relative to the forward page data and page data that is subtracted from the current page data as changed page data.

Step S306, generating a current page data frame corresponding to the current time based on the changed page data.

Specifically, when the current page data frame is generated, it is generated based on the changed page data, so that the number of page data frames can be reduced. For example, the changed page data is used as the data of the current page data frame and carries the change type corresponding to the changed page data. Therefore, when the page is restored, restoration can be performed according to the change type and the forward page animation frame, for example, if the change type corresponding to the change page data of the current page data frame is increased, the change page data is added to the forward page animation frame, so as to obtain the current page animation frame. And if the change type corresponding to the change page data of the current page data frame is reduced, deleting the existing change page data on the forward page animation frame to obtain the current page animation frame.

In the embodiment of the application, the current page data frame corresponding to the current time is generated based on the changed page data, and the changed page data can restore the condition of the page, so that the page animation frame can be accurately restored while the data volume of the current page data frame is reduced.

In some embodiments, as shown in fig. 4, a method for generating a page recording animation is provided, which is described by taking the method as an example for being applied to the server in fig. 1, and includes the following steps:

step S402, receiving a page recording animation generation request.

The page recorded animation generation request may be automatically triggered, for example, when it is detected that the policy is abnormal, the page recorded animation generation request for the policy is triggered, so that the generated page recorded animation is sent to the corresponding policy auditing terminal, and an auditor can audit whether the insurance purchase process is legal. The page record animation generation request may also be sent by the terminal, for example, the terminal may send the page record generation request to the server in response to the page animation generation operation. The page record generation request may carry a query parameter, where the query parameter is a parameter for querying a page data frame, and may include, for example, at least one of a transaction identifier, a device identifier, an ip (internet protocol) address, or a user identifier, and may further include a target time period. And when the query parameters further comprise the target time period, querying the obtained page data frames generated in the target time period. The transaction identity may be, for example, an order number and the user identity may be, for example, a communication identity of the user, such as a cell phone number. The page recording generation request can also carry a page data frame sequence required to generate the page recording animation.

Specifically, the terminal may send a page recording animation generation request to the server, where the page recording animation generation request may carry the query parameter. And the server receives the animation generation request of the page recording.

Step S404, acquiring a page data frame sequence corresponding to the page recording animation generation request, wherein target page data frames in the page data frame sequence are sequenced according to page data acquisition time, and the page data frame sequence comprises a plurality of target page data frames.

The page data frame sequence comprises a plurality of target page data frames, and the target page data frames can be acquired according to the page recording method provided by the embodiment of the application. Namely, the target page data frame is the current page data frame obtained when the page data is acquired. And uploading each current page data frame to a server for storage after being acquired, so as to form a page data frame sequence. The page data acquisition time refers to the time for acquiring page data. The page data frame sequence is sorted according to the page data acquisition time, and the later the acquisition time is, the later the sorting is.

Specifically. The server can obtain a page data frame sequence carried by the page recording animation generation request, and the server can also obtain the page data frame sequence based on query parameters carried by the page recording animation generation request.

Step S406, acquiring target page data corresponding to each target event type in the target page data frame, and generating a page animation frame according to the target page data and the target event type.

The page recording animation comprises a plurality of page animation frames. The page animation frame restores information in the page and operation of a user, and a target page data frame is used for generating a page animation frame. For example, when the user performs a click operation on the page, the behavior of the target user performing the click operation on the page is restored in the generated page animation frame. For another example, when the target page data frame includes at least two target event types, if the target event types are click and slide operations, the behavior of the target user performing the click operation and the behavior of the slide operation on the page are restored in the generated page animation frame. The page recording animation is played frame by frame.

Specifically, when the server obtains the target page data, the server may restore the target page data in the page animation frame according to the page restoration mode corresponding to the target event type, so as to obtain the page data frame. For example, for the input event type, the input event type can be determined as the input event type based on the input event type identifier in the target page data, and the restoration mode is determined as restoring the input content in the page, so that the position for displaying the input content can be determined based on the input control identifier in the target page data, and the input content in the target page data is displayed at the position where the input content needs to be displayed, so that the page change of the page based on the input operation event can be embodied.

And step S408, sequencing the generated page animation frames according to the data frame sequence in the page data frame sequence to obtain the page recording animation.

Specifically, the page animation frames in the page recording animation are ordered according to the ordering of the data frames. For example, if one of the page data frames in the page data frame sequence is ordered to be the third, the generated page animation frame is the third frame of the page recording animation. Each target page data frame in the sequence of page data frames may correspond to a data acquisition time, and the ordering of the data frames in the sequence of page data frames may be determined based on the data acquisition time. Each page data frame in the page data frame sequence may also correspond to a permutation sequence number in the page data frame sequence, and the ordering of the page data frames may be determined based on the permutation sequence number. The arrangement sequence number is obtained by sequencing based on the data acquisition time.

FIG. 5 is an interface diagram of a trigger page recording animation generation request in some embodiments. The user may enter the user's identification in an input field 502 for querying the user id (identification) and the policy number in an input field 504 corresponding to the policy number, where the policy number refers to the order number for purchasing an insurance product order. When receiving a trigger operation for the visual backtracking control 506, the terminal sends a page recording animation generation request to the server. And after the terminal receives the page recording animation returned by the server, the page recording animation can be played, so that the visual backtracking of the user behavior in the page can be realized. According to the page recording animation generation method, the page animation frames are generated based on the target page data and the target event type in the page data frame sequence, and the page recording animation is obtained based on the sequencing of the page animation frames, so that the page recording animation reflecting the page change condition can be generated, and the computer resource for generating the page recording animation is saved.

In some embodiments, the target event types include a scroll event type, acquiring target page data corresponding to each target event type in the target page data frame, and generating the page animation frame according to the target page data and the target event types includes: acquiring a target page source code corresponding to a target page data frame; acquiring a target rolling position corresponding to a rolling event type identifier in a target page data frame; and generating a page animation frame based on the target page source code and the target rolling position, wherein the target page source code is used for generating a target page in the page animation frame, and the page animation frame displays the target page according to the target rolling position.

Specifically, the page source code corresponding to the page data of the rolling event may be a page source code carried in the target page data frame, or may be a page source code carried in a page data frame before the target page data frame, for example, when the target page data frame and the previous page data frame correspond to the same page, the target page may be generated by using the page source code carried in the previous page data frame. The server determines that the page data is the rolling event page data based on the rolling event type identifier, and then can take the data corresponding to the rolling event type identifier as a target rolling position, so that a target page can be generated based on the page source code, and a page area corresponding to the target rolling position is displayed in the page animation frame.

In some embodiments, when the input event page data is included in the target page data frame, the page data frame may be derived based on the input page data. For example, the input event page data includes an input event type identifier, input content, and an input control identifier. The server side can determine the input event page data based on the input event type identification. And generating a page displayed in the page animation frame based on the page source code, and displaying the content in the input event page data into an input area of the page, wherein the input area identifies a corresponding input area for the input control. So that the generated page animation frame can present a target page operated by a user and information input in the page by the user.

In some embodiments, the target page data frame may further include click event data, and when performing page restoration, that is, when generating a page animation frame, a page restoration manner of the page data may be obtained based on the click event type identifier, for example, a control to be clicked in a page is determined by a click position, and an operation of clicking the control is simulated in a page generated based on scrolling page data.

In some embodiments, the click effect animation may be played at the click position to present the click effect, and the click effect animation is preset, for example, may be an animation with ripples appearing at the position, so that the ripples appear at the position to indicate that the position is clicked. By playing the click effect animation at the click position, the click effect on the control of the page can be presented under the condition of ignoring which control the click operation acts on, for example, by playing a click animation at the same position of a screen when the page is restored, and adding the presentation of the target page and the restoration of the rolling position, so that the position where the click effect animation is played is the position of the control corresponding to the click event of the user, and the processing of the page is simple and convenient.

In some embodiments, the page data frame uploaded to the server by the terminal is uploaded in a string format. The terminal can convert data in the page data frame into a format of a character string, the server can collect and store the reported page data frame and decompress and restore the character string when the page is required to be restored, and therefore the effect of visual restoration is achieved. For example, when a character string in json format is acquired, the page data can be converted into a character string using json. JSON (JavaScript Object Notation) is a lightweight data exchange format. String is used to convert JavaScript objects into strings. JavaScript is a lightweight, interpreted or just-in-time high-level programming language with function precedence. After the character string is converted, the grammatical meaning of the data can be ignored, so that when the page is restored, the page can be restored based on the character string, and a universal effect is achieved. Since the operation related to the character string may be a character string operation, regardless of the data logic, various processes may be performed on the character string itself while ignoring the grammatical meaning of the data. For example, a meaningful json is such that { a:1, b:2}, the data structure cannot be destroyed, otherwise the parsing fails. However, after the character string is converted, the character string can be processed arbitrarily, and the data structure of json can be ignored, for example, the character string is also a complete character string '{ "a":1, "b }', so that great freedom can be realized, and the effect of processing various different data structures in a universal mode can be achieved.

In some embodiments, the character strings of the page data frames may also be compressed. Based on the string compression, the compression rate can be improved to greatly reduce the data amount. The compression method can be, for example, zip, rar (rosshel Archive) or 7zip, and is specifically set as required, so as to greatly reduce the data volume. Where ZIP is a compression method that compresses each file separately. Furthermore, comparison and incremental updating can be easily performed through the character strings, and the data volume is further reduced by saving the incremental part. For example, in a large block of character string, only one character changes, and the changed character can be recorded at this time, so that the storage space is greatly reduced. For example, if the character string 1 is abcde and the character string 2 is abce, and the difference between the two is only one letter d, d can be recorded. If various complex data structures and grammatical meanings are considered, incremental calculation is very troublesome, and different algorithms need to be designed for each data type. However, if the character strings are compared, the method can be used universally, and a set of character string comparison algorithm can be suitable for various scenes without considering various complex data structures and use scenes, so that the universal effect is achieved.

The page recording method provided by the embodiment of the application can be used for visual backtracking of user behaviors. Compared with the method for monitoring the event operation of the user by setting the buried point and generating the event log to realize behavior monitoring, the page recording method provided by the embodiment of the application can improve the efficiency of page recording. For example, if the user's operation behavior is to be recorded, monitoring can be implemented by registering a stack of event monitors, and some operations of the user are performed continuously, such as scrolling, so that events are triggered continuously, a large amount of event logs are generated, a large amount of events are triggered, performance is seriously affected, a large amount of data is generated, user experience is affected, and traffic is wasted, but such a fine difference cannot be seen by naked eyes actually. And based on the mode of triggering and collecting the page data by the time length threshold, the data is collected in time in the timer, namely the collection of the page data is triggered in a fixed period, so that the data generated by rapid repeated operation can be effectively combined, the performance is improved, the data volume is reduced, furthermore, because the page recording can be carried out under the condition of not monitoring each event, the system compatibility can also be improved, because some operations need to be supported by the bottom layer of the system, the operation cannot be carried out if the bottom layer does not support. Therefore, the traceability management requirements of a supervision mechanism on the sales interface and the sales process record can be met, the mode of using the product by the user can be recorded and analyzed, and the product is optimized. And also provides guarantee for dispute proofing and positioning responsibility of the Internet enterprises.

It should be understood that, although the steps in the above-described flowcharts are shown in order as indicated by the arrows, the steps are not necessarily performed in order as indicated by the arrows. The steps are not performed in the exact order shown and described, and may be performed in other orders, unless explicitly stated otherwise. Moreover, at least a part of the steps in the above-mentioned flowcharts may include a plurality of steps or a plurality of stages, which are not necessarily performed at the same time, but may be performed at different times, and the order of performing the steps or the stages is not necessarily performed in sequence, but may be performed alternately or alternately with other steps or at least a part of the steps or the stages in other steps.

In some embodiments, as shown in fig. 6, there is provided a page recording apparatus, which may be a part of a computer device using a software module or a hardware module, or a combination of the two, and the apparatus specifically includes:

a current page display module 602, configured to display a current page to be subjected to page recording;

a time interval obtaining module 604, configured to obtain a time interval between current time and forward time, where the forward time is page data acquisition time of a forward page data frame;

a current page data obtaining module 606, configured to obtain current page data of a current page corresponding to each target event type in the target event type set when the time interval reaches the duration threshold;

a current page data frame obtaining module 608, configured to obtain a current page data frame corresponding to a current time based on current page data, where the forward page data frame and the current page data frame are used to generate a page recording animation.

In some embodiments, the current page data acquisition module comprises: the target event type set acquisition unit is used for determining a preset target event type set when the time interval reaches a duration threshold;

and the current page data acquisition unit is used for acquiring current page data of a current page corresponding to the target event type according to the data acquisition mode corresponding to each target event type in the target event type set.

In some embodiments, the target event type includes an input event type, and the current page data obtaining unit is configured to: determining an input control identification in a current page, and acquiring input content corresponding to the input control identification and an input event type identification corresponding to an input event type; and taking the input event type identification, the input content and the input control identification as input event page data.

In some embodiments, the target event type includes a scroll event type, and the current page data obtaining unit is configured to: acquiring a current rolling position; and acquiring a current page source code corresponding to the current page, and taking a rolling event type identifier corresponding to the rolling event type and the current rolling position as rolling event page data.

In some embodiments, the target event type comprises a click event type, and the current page data comprises click event page data; the current page data acquisition unit is used for: acquiring a current click position; and taking the current click position and the click event type identification corresponding to the click event type as click event page data.

In some embodiments, as shown in fig. 7, there is provided a page recording apparatus, which may be a part of a computer device using a software module or a hardware module, or a combination of the two, and the apparatus specifically includes:

a generation request receiving module 702, configured to receive a page recording animation generation request;

a page data frame sequence obtaining module 704, configured to obtain a page data frame sequence corresponding to the request for generating the page recording animation, where target page data frames in the page data frame sequence are sorted according to the page data acquisition time, and the page data frame sequence includes multiple target page data frames;

a page animation frame generation module 706, configured to obtain target page data corresponding to each target event type in a target page data frame, and generate a page animation frame according to the target page data and the target event type;

a page recorded animation obtaining module 708, configured to sequence the generated page animation frames according to the data frame sequence in the page data frame sequence, so as to obtain a page recorded animation.

In some embodiments, the page animation frame generation module is to: acquiring a target page source code corresponding to a target page data frame; acquiring a target rolling position corresponding to a rolling event type identifier in a target page data frame; and generating a page animation frame based on the target page source code and the target rolling position, wherein the target page source code is used for generating a target page in the page animation frame, and the page animation frame displays the target page according to the target rolling position.

In some embodiments, the target page data frame is a current page data frame obtained during page data acquisition, and the module for obtaining the current page data frame is configured to: displaying a current page to be subjected to page recording; acquiring a time interval between current time and forward time, wherein the forward time is page data acquisition time of a forward page data frame; when the time interval reaches a time threshold, acquiring current page data of a current page corresponding to each target event type in the target event type set; and obtaining a current page data frame corresponding to the current time based on the current page data.

For specific limitations of the page recording apparatus and the page recording animation generation apparatus, reference may be made to the above limitations on the page recording method, which is not described herein again. All or part of the modules in the page recording device and the page recording animation generation device can be realized by software, hardware and a combination thereof. The modules can be embedded in a hardware form or independent from a processor in the computer device, and can also be stored in a memory in the computer device in a software form, so that the processor can call and execute operations corresponding to the modules.

In some embodiments, a computer device is provided, which may be a server, the internal structure of which may be as shown in fig. 8. The computer device includes a processor, a memory, and a network interface connected by a system bus. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device comprises a nonvolatile storage medium and an internal memory. The non-volatile storage medium stores an operating system, a computer program, and a database. The internal memory provides an environment for the operation of an operating system and computer programs in the non-volatile storage medium. The database of the computer device is for storing a frame of page data. The network interface of the computer device is used for communicating with an external terminal through a network connection. The computer program is executed by a processor to implement a method of generating a page recording animation.

In some embodiments, a computer device is provided, which may be a terminal, and its internal structure diagram may be as shown in fig. 9. The computer device includes a processor, a memory, a communication interface, a display screen, and an input device connected by a system bus. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device comprises a nonvolatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of an operating system and computer programs in the non-volatile storage medium. The communication interface of the computer device is used for carrying out wired or wireless communication with an external terminal, and the wireless communication can be realized through WIFI, an operator network, NFC (near field communication) or other technologies. The computer program is executed by a processor to implement a page recording method. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, a key, a track ball or a touch pad arranged on the shell of the computer equipment, an external keyboard, a touch pad or a mouse and the like.

Those skilled in the art will appreciate that the configurations shown in fig. 8 and 9 are merely block diagrams of some configurations relevant to the present disclosure, and do not constitute a limitation on the computing devices to which the present disclosure may be applied, and that a particular computing device may include more or less components than those shown, or may combine certain components, or have a different arrangement of components.

In some embodiments, there is further provided a computer device comprising a memory and a processor, the memory having stored therein a computer program, the processor implementing the steps of the above method embodiments when executing the computer program.

In some embodiments, a computer-readable storage medium is provided, in which a computer program is stored, which computer program, when being executed by a processor, carries out the steps of the above-mentioned method embodiments.

In some embodiments, a computer program product or computer program is provided that includes computer instructions stored in a computer-readable storage medium. The computer instructions are read by a processor of a computer device from a computer-readable storage medium, and the computer instructions are executed by the processor to cause the computer device to perform the steps in the above-mentioned method embodiments.

It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by hardware instructions of a computer program, which can be stored in a non-volatile computer-readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. Any reference to memory, storage, database or other medium used in the embodiments provided herein can include at least one of non-volatile and volatile memory. Non-volatile Memory may include Read-Only Memory (ROM), magnetic tape, floppy disk, flash Memory, optical storage, or the like. Volatile Memory can include Random Access Memory (RAM) or external cache Memory. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM), among others.

The technical features of the above embodiments can be arbitrarily combined, and for the sake of brevity, all possible combinations of the technical features in the above embodiments are not described, but should be considered as the scope of the present specification as long as there is no contradiction between the combinations of the technical features.

The above-mentioned embodiments only express several embodiments of the present application, and the description thereof is more specific and detailed, but not construed as limiting the scope of the invention. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the concept of the present application, which falls within the scope of protection of the present application. Therefore, the protection scope of the present patent shall be subject to the appended claims.

Claims

1. A page recording method is characterized by comprising the following steps:

displaying a current page to be subjected to page recording;

acquiring a time interval between current time and forward time, wherein the forward time is page data acquisition time of a forward page data frame;

when the time interval reaches a time threshold, acquiring current page data of the current page corresponding to each target event type in the target event type set;

and obtaining a current page data frame corresponding to the current time based on the current page data, wherein the forward page data frame and the current page data frame are used for generating a page recording animation.

2. The method according to claim 1, wherein the obtaining current page data of the current page corresponding to each target event type in the target event type set when the time interval reaches a duration threshold comprises:

when the time interval reaches a time threshold, determining a preset target event type set;

and acquiring the current page data of the current page corresponding to the target event type according to the data acquisition mode corresponding to each target event type in the target event type set.

3. The method according to claim 2, wherein the target event type includes an input event type, the current page data includes input event page data, and the acquiring the current page data of the current page corresponding to the target event type according to the data acquisition manner corresponding to each target event type in the target event type set includes:

determining an input control identification in the current page, and acquiring input content corresponding to the input control identification and an input event type identification corresponding to the input event type;

and taking the input event type identification, the input content and the input control identification as the input event page data.

4. The method according to claim 2, wherein the target event type includes a rolling event type, the current page data includes rolling event page data and current page source code, and the obtaining the current page data of the current page corresponding to the target event type according to the data obtaining manner corresponding to each target event type in the target event type set includes:

acquiring a current rolling position;

and acquiring a current page source code corresponding to the current page, and taking a rolling event type identifier corresponding to the rolling event type and the current rolling position as the rolling event page data, wherein the current page source code is used for generating a page in a page animation frame, and the page animation frame displays the page according to the current rolling position.

5. The method of claim 2, wherein the target event type comprises a click event type, and wherein the current page data comprises click event page data; the acquiring, according to the data acquisition manner corresponding to each target event type in the target event type set, the current page data of the current page corresponding to the target event type includes:

acquiring a current click position;

and taking the current click position and a click event type identifier corresponding to the click event type as the click event page data.

6. The method of claim 1, wherein obtaining the current page data frame corresponding to the current time based on the current page data comprises:

acquiring forward page data corresponding to the forward page data frame;

comparing the current page data with the forward page data to obtain changed page data of the current page data relative to the forward page data;

and generating a current page data frame corresponding to the current time based on the changed page data.

7. A method for generating animation of page recording is characterized by comprising the following steps:

receiving a page recording animation generation request;

acquiring a page data frame sequence corresponding to the page recording animation generation request, wherein target page data frames in the page data frame sequence are sequenced according to page data acquisition time, and the page data frame sequence comprises a plurality of target page data frames;

acquiring target page data corresponding to each target event type in the target page data frame, and generating a page animation frame according to the target page data and the target event type;

and sequencing the generated page animation frames according to the data frame sequence in the page data frame sequence to obtain the page recording animation.

8. The method according to claim 7, wherein the target event type includes a scroll event type, and the acquiring target page data corresponding to each target event type in the target page data frame and generating a page animation frame according to the target page data and the target event type includes:

acquiring a target page source code corresponding to the target page data frame;

acquiring a target rolling position corresponding to a rolling event type identifier in the target page data frame;

and generating a page animation frame based on the target page source code and the target rolling position, wherein the target page source code is used for generating a target page in the page animation frame, and the page animation frame displays the target page according to the target rolling position.

9. The method of claim 7, wherein the target page data frame is a current page data frame obtained during page data acquisition, and the step of obtaining the current page data frame comprises:

displaying a current page to be subjected to page recording;

and obtaining a current page data frame corresponding to the current time based on the current page data.

10. A page recording apparatus, characterized in that the apparatus comprises:

the current page display module is used for displaying a current page to be subjected to page recording;

the time interval acquisition module is used for acquiring the time interval between the current time and the forward time, wherein the forward time is the page data acquisition time of a forward page data frame;

a current page data obtaining module, configured to obtain current page data of the current page corresponding to each target event type in a target event type set when the time interval reaches a duration threshold;

and a current page data frame obtaining module, configured to obtain, based on the current page data, a current page data frame corresponding to the current time, where the forward page data frame and the current page data frame are used to generate a page recording animation.

11. A page recording animation generation apparatus, the apparatus comprising:

the generation request receiving module is used for receiving a page recording animation generation request;

the page data frame sequence acquisition module is used for acquiring a page data frame sequence corresponding to the page recording animation generation request, target page data frames in the page data frame sequence are sequenced according to page data acquisition time, and the page data frame sequence comprises a plurality of target page data frames;

the page animation frame generation module is used for acquiring target page data corresponding to each target event type in the target page data frame and generating a page animation frame according to the target page data and the target event type;

and the page recording animation obtaining module is used for sequencing the generated page animation frames according to the data frame sequence in the page data frame sequence to obtain the page recording animation.

12. A computer device comprising a memory and a processor, the memory storing a computer program, characterized in that the processor realizes the steps of the method of any one of claims 1 to 9 when executing the computer program.

13. A computer-readable storage medium, in which a computer program is stored which, when being executed by a processor, carries out the steps of the method according to any one of claims 1 to 9.