CN117135395B

CN117135395B - Page recording method and device

Info

Publication number: CN117135395B
Application number: CN202311078254.0A
Authority: CN
Inventors: 邬锦华; 王蒙; 李灵天
Original assignee: Zhongdian Jinxin Software Co Ltd
Current assignee: Zhongdian Jinxin Software Co Ltd
Filing date: 2023-08-24
Publication date: 2024-07-12
Anticipated expiration: 2043-08-24

Abstract

The disclosure provides a page recording method and device, wherein the method comprises the following steps: responding to the opening of the applet page, and opening a camera and an audio collector on the client; acquiring a plurality of first page elements in an applet page, and sending the plurality of first page elements to a first service end, wherein the first page elements are used for rendering and displaying an initial page identical to the applet page; and responding to the video frames acquired by the camera and/or the audio frames acquired by the audio acquirer, and sending the video frames and/or the audio frames to the first service end, wherein the video frames and/or the audio frames are used for being fused with the initial page to obtain a target page, and the target page is used for recording audio and video to generate an audio and video file, so that on electronic equipment without double-recording application, the audio and video recording can be performed based on a small program, double-recording of the sales process of financial products is realized, and the sales process of the financial products is effectively managed.

Description

Page recording method and device

Technical Field

The disclosure relates to the technical field of internet, and in particular relates to a page recording method and device.

Background

With the rapid development of internet finance, online sales of financial products have become mainstream. In order to ensure normal and safe sales of financial products, silver-colored congress, license congress and guard congress require synchronous video and audio (double-recording) in the sales process of the financial products, thereby enhancing the overall process risk management of the sales of the financial products.

In the related art, a main way is to install a double-record Application (App) for recording through an electronic device (such as a mobile phone), but for a situation that no double-record Application electronic device is installed, the double-record cannot be performed on the sales process of the financial product, so that the sales process of the financial product cannot be managed.

Disclosure of Invention

The present disclosure provides a page recording method and apparatus to solve at least one of the technical problems in the related art to a certain extent. The technical scheme of the present disclosure is as follows:

According to a first aspect of an embodiment of the present disclosure, a page recording method is provided, applied to a client, and includes: responding to the opening of the applet page, and opening a camera and an audio collector on the client; acquiring a plurality of first page elements in the small program page, and sending the plurality of first page elements to a first service end, wherein the first page elements are used for rendering and displaying an initial page identical to the small program page; and responding to the video frames acquired by the camera and/or the audio frames acquired by the audio acquirer, and sending the video frames and/or the audio frames to the first service end, wherein the video frames and/or the audio frames are used for being fused with the initial page to obtain a target page, and the target page is used for recording audio and video to generate an audio and video file.

According to a second aspect of an embodiment of the present disclosure, a page recording method is provided, applied to a first service end, including: receiving a plurality of first page elements sent by a client, wherein the first page elements are acquired from a small program page of the client; rendering and displaying an initial page which is the same as the applet page according to a plurality of the first page elements; receiving a video frame acquired by the client in response to a camera and/or an audio frame acquired by an audio acquirer; wherein the camera and the audio collector are opened by the client in response to an opening applet page; fusing the video frame and the audio frame with the initial page to obtain a target page; the target page is used for recording audio and video to generate an audio and video file.

According to a third aspect of the embodiments of the present disclosure, there is provided a page recording apparatus, applied to a client, including: the starting module is used for responding to the starting of the applet page and starting the camera and the audio collector on the client; the first sending module is used for obtaining a plurality of first page elements in the small program page and sending the plurality of first page elements to a first service end, wherein the first page elements are used for rendering and displaying an initial page identical to the small program page; the second sending module is used for responding to the video frames collected by the camera and/or the audio frames collected by the audio collector and sending the video frames and/or the audio frames to the first service end, wherein the video frames and/or the audio frames are used for being fused with the initial page to obtain a target page, and the target page is used for recording audio and video to generate an audio and video file.

According to a fourth aspect of the embodiments of the present disclosure, there is provided a page recording apparatus, applied to a first service side, including: the first receiving module is used for receiving a plurality of first page elements sent by a client, wherein the first page elements are acquired from a small program page of the client; the rendering module is used for rendering and displaying an initial page which is the same as the applet page according to a plurality of the first page elements; the second receiving module is used for receiving the video frames acquired by the client in response to the camera and/or the audio frames acquired by the audio acquirer; wherein the camera and the audio collector are opened by the client in response to an opening applet page; the fusion module is used for fusing the video frames, the audio frames and the initial page to obtain a target page; the target page is used for recording audio and video to generate an audio and video file.

According to a fifth aspect of embodiments of the present disclosure, there is provided an electronic device, comprising: a processor; a memory for storing the processor-executable instructions; wherein the processor is configured to execute the instructions to generate a page recording method according to an embodiment of the first aspect of the disclosure or a page recording method according to an embodiment of the second aspect of the disclosure.

According to a sixth aspect of embodiments of the present disclosure, there is provided a computer readable storage medium, which when executed by a processor of an electronic device, causes the electronic device to perform the page recording method according to the embodiments of the first aspect of the present disclosure, or to perform the page recording method according to the embodiments of the second aspect of the present disclosure.

According to a seventh aspect of embodiments of the present disclosure, there is provided a computer program product comprising: a computer program, when executed by a processor, implements a resource pushing method according to an embodiment of the first aspect of the present disclosure, or implements a resource pushing method according to an embodiment of the second aspect of the present disclosure.

The technical scheme provided by the embodiment of the disclosure at least brings the following beneficial effects:

1. For the electronic equipment without double-record application, audio and video recording can be performed based on the small program, so that double-record is performed on the sales process of the financial products, and the sales process of the financial products is effectively managed;

2. The audio and video recording is carried out based on the small program, and double-recording application programs are not required to be installed, so that the resource consumption is reduced;

3. The first server terminal fuses the video frame and the audio frame with the initial page to obtain a target page, wherein the target page not only contains product information related to the financial products, but also can contain object information (audio and video) for purchasing the financial products, so that on one hand, the authenticity of selling the financial products is improved, false selling is avoided, and on the other hand, the back tracing of the selling process and the selling scene of the financial products can be realized, so that the selling process of the financial products is managed;

4. when page elements in an applet page on a client side are updated, a first server side synchronously updates a target page, so that the problem that recorded sales scenes are not matched with real sales scenes and sales scenes of financial products cannot be traced back truly can be avoided, and effectiveness of sales process management of the financial products is improved.

It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the disclosure and together with the description, serve to explain the principles of the disclosure and do not constitute an undue limitation on the disclosure.

Fig. 1 is a flowchart of a page recording method according to a first embodiment of the present disclosure;

Fig. 2 is a flowchart of a page recording method according to a second embodiment of the present disclosure;

Fig. 3 is a flowchart of a page recording method according to a third embodiment of the present disclosure;

fig. 4 is a flowchart of a page recording method according to a fourth embodiment of the present disclosure;

fig. 5 is a flowchart of a page recording method according to a fifth embodiment of the present disclosure;

FIG. 6 is a schematic diagram of a target page shown in an embodiment of the present disclosure;

Fig. 7 is a flowchart of a page recording method according to an embodiment of the disclosure;

fig. 8 is a schematic structural diagram of a page recording apparatus according to a sixth embodiment of the present disclosure;

Fig. 9 is a schematic structural diagram of a page recording apparatus according to a seventh embodiment of the present disclosure;

fig. 10 is a schematic structural view of an electronic device according to an exemplary embodiment of the present disclosure.

Detailed Description

In order to enable those skilled in the art to better understand the technical solutions of the present disclosure, the technical solutions of the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.

It should be noted that the terms "first," "second," and the like in the description and claims of the present disclosure and in the foregoing figures are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged where appropriate such that the embodiments of the disclosure described herein may be capable of operation in sequences other than those illustrated or described herein. The implementations described in the following exemplary examples are not representative of all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present disclosure as detailed in the accompanying claims.

It should be noted that, in the technical solution of the present disclosure, the related processes of collecting, storing, using, processing, transmitting, providing, disclosing, etc. of the personal information of the user are all performed on the premise of proving the consent of the user, and all conform to the rules of the related laws and regulations, and do not violate the popular regulations of the public order.

At present, a double-recording App is installed mainly through terminal equipment (such as a mobile phone), a screen recording function of the App is called, operation behaviors of clients and sales personnel and video in-frame conversation are recorded, and a browsable video file is recorded. However, the small program end does not support the screen recording function, so that the operation behaviors of clients and sales personnel cannot be recorded retrospectively, and the sales process of financial products cannot be managed.

Aiming at the problems, the disclosure provides a page recording method and device.

The following describes a page recording method and apparatus according to an embodiment of the present disclosure with reference to the accompanying drawings.

Fig. 1 is a flowchart of a page recording method according to a first embodiment of the present disclosure. The page recording method implemented by the present disclosure may be applied to a client.

As shown in fig. 1, the page recording method may include the following steps:

and step 101, in response to opening the applet page, opening a camera and an audio collector on the client.

In the embodiment of the disclosure, in response to an opening operation, an applet page is opened, and a camera and an audio collector on a client are opened while the applet page is opened. The applet page may be a page generated based on a hypertext markup language, for example, the applet page may be an application page generated based on HTML 5.

As an example, in response to opening the applet page, obtaining a first opening right to open a camera on the client and a second opening right to open the audio collector; and responding to the first opening permission to allow the applet page to open the camera and the second opening permission to allow the applet page to open the audio collector, and opening the camera and the audio collector.

That is, in response to the opening applet page, a permission page for indicating whether permission to open the camera and the audio collector is granted, and in response to the confirmation operation, the camera and the audio collector are opened.

As another example, in response to opening the applet page, the camera and audio collector on the client are directly turned on.

Step 102, a plurality of first page elements in the applet page are obtained, and the plurality of first page elements are sent to a first service end.

Wherein the first page element is used to render and display the same initial page as the applet page.

In order to record a page associated with an audio and video while recording the audio and video, in the embodiment of the present disclosure, a plurality of page elements in an applet page may be extracted and used as a plurality of first page elements, the plurality of first page elements may be sent to a first service end, and the service end may render an initial page identical to the applet page according to the first page elements.

And step 103, responding to the video frames collected by the camera and/or the audio frames collected by the audio collector, and transmitting the video frames and/or the audio frames to the first service end.

The method comprises the steps that a video frame and/or an audio frame are/is used for being fused with an initial page to obtain a target page, and the target page is used for recording audio and video to generate an audio and video file.

As an example, when a video frame is acquired by a camera, the acquired video frame may be sent to the first service end.

As another example, when the audio collector collects an audio frame, the collected audio and video may be sent to the first service end.

As yet another example, the video frame may be collected by the camera and the audio frame may be collected by the audio collector at the same time, and the video frame and the audio frame may be simultaneously transmitted to the first service end.

It should be noted that, the video frame and/or the audio frame are used for fusing with the initial page to obtain a target page, and the target page is used for recording audio and video to generate an audio and video file. For example, the path information of the target page may be sent to a second server (e.g., a cloud server), and the second server may open the target page according to the path information and record the audio and video of the target page, so as to generate an audio and video file.

In summary, the camera and the audio collector on the client are started in response to starting the applet page; acquiring a plurality of first page elements in an applet page, and sending the plurality of first page elements to a first service end, wherein the first page elements are used for rendering and displaying an initial page identical to the applet page; and responding to the video frames acquired by the camera and the audio frames acquired by the audio acquirer, and sending the video frames and the audio frames to the first service end, wherein the video frames and/or the audio frames are used for being fused with the initial page to obtain a target page, and the target page is used for recording audio and video to generate an audio and video file.

To clearly illustrate how the video frames and audio frames are sent to the first server in response to the video frames being acquired by the camera and the audio frames being acquired by the audio acquirer in the above embodiments, another page recording method is proposed in the present disclosure.

Fig. 2 is a flowchart of a page recording method according to a second embodiment of the present disclosure. The method for pushing the resources can be applied to the client.

As shown in fig. 2, the page recording method may include the following steps:

in step 201, in response to opening the applet page, the camera and audio collector on the client are started.

Step 202, a plurality of first page elements in the applet page are obtained, and the plurality of first page elements are sent to a first service end.

In step 203, in response to the camera capturing the video frame and/or the audio capturing device capturing the audio frame, a first service end which is in the same audio/video data transmission channel as the client and focuses on the video frame and/or the audio frame is determined.

In the embodiment of the disclosure, in response to the camera capturing the video frame and/or the audio capturing device capturing the audio frame, it may be determined that the client is in the same audio-video data transmission channel and the first service end of the client video frame and/or the audio frame is focused.

As an example, a token may be obtained from a first server, registration verification may be performed on the first server, and after the registration verification is passed, the token and the first server may join the same audio-video data transmission channel, and determine whether the first server focuses on a video frame and/or an audio frame of the client.

Step 204, sending the video frame and/or the audio frame to the first server.

In the embodiment of the disclosure, after determining that the client is in the same audio/video data transmission channel and focusing on the first service end of the video frame and/or the audio frame of the client, the video frame and/or the audio frame may be sent to the first service end, where the video frame and/or the audio frame is used to be fused with the initial page to obtain a target page, and the target page is used for audio/video recording to generate an audio/video file.

It should be noted that the execution of steps 201 to 202 may be implemented in any manner in each embodiment of the disclosure, which is not limited to this embodiment, and is not repeated.

In summary, by responding to the video frame collected by the camera and/or the audio frame collected by the audio collector, determining the first service end which is in the same audio-video data transmission channel with the client and pays attention to the video frame and/or the audio frame, and sending the video frame and/or the audio frame to the first service end, the video frame and the audio frame can be accurately sent to the first service end which is in the same audio-video data transmission channel with the client and pays attention to the video frame and/or the audio frame, and the first service end can effectively display the video frame and/or the audio frame.

To clearly illustrate how the above embodiments acquire a plurality of first page elements in an applet page and send the plurality of first page elements to a first server, the present disclosure proposes another page recording method.

Fig. 3 is a flowchart of a page recording method according to a third embodiment of the present disclosure. The method for pushing the resources can be applied to the client.

As shown in fig. 3, the page recording method may include the following steps:

In step 301, in response to opening the applet page, the camera and audio collector on the client are opened.

Step 302, extracting a plurality of first page elements and display attributes and/or display contents of the plurality of first page elements from the applet page.

In order for the first service end to display the same initial page as the applet page, in the embodiment of the present disclosure, the page element and the display attribute and/or display content of the page element may be proposed from the applet page, and the page element extracted from the applet page is used as the first page element, for example, the first page element is a control, a link, a table, an image, and the like in the page.

Step 303, generating first serialized data according to the plurality of first page elements and the display attributes and/or display contents of the plurality of first page elements.

In order to facilitate data transfer and reduce data loss, so that the first service end accurately generates an initial page identical to the applet page, the first serialized data may be generated according to a plurality of first page elements and display attributes and/or display contents of the plurality of first page elements, where a structure of the first serialized data may be a JSON (lightweight data exchange format) structure.

Step 304, the first serialized data is sent to the first service end.

Wherein, the display attribute and/or the display content of the plurality of first page elements and the plurality of first page elements in the first serialization data are used for rendering and displaying the initial page.

And further, the first serialization data is sent to the first service end, so that the first service end can render and display the initial page according to the first page elements in the first serialization data and the display attributes and/or the display contents of the first page elements.

And step 305, in response to the video frame collected by the camera and the audio frame collected by the audio collector, sending the video frame and the audio frame to the first service end.

It should be noted that, the execution process of step 301 and step 305 may be implemented by any one of the embodiments of the present disclosure, which is not limited to this embodiment, and is not repeated herein.

In summary, the display attributes and/or display contents of the plurality of first page elements and the plurality of first page elements are extracted from the applet page; generating first serialization data according to the plurality of first page elements and display attributes and/or display contents of the plurality of first page elements; and sending the first serialization data to a first service end, wherein the first serialization data, which is generated by extracting the first page elements and the display attributes and/or the display contents of the first page elements in the applet page, is used for rendering and displaying the initial page, and the first service end sends the first serialization data, which is generated by extracting the first page elements and the display attributes and/or the display contents of the first page elements in the applet page, to the first service end, and the first service end can accurately generate the initial page which is identical to the applet page according to the first page elements and the display attributes and/or the display contents of the first page elements in the first serialization data.

In order to keep the display attribute and/or display content of the page elements except the audio and video in the target page consistent with the applet page in real time, when the display attribute and/or display content of the first page element in the applet page is updated, the display attribute and/or display content before the update and the display attribute and/or display content after the update of the first page element can be sent to the first service end, and the first service end updates the second page element in the target page corresponding to the first page element according to the display attribute and/or display content before the update and the display attribute and/or display content after the update, which will be described in detail below with reference to fig. 4.

Fig. 4 is a flowchart of a page recording method according to a fourth embodiment of the present disclosure. The page recording method implemented by the present disclosure may be applied to a client.

As shown in fig. 4, the page recording method may include the following steps:

in step 401, in response to opening the applet page, the camera and audio collector on the client are opened.

Step 402, a plurality of first page elements in the applet page are obtained, and the plurality of first page elements are sent to a first service end.

And step 403, in response to the video frame collected by the camera and the audio frame collected by the audio collector, sending the video frame and the audio frame to the first service end.

And step 404, in response to monitoring that the display attribute and/or the display content of any first page element in the applet page are updated, sending second serialized data to the first service end.

The second serialization data comprises display attributes and/or display contents before updating any first page element and display attributes and/or display contents after updating any first page element, and the second serialization data is used for updating a second page element at a position corresponding to any first page element on the target page.

In order to keep the target page consistent with the applet page, in the embodiment of the present disclosure, the display attribute and/or the display content of the first page element in the applet page may be monitored, the display attribute and/or the display content of any first page element in the applet page may be updated, second serialized data may be generated according to the display attribute and/or the display content before any first page element is updated and the display attribute and/or the display content after any first page element is updated, and the second serialized data may be sent to the first service end, where the first service end may update the second page element corresponding to any first page element on the target page according to the second serialized data.

It should be noted that the execution of steps 401 to 403 may be implemented in any manner in each embodiment of the disclosure, which is not limited to this embodiment, and is not repeated herein.

In summary, by responding to the fact that the display attribute and/or the display content of any first page element in the applet page are updated, the second serialized data is sent to the first service end, so that the first service end can update the second page element, corresponding to any first page element, on the target page according to the second serialized data, so that the display attribute and/or the display content of the page element except the audio and video in the target page are consistent with the applet page in real time.

In order to implement the above embodiments, the present disclosure proposes another page recording method, and fig. 5 is a schematic flow chart of a page recording method shown in a fifth embodiment of the present disclosure. The page recording method implemented by the present disclosure may be applied to the first service end.

As shown in fig. 5, the page recording method may include the following steps:

Step 501, a plurality of first page elements sent by a client are received.

The first page element is acquired from the applet page by the client.

In order to record a page associated with an audio and video while recording the audio and video, in the embodiment of the present disclosure, a plurality of page elements in an applet page may be extracted, and the plurality of page elements may be used as a plurality of first page elements, and the plurality of first page elements may be sent to a first service end, and the service end may receive the plurality of first page elements sent by a client.

As an example, a page element and display attributes and/or display content of the page element may be presented from the applet page, with the page element extracted from the applet page as a first page element, e.g., a control, link, table, image, etc. in the page.

In order to facilitate data transfer and reduce data loss, so that the first service end generates an initial page which is identical to the applet page, the first serialized data can be generated according to a plurality of first page elements and display attributes and/or display contents of the plurality of first page elements, wherein the structure of the first serialized data can be a JSON (lightweight data exchange format) structure.

Step 502, rendering and displaying the same initial page as the applet page according to the first page elements.

As an example, the first serialized data sent by the client is received, and the first service end may perform rendering and presentation of the initial page according to the plurality of first page elements and display attributes and/or display contents of the plurality of first page elements in the first serialized data.

In step 503, the receiving client responds to the video frames collected by the camera and/or the audio frames collected by the audio collector.

Wherein the camera and the audio collector are opened by the client in response to opening the applet page.

It should be noted that, the camera and the audio collector are opened by the client in response to the opening of the applet page.

Step 504, fusing the video frame and the audio frame with the initial page to obtain the target page.

The target page is used for recording audio and video to generate an audio and video file.

As one example, determining a display position of a video frame and/or an audio frame on an initial page; and rendering and displaying the video frames and/or the audio frames on a display position to obtain a target page. The target page not only contains product information related to the financial products, but also can contain object information (audio and video) for purchasing the financial products, so that on one hand, the authenticity of the sales of the financial products is improved, false sales is avoided, and on the other hand, the sales process and the sales scene of the financial products can be traced back, so that the sales process of the financial products can be managed conveniently.

For example, as shown in fig. 6, a display position of the video frame and/or the audio frame on the initial page may be preset (e.g., an upper right corner of the initial page), and the video frame and/or the audio frame may be rendered and displayed on the display position to generate the target page.

For another example, the video frames and the audio frames are located at different positions on the initial page, and the video frames and the audio frames may be rendered and displayed at corresponding display positions to generate the target page.

As an example, the first server may send the path information of the target page to the second server (e.g., the cloud server), and the second server may open the target page according to the path information and record the audio and video of the target page, so as to generate the audio and video file.

In order to enable the display attribute and/or the display content of the page elements except the audio and video in the target page to be consistent with the applet page in real time, when the display attribute and/or the display content of the first page element in the applet page are updated, the display attribute and/or the display content before the update of the page element and the display attribute and/or the display content after the update can be generated to the first service end, and the first service end updates the second page element in the target page corresponding to the first page element according to the display attribute and/or the display content before the update of the page element and the display attribute and/or the display content after the update, so that the recorded sales scene is not matched with the real sales scene, and the sales scene of the financial product cannot be traced back truly, thereby improving the effectiveness of the sales process management of the financial product.

In summary, a plurality of first page elements sent by a client are received, wherein the first page elements are acquired from a small program page by the client; rendering and displaying an initial page which is the same as the applet page according to the first page elements; receiving a video frame acquired by a client in response to a camera and/or an audio frame acquired by an audio acquirer; the camera and the audio collector are opened by the client in response to the opening of the applet page; fusing the video frames and the audio frames with the initial page to obtain a target page; the target page is used for recording audio and video to generate an audio and video file, so that the audio and video recording can be performed on the electronic equipment without the double-recording application based on the small program, double-recording of the sales process of the financial products is realized, and the sales process of the financial products is effectively managed.

On the basis of any embodiment of the disclosure, as shown in fig. 7, the page recording method of the embodiment of the disclosure may be further implemented based on the following steps:

1. The client can integrate a backtracking system, store DOM (Document Object Model ) and user operation in the page as serializable data through the backtracking system, so as to realize remote playback;

2. the display end firstly displays the received serialized data on a page, and restores and displays the operation of the user client;

3. The client and the display end integrate the acoustic Network SDK, acquire Token from the server, register and verify the server, then add the same channel (audio and video data transmission channel), the client issues audio and video stream in the channel, the display end subscribes the audio and video stream from the channel, the data in the channel is transmitted in low delay through the SD-RTN (Software DEFINED REAL-time Network) real-time Network of the acoustic Network, so as to realize the audio and video intercommunication;

4. after the two ends of the audio and video are communicated, the user replies the voice according to the corresponding content and operation in the client, and the operation process of the client and the audio and video content are displayed on the page;

5. And the back-end service (first service end) transmits the path of the display page to the cloud recording platform (second service end) for recording the page, and the recording result is uploaded to the cloud for storage, so that the MP4 file is finally formed.

Corresponding to the above-mentioned page recording method provided by the embodiments of fig. 1 to 4, the present disclosure further provides a page recording device, and since the page recording device provided by the embodiments of the present disclosure corresponds to the above-mentioned page recording method provided by the embodiments of fig. 1 to 4, the implementation of the page recording method is also applicable to the page recording device provided by the embodiments of the present disclosure, and will not be described in detail in the embodiments of the present disclosure.

Fig. 8 is a schematic structural diagram of a page recording apparatus according to a sixth embodiment of the present disclosure. The resource pushing device of the embodiment of the disclosure can be applied to a client.

As shown in fig. 8, the page recording device 800 includes: an opening module 810, a first sending module 820, and a second sending module 830.

The starting module 810 is used for responding to the starting of the applet page and starting the camera and the audio collector on the client; a first sending module 820, configured to obtain a plurality of first page elements in the applet page, and send the plurality of first page elements to the first service end, where the first page elements are used to render and display an initial page identical to the applet page; the second sending module 830 is configured to send the video frame and/or the audio frame to the first service end in response to the video frame and/or the audio frame acquired by the camera and/or the audio collector, where the video frame and/or the audio frame is used to be fused with the initial page to obtain a target page, and the target page is used for recording audio and video to generate an audio and video file.

As a possible implementation manner of the embodiment of the present disclosure, the second sending module 830 is specifically configured to: in response to the camera acquiring a video frame and/or the audio collector acquiring an audio frame, determining a first service end which is positioned in the same audio-video data transmission channel as the client and pays attention to the video frame and/or the audio frame; and sending the video frame and/or the audio frame to the first service end.

As a possible implementation manner of the embodiment of the present disclosure, the first sending module 820 is specifically configured to: extracting a plurality of first page elements and display attributes and/or display contents of the plurality of first page elements from the applet page; generating first serialization data according to the plurality of first page elements and display attributes and/or display contents of the plurality of first page elements; and sending the first serialized data to a first service end, wherein the first serialized data comprises a plurality of first page elements and display attributes and/or display contents of the first page elements, and the display attributes and/or the display contents of the first page elements are used for rendering and displaying the initial page.

As a possible implementation manner of the embodiment of the present disclosure, the opening module 810 is specifically configured to: responding to the opening applet page, and acquiring a first opening permission of a camera and a second opening permission of an audio collector on the opening client; and responding to the first opening permission to allow the applet page to open the camera and the second opening permission to allow the applet page to open the audio collector, and opening the camera and the audio collector.

As one possible implementation of the embodiment of the present disclosure, the page recording apparatus 800 further includes: and a third transmitting module.

The third sending module is specifically configured to: and sending second serialization data to the first service end in response to the fact that the display attribute and/or the display content of any first page element in the applet page are updated, wherein the second serialization data comprises the display attribute and/or the display content before any first page element is updated and the display attribute and/or the display content after any first page element is updated, and the second serialization data is used for updating the second page element at the position corresponding to any first page element on the target page.

The page recording device is applied to a client, and a camera and an audio collector on the client are started by responding to the opening of an applet page; acquiring a plurality of first page elements in an applet page, and sending the plurality of first page elements to a first service end, wherein the first page elements are used for rendering and displaying an initial page identical to the applet page; and responding to the video frames acquired by the camera and the audio frames acquired by the audio acquirer, and sending the video frames and the audio frames to the first service end, wherein the video frames and/or the audio frames are used for being fused with the initial page to obtain a target page, and the target page is used for recording audio and video to generate an audio and video file.

Corresponding to the above-mentioned page recording method provided by the embodiments of fig. 5 to 6, the present disclosure further provides a page recording device, and since the page recording device provided by the embodiments of the present disclosure corresponds to the page recording method provided by the embodiments of fig. 5 to 6, the implementation of the page recording method is also applicable to the page recording device provided by the embodiments of the present disclosure, and will not be described in detail in the embodiments of the present disclosure.

Fig. 9 is a schematic structural diagram of a page recording apparatus according to a seventh embodiment of the present disclosure. The resource pushing device of the embodiment of the disclosure can be applied to the first service end.

As shown in fig. 9, the page recording apparatus 900 includes: a first receiving module 910, a rendering module 920, a second receiving module 930, and a fusing module 940.

The first receiving module 910 is configured to receive a plurality of first page elements sent by a client, where the first page elements are acquired from a applet page by the client; the rendering module 920 is configured to render and display an initial page that is the same as the applet page according to the plurality of first page elements; a second receiving module 930, configured to receive a video frame acquired by the client in response to the camera and/or an audio frame acquired by the audio acquirer; the camera and the audio collector are opened by the client in response to the opening of the applet page; the fusion module 940 is configured to fuse the video frame and the audio frame with the initial page to obtain a target page; the target page is used for recording audio and video to generate an audio and video file.

As a possible implementation manner of the embodiment of the present disclosure, the fusion module 940 is specifically configured to: determining the display position of a video frame and/or an audio frame on an initial page; and rendering and displaying the video frames and/or the audio frames on a display position to obtain a target page.

As a possible implementation manner of the embodiment of the present disclosure, the page recording apparatus 900 further includes: and a third receiving module and an updating module.

The third receiving module is specifically configured to: receiving second serialized data sent by a client in response to monitoring the updated attribute and/or content of any first page element in the applet page, wherein the second serialized data comprises the attribute and/or content before updating any first page element and the attribute and/or content after updating any first page element; the updating module is specifically used for: and updating the second page element at the position corresponding to any first page element on the target page according to the attribute and/or the content before updating any first page element in the second serialized data and the attribute and/or the content after updating any first page element.

As a possible implementation manner of the embodiments of the present disclosure, the following modules are used to record audio and video on a target page: and a third transmitting module.

The third sending module is specifically configured to: and sending the path information of the target page to a second server, wherein the path information is used for opening the target page and recording the audio and video of the target page to generate an audio and video file.

The page recording device is applied to a first server and used for receiving a plurality of first page elements sent by a client, wherein the first page elements are acquired from a small program page by the client; rendering and displaying an initial page which is the same as the applet page according to the first page elements; receiving a video frame acquired by a client in response to a camera and/or an audio frame acquired by an audio acquirer; the camera and the audio collector are opened by the client in response to the opening of the applet page; fusing the video frames and the audio frames with the initial page to obtain a target page; the target page is used for recording audio and video to generate an audio and video file, so that the audio and video recording can be performed on the electronic equipment without the double-recording application based on the small program, double-recording of the sales process of the financial products is realized, and the sales process of the financial products is effectively managed.

In an exemplary embodiment, an electronic device is also presented.

Wherein, electronic equipment includes:

A processor;

A memory for storing processor-executable instructions;

Wherein the processor is configured to execute instructions to generate a page recording method as set forth in any of the foregoing embodiments.

As an example, fig. 10 is a schematic structural diagram of an electronic device 1000 according to an exemplary embodiment of the present disclosure, and as shown in fig. 10, the electronic device 1000 may further include:

memory 1010 and processor 1020, bus 1030 connecting the different components (including memory 1010 and processor 1020), memory 1010 storing a computer program that when executed by processor 1020 generates a page recording method as described in embodiments of the present disclosure.

Bus 1030 represents one or more of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, a processor, or a local bus using any of a variety of bus architectures. By way of example, and not limitation, such architectures include Industry Standard Architecture (ISA) bus, micro channel architecture (MAC) bus, enhanced ISA bus, video Electronics Standards Association (VESA) local bus, and Peripheral Component Interconnect (PCI) bus.

Electronic device 1000 typically includes many types of electronic device readable media. Such media can be any available media that is accessible by the electronic device 1000 and includes both volatile and nonvolatile media, removable and non-removable media.

Memory 1010 may also include computer system readable media in the form of volatile memory, such as Random Access Memory (RAM) 1040 and/or cache memory 1050. The server 1000 may further include other removable/non-removable, volatile/nonvolatile computer system storage media. By way of example only, storage system 1060 may be used to read from or write to a non-removable, non-volatile magnetic media (not shown in FIG. 10, commonly referred to as a "hard disk drive"). Although not shown in fig. 10, a magnetic disk drive for reading from and writing to a removable non-volatile magnetic disk (e.g., a "floppy disk"), and an optical disk drive for reading from or writing to a removable non-volatile optical disk (e.g., a CD-ROM, DVD-ROM, or other optical media) may be provided. In such cases, each drive may be coupled to bus 1030 through one or more data medium interfaces. Memory 1010 may include at least one program product having a set (e.g., at least one) of program modules configured to carry out the functions of the various embodiments of the disclosure.

A program/utility 1080 having a set (at least one) of program modules 1070 may be stored, for example, in memory 1010, such program modules 1070 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each or some combination of which may include the generation of a network environment. Program modules 1070 typically perform the functions and/or methods in the embodiments described in this disclosure.

The electronic device 1000 can also communicate with one or more external devices 1090 (e.g., keyboard, pointing device, display 1091, etc.), with one or more devices that enable a user to interact with the electronic device 1000, and/or with any device (e.g., network card, modem, etc.) that enables the electronic device 1000 to communicate with one or more other computing devices. Such communication may occur through an input/output (I/O) interface 1092. Also, the electronic device 1000 may communicate with one or more networks such as a Local Area Network (LAN), a Wide Area Network (WAN) and/or a public network, such as the Internet, through a network adapter 1093. As shown, the network adapter 1093 communicates with other modules of the electronic device 1000 via the bus 1030. It should be appreciated that although not shown, other hardware and/or software modules may be used in connection with the electronic device 1000, including, but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, data backup storage systems, and the like.

The processor 1020 executes various functional applications and data processing by running programs stored in the memory 1010.

It should be noted that, the implementation process and the technical principle of the electronic device in this embodiment refer to the foregoing explanation of the page recording method in the embodiment of the disclosure, and are not repeated herein.

In an exemplary embodiment, a computer readable storage medium is also provided, e.g., a memory, comprising instructions executable by a processor of an electronic device to perform the page recording method set forth in any of the embodiments above. Alternatively, the computer readable storage medium may be ROM, random Access Memory (RAM), CD-ROM, magnetic tape, floppy disk, optical data storage device, etc.

In an exemplary embodiment, a computer program product is also provided, comprising a computer program/instruction, characterized in that the computer program/instruction, when executed by a processor, generates the page recording method according to any of the embodiments described above.

Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This disclosure is intended to cover any adaptations, uses, or adaptations of the disclosure following the general principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.

It is to be understood that the present disclosure is not limited to the precise arrangements and instrumentalities shown in the drawings, and that various modifications and changes may be effected without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. The page recording method is characterized by being applied to a client and comprising the following steps of:

responding to the opening of the applet page, and opening a camera and an audio collector on the client;

extracting a plurality of first page elements and display attributes and/or display contents of the first page elements from the applet page;

Generating first serialization data according to the first page elements and display attributes and/or display contents of the first page elements;

The first serialization data is sent to a first service end, wherein display attributes and/or display contents of a plurality of first page elements and a plurality of first page elements in the first serialization data are used for rendering and displaying an initial page which is the same as the applet page;

and responding to the video frames acquired by the camera and the audio frames acquired by the audio acquirer, and sending the video frames and the audio frames to the first service end, wherein the video frames and/or the audio frames are used for being fused with the initial page to obtain a target page, and the target page is used for recording audio and video to generate an audio and video file.

2. The method of claim 1, wherein the transmitting the video frame and the audio frame to the first service in response to the camera capturing the video frame and the audio capturing the audio frame comprises:

In response to the camera acquiring a video frame and/or the audio acquirer acquiring an audio frame, determining a first service end which is in the same audio-video data transmission channel as the client and pays attention to the video frame and/or the audio frame;

and sending the video frame and/or the audio frame to the first server.

3. The method of claim 1, wherein the turning on the camera and the audio collector on the client in response to opening the applet page comprises:

Responding to an opening applet page, and acquiring a first opening permission of a camera and a second opening permission of an audio collector on the client;

And responding to the first opening permission to allow the applet page to open the camera and the second opening permission to allow the applet page to open the audio collector, and opening the camera and the audio collector.

4. The method according to claim 1, wherein the method further comprises:

And sending second serialization data to the first server in response to the monitored update of the display attribute and/or the display content of any first page element in the applet page, wherein the second serialization data comprises the display attribute and/or the display content before any first page element update and the display attribute and/or the display content after any first page element update, and the second serialization data is used for updating a second page element corresponding to any first page element on a target page.

5. The page recording method is characterized by being applied to a first service end and comprising the following steps:

Receiving first serialized data sent by a client, wherein the first serialized data is generated by the client according to a plurality of first page elements extracted from a small program page and display attributes and/or display contents of the plurality of first page elements;

rendering and displaying an initial page which is the same as the applet page according to the first serialization data;

Receiving a video frame acquired by the client in response to a camera and/or an audio frame acquired by an audio acquirer; wherein the camera and the audio collector are opened by the client in response to an opening applet page;

Fusing the video frame and the audio frame with the initial page to obtain a target page; the target page is used for recording audio and video to generate an audio and video file.

6. The method according to claim 5, wherein the video frame and/or the audio frame are used for fusing with the initial page to obtain a target page, comprising:

determining the display position of the video frame and/or the audio frame on the initial page;

and rendering and displaying the video frame and/or the audio frame on the display position to obtain the target page.

7. The method of claim 5, wherein the method further comprises:

Receiving second serialized data sent by the client in response to monitoring that the attribute and/or the content of any first page element in the applet page are updated, wherein the second serialized data comprises the attribute and/or the content before any first page element is updated and the attribute and/or the content after any first page element is updated;

and updating a second page element at a position corresponding to any first page element on the target page according to the attribute and/or the content before updating any first page element in the second serialized data and the attribute and/or the content after updating any first page element.

8. The method of claim 5, wherein the target page is recorded as audio and video by the steps of:

And sending the path information of the target page to a second server, wherein the path information is used for starting the target page and recording the audio and video of the target page to generate an audio and video file.

9. A page recording apparatus, applied to a client, comprising:

the starting module is used for responding to the starting of the applet page and starting the camera and the audio collector on the client;

The first sending module is used for extracting a plurality of first page elements and display attributes and/or display contents of the first page elements from the applet page; generating first serialization data according to the first page elements and display attributes and/or display contents of the first page elements; the first serialization data is sent to a first service end, wherein display attributes and/or display contents of a plurality of first page elements and a plurality of first page elements in the first serialization data are used for rendering and displaying an initial page which is the same as the applet page;

The second sending module is used for responding to the video frames collected by the camera and/or the audio frames collected by the audio collector and sending the video frames and/or the audio frames to the first service end, wherein the video frames and/or the audio frames are used for being fused with the initial page to obtain a target page, and the target page is used for recording audio and video to generate an audio and video file.