CN116820792A - Interactive processing method applied to web page on-screen communication - Google Patents
Interactive processing method applied to web page on-screen communication Download PDFInfo
- Publication number
- CN116820792A CN116820792A CN202311100358.7A CN202311100358A CN116820792A CN 116820792 A CN116820792 A CN 116820792A CN 202311100358 A CN202311100358 A CN 202311100358A CN 116820792 A CN116820792 A CN 116820792A
- Authority
- CN
- China
- Prior art keywords
- webpage
- data
- synchronization
- web page
- controlled
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 230000006854 communication Effects 0.000 title claims abstract description 75
- 238000004891 communication Methods 0.000 title claims abstract description 67
- 230000002452 interceptive effect Effects 0.000 title claims abstract description 9
- 238000003672 processing method Methods 0.000 title claims abstract description 9
- 230000001360 synchronised effect Effects 0.000 claims abstract description 81
- 238000000034 method Methods 0.000 claims abstract description 64
- 230000008569 process Effects 0.000 claims abstract description 27
- 238000012544 monitoring process Methods 0.000 claims abstract description 16
- 238000012545 processing Methods 0.000 claims description 18
- 230000008859 change Effects 0.000 claims description 15
- 230000001960 triggered effect Effects 0.000 claims description 3
- 230000009471 action Effects 0.000 claims description 2
- 238000005516 engineering process Methods 0.000 abstract description 14
- 230000005540 biological transmission Effects 0.000 description 10
- 238000011084 recovery Methods 0.000 description 9
- 230000003993 interaction Effects 0.000 description 8
- 230000009286 beneficial effect Effects 0.000 description 6
- 230000000694 effects Effects 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 238000013461 design Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 238000004886 process control Methods 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 238000013480 data collection Methods 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000007306 turnover Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/52—Program synchronisation; Mutual exclusion, e.g. by means of semaphores
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/547—Remote procedure calls [RPC]; Web services
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2209/00—Indexing scheme relating to G06F9/00
- G06F2209/54—Indexing scheme relating to G06F9/54
- G06F2209/541—Client-server
Abstract
The application provides an interactive processing method applied to web page on-screen communication, which relates to the field of Internet technology and communication, wherein the method is applied to a web page on-screen communication system, the web page on-screen communication system comprises a main control end and a controlled end, the main control end is used for executing web page operation, and collecting first synchronous data and sending the first synchronous data to the controlled end for executing web page synchronous display and operation, and the method provided by the application comprises the following steps: and in the process of communicating the web pages on the same screen, monitoring the operation of a user on a target web page at a controlled end, stopping the web page synchronization between the controlled end and a main control end after monitoring a user operation event, and executing the user operation event in the controlled end. Therefore, the embodiment of the application provides a method for freely browsing the target webpage content in the same-screen process for the users participating in the same-screen webpage, and provides more flexible and personalized same-screen webpage communication experience.
Description
Technical Field
The embodiment of the application relates to the field of Internet technology and communication, in particular to an interactive processing method applied to web page on-screen communication.
Background
The on-screen webpage communication technology is a non-video on-screen communication technology, achieves a synchronous effect by synchronously displaying communication target contents at each on-screen communication client, and has the remarkable advantages of small transmission data volume, high speed and lossless image quality compared with the video on-screen communication technology. However, in the existing web page on-screen communication system, after the controlled end joins in on-screen communication, there is an on-screen communication process controlled by the main control end, the controlled end cannot browse and operate the content of the target web page independently, but the user does have the requirement of the aspect, for example, the student has the requirement of self-reading problem in the on-screen browsing and learning process, and on the on-screen conference of the web page reported by one time, a participant has the requirement of browsing own report content and preparing report. On the other hand, web pages are different from traditional video on-screen, which supports this feature in technical principle, but the above functions are not realized in the existing web page on-screen technology.
Therefore, the problems of free browsing of web page content, follow-up synchronization and the like of participants in web page on-screen communication are needed to be solved.
Disclosure of Invention
Aiming at the problems, the application provides an interactive processing method applied to the on-screen communication of the webpage, which aims to solve the problem that a controlled end user independently browses target webpage content in the on-screen communication process of the webpage, and further expands the application scene of the non-video on-screen communication technology. The technical scheme provided by the application is as follows:
in a first aspect, a method for processing interaction applied to web page on-screen communication, the method being applied to a web page on-screen communication system, the method comprising:
and monitoring the operation of a user on a target webpage at a controlled end, stopping webpage synchronization between the controlled end and a main control end after monitoring a user operation event, and executing the user operation event based on the current target webpage.
The webpage on-screen communication system comprises a main control end and a controlled end, wherein the main control end is used for executing webpage operation, collecting first synchronous data and sending the first synchronous data to the controlled end; the controlled end simultaneously runs the target webpage, receives first synchronous data sent by the main control end, and executes webpage synchronous processing so as to ensure that the display and the operation of the controlled end are consistent; and closing webpage synchronization processing between the controlled end and the main control end, wherein the controlled end and the main control end can independently browse and operate the target webpage.
The realization method has the advantages that the controlled terminal can select self-browsing content and synchronously browse along with the main control terminal while exchanging with the screen, so that the application effect of the same-screen communication is enhanced, the function is certainly not realized by the traditional video same-screen technology, and the application scene of the non-video same-screen communication technology is further expanded.
In a possible implementation manner, the controlled end closes the webpage synchronization between the controlled end and the main control end, and additionally sends a synchronization stopping notification to the main control end, wherein the synchronization stopping notification is used for the main control end to receive and stop sending the first synchronization data to the controlled end. The main effect of the implementation mode is that the webpage synchronization between the controlled end and the main control end is stopped, and the main control end stops sending the synchronous data of each time to the controlled end by sending a synchronous stopping notification to the main control end. By doing so, unnecessary data transmission can be reduced, system resources can be saved, privacy protection can be improved, and the like.
In a possible implementation manner, before the user operation event is executed in the controlled terminal, the method further includes recording, at the controlled terminal, current webpage data of a target webpage as first reference webpage data, where the first reference webpage data is used for calculating and generating new webpage data, and the new webpage data is webpage data used for replacing the target webpage of the controlled terminal when webpage synchronization is restored. The implementation mode locally records the first reference webpage data at the controlled end before executing the user operation event, so that when webpage synchronization is restored later, the new webpage data for restoring webpage synchronization can be calculated and generated together with the first reference webpage data only by receiving the third synchronization data from the main control end. In this way, the third synchronous data transmitted during the recovery of the webpage synchronization is the webpage data or the webpage operation instruction data of the difference part, but not the whole webpage data, so that the data transmission quantity can be reduced, and the network transmission efficiency during the recovery of the webpage synchronization is improved.
In one possible implementation manner, the method for closing the webpage synchronization between the controlled end and the main control end further includes displaying a first button on the controlled end, where the first button is used for restoring the webpage synchronization between the controlled end and the main control end, receiving a user trigger event to send a webpage synchronization request, requesting to acquire second synchronization data or third synchronization data, and executing webpage synchronization processing. Optionally, based on the first button click event triggered by the user, a request for recovering webpage synchronization is sent to the master control end. When the master control end processes the request for recovering the webpage synchronization and recovers the webpage synchronization, according to the implementation technology of the webpage synchronization, the synchronous data sent to the controlled end can be divided into two types, one type is full webpage data, the other type is incremental webpage data or webpage operation instruction data, the data records webpage operation events which occur at the master control end after the controlled end is disconnected and synchronized, the incremental webpage data or the webpage operation instruction data are defined as third synchronous data, the second synchronous data sent by the master control end is received according to the webpage synchronization, and the webpage data of the target webpage in the controlled end are replaced based on the second synchronous data; or receiving third synchronous data sent by a server, locally acquiring the first reference webpage data, calculating and generating new webpage data based on the third synchronous data and the first reference webpage data, and replacing the webpage data of the target webpage in the controlled terminal with the new webpage data.
In one possible implementation manner, after the user operation event is monitored, the method further includes: acquiring permission information of freely browsing the target webpage, setting the state of the webpage in communication with a screen as an unsynchronized state after permission is acquired, and freely browsing and operating the target webpage, otherwise, keeping the current webpage synchronous state, and capturing the user operation event; the license information of the target webpage free to browse comprises two types of license obtained after inquiring the current user and license from the main control terminal. According to the above, after the user operation event is monitored, the system can acquire the permission information of the free browsing target webpage. If permission is obtained, the system sets the state of the web page on-screen communication to an unsynchronized state and allows the user to freely browse and operate the target web page. If no permission is obtained, the system will maintain the current web page synchronization state and capture the user's operational events. In the implementation mode, the permission from the master control end is beneficial to the master control of the free browsing action of the webpage synchronization. The design provides a more flexible and personalized web page on-screen communication experience, and simultaneously gives consideration to the free browsing and operation requirements of users and the option of keeping a synchronous state.
In another possible implementation manner, after stopping the webpage synchronization between the controlled end and the main control end, reading first data, and filling in the target webpage data based on a data item contained in the first data; monitoring data input of a user to the target webpage, collecting the input data items, and adding the data items to the first data. In this implementation manner, the first data may be understood as data that is input or operated by the controlled end user, for example, a certain form is included in the target webpage, the first data may be understood as data that is input by the controlled end user on the form, generally, the controlled end user listens to the synchronous explanation and then fills in the data when the controlled end user encounters a problem, then follows the synchronization and then continues to operate alone after a period of time, so that the situation of data loss can be caused, and the user input data is collected through the first data in the whole course. The design realizes the functions of automation, data acquisition and integration of data filling in the webpage synchronous application scene, and improves the working efficiency, the consistency of the data and the continuity of operation.
Through the realization modes, the user can select free browsing in the webpage synchronization process, can select to communicate with the accompanying screen in the free browsing, provides more flexible and personalized webpage on-screen communication experience, and can communicate with other people on the same screen and personally execute webpage operation according to own requirements.
In a second aspect, the present application also provides another interactive processing method applied to web page on-screen communication, where the method is applied to a master control end of a web page on-screen communication system, and the method includes:
receiving a synchronization stopping notification sent by the controlled terminal at the main control terminal, stopping the synchronization with the webpage between the controlled terminals, and stopping sending the synchronization data to the controlled terminal; receiving a request for recovering synchronization sent by the controlled terminal, and recovering webpage synchronization;
the webpage on-screen communication system comprises a main control end and a controlled end, wherein the main control end is used for executing webpage operation, collecting first synchronous data and sending the first synchronous data to the controlled end; the controlled end simultaneously runs the target webpage, receives first synchronous data sent by the main control end, and executes webpage synchronous processing so as to ensure that the display and the operation of the controlled end are consistent; and stopping the webpage synchronization between the master control end and the slave control end, wherein the slave control end and the master control end independently browse and operate the target webpage and do not execute webpage synchronization.
According to the implementation mode, the master control end provides synchronous data according to the synchronous state of the controlled end, so that the network transmission quantity is reduced, and flexible communication experience is provided for the controlled end to freely browse and follow the synchronous target webpage.
In one possible implementation manner, after receiving the synchronization recovery request sent by the controlled end, generating, at the master control end, second synchronization data from current webpage data of the target webpage, and sending the second synchronization data. Because, after the controlled terminal enters the free browsing mode, the main control terminal pauses the webpage synchronization with the controlled terminal, and before receiving the request for restoring synchronization sent by the controlled terminal, the main control terminal performs a plurality of webpage operations, and the content of the target webpage is changed, when the synchronization is restored, the latest target webpage current data is generated into second synchronization data to be sent for updating the target webpage data of the controlled terminal.
In another possible implementation manner, after receiving the synchronization stopping notification sent by the controlled terminal, third synchronization data is recorded and generated based on webpage operation generated by the main control terminal, or third synchronization data is generated based on the change of the target webpage of the main control terminal by recording the webpage data change process, and after receiving the synchronization recovering request sent by the controlled terminal, the third synchronization data is sent to the controlled terminal. In this implementation manner, after the controlled terminal receives the third synchronization data, the controlled terminal locally acquires the first reference webpage data, and calculates together with the third synchronization data to generate the webpage data for updating the target webpage of the controlled terminal after entering the synchronization state.
Summarizing the above, the controlled end of the existing web page on-screen technology follows the on-screen communication process of the main control end, and the current on-screen communication content cannot be freely browsed and operated in the on-screen communication process. The controlled terminal in the embodiment of the application can browse and operate on the target webpage freely while exchanging with the screen without being limited by the synchronous state, thereby solving the personal operation requirement in the exchanging process of the same screen, providing more flexible user experience, expanding the application scene of the exchanging with the screen, further improving the application effect of the non-video type same-screen exchanging technology, and in addition, the embodiment of the application provides the control function in the exchanging process of the same screen like free browsing (stopping synchronous) and following synchronous (recovering synchronous) for the user of the controlled terminal, thereby being beneficial to the two sides of the exchanging to execute more flexible exchanging process control with the same screen.
Drawings
FIG. 1 is a schematic diagram of an interaction process flow applied to on-screen communication of a web page according to an embodiment of the present application;
FIG. 2 is a schematic diagram of a process flow for stopping synchronization of web page on-screen communication according to an embodiment of the present application;
FIG. 3 is a schematic flow chart of recording first reference webpage data applied to on-screen communication of webpages according to an embodiment of the present application;
FIG. 4 is a schematic flow chart of displaying a first button applied to web page on-screen communication according to an embodiment of the present application;
FIG. 5 is a schematic diagram of a process for recovering synchronization of web pages applied to on-screen communication of web pages according to an embodiment of the present application;
fig. 6 is a schematic flow chart of obtaining free browsing permission by a controlled terminal applied to web page on-screen communication according to an embodiment of the present application;
fig. 7 is a schematic flow chart of reading and writing first data in controlled end interaction processing applied to web page on-screen communication according to an embodiment of the present application;
FIG. 8 is a schematic diagram of a process flow of interaction at a master control end applied to on-screen communication of a web page according to an embodiment of the present application;
FIG. 9 is a schematic flow chart of generating and sending second synchronous data applied to web page on-screen communication according to an embodiment of the present application;
fig. 10 is a schematic flow chart of generating and transmitting third synchronous data applied to web page on-screen communication according to an embodiment of the present application.
Detailed Description
The description of the embodiments of the application is intended to be illustrative of the application and is not intended to be limiting.
In the following, embodiments of the application are described, it being evident that the described embodiments are only some, but not all, embodiments of the application. As one of ordinary skill in the art can know, with the development of technology and the appearance of new scenes, the technical scheme provided by the embodiment of the application is also applicable to similar technical problems.
The existing same-screen communication technology can be divided into a video type same-screen mode and a non-video type same-screen mode, wherein the video type same-screen realizes the same-screen through video and image data, the non-video type same-screen realizes the same-screen through a program, the web page same-screen is a non-video type same-screen mode, in the same-screen process, a main control end and a controlled end both operate web page programs, and compared with the video type same-screen mode, the web page same-screen flexibility is higher, for example, the web page programs can be subjected to custom development according to requirements, and various functions and logics can be realized; in contrast, video is static and cannot be interacted with and dynamically exhibited in real time according to the needs of users. The application provides a method for freely browsing web pages in the same screen process for a controlled terminal on the basis of web pages on the same screen.
In general, a web page on-screen system is composed of the following components:
the Web server: the method is used for providing Web services, processing the webpage access request sent by the client and returning the target webpage content.
On-screen server: the on-screen server is the core of the webpage on-screen system and is responsible for receiving and processing on-screen requests from clients, creating and managing on-screen rooms, receiving webpage synchronous data sent by one client and sending the webpage synchronous data to the other client.
Client side: a client is a device used by a user, such as a computer, a cell phone, a tablet, etc., on which a Web browser is installed. The client communicates with the server through the Web browser, and receives and displays the webpage content sent by the server.
Network communication: web page on-screen systems rely on network communications to enable data transfer between a client and server. The client sends the request to the same screen server through the network, and the same screen server returns the webpage synchronous data to the client through the network.
The operation steps and the principle of the web page on-screen system are as follows:
the first client and the second client respectively send requests to the Web server to request target webpage content.
And after receiving the request, the server returns the target webpage content.
The first client and the second client enter a browsing target webpage.
The first client initiates a request for the same screen and sends the request for the same screen to the same screen server.
The on-screen server receives and processes the on-screen request, creates an on-screen room, and sends an on-screen invitation to the second client.
The second client receives the on-screen invitation, the on-screen server establishes WebSocket communication between the two clients participating in the on-screen, starts the on-screen communication, and distributes the first client as a main control end.
Monitoring interactive operations, such as clicking links, filling out forms and the like, performed by the user on the first client side, collecting the operations to generate webpage synchronous data, or monitoring webpage data change on the first client side, and generating the webpage synchronous data based on webpage data collection after monitoring the change. And sending the webpage synchronous data to the on-screen server.
And the on-screen server receives the webpage synchronous data sent by the first client and sends the webpage synchronous data to the second client.
The second client receives and parses the webpage synchronization data, including parsing the webpage operation contained therein, executing the operation on the target webpage in the second client to achieve synchronization with the target webpage in the first client, or parsing the webpage data contained therein, and replacing or updating the data of the target webpage in the second client to achieve synchronization with the target webpage in the first client.
According to the webpage on-screen system, interaction and synchronous display of the webpages between clients are achieved. It should be noted that, the present application aims to optimize and promote the user interaction of the web page on-screen system, and the method provided by the present application can be applied to various web page on-screen systems, and the above web page on-screen system is only used as an example, and the implementation principle of the present application is described in conjunction therewith.
According to the above, after two clients enter the same-screen communication, only one client can execute control on the target webpage at the same time, which is called a master control end, and the other client follows the browsing and operation executed by the master control end on the target webpage, and defines the browsing and operation as a controlled end. In the existing web page on-screen system, in the on-screen communication process, a controlled end browses and operates a target web page along with a main control end on-screen, and when a user of the controlled end operates the web page, the system usually captures operations executed by the user, namely, all operations of the user of the controlled end are thrown out as the user does not have control right of the same screen. The application provides an interaction processing method of web page and screen communication aiming at the scene, please refer to a flow chart shown in fig. 1, which mainly comprises the following steps:
s101, monitoring a user operation event in the same screen of a controlled end webpage;
s102, stopping webpage synchronization between the controlled end and the main control end;
s103, executing the user operation event based on the target webpage of the controlled terminal.
In the above step, the target web page includes a JS library for executing the same screen of the web page, and in the step S101, the monitoring may be implemented by JavaScript, for example, an addeventlist method is used to add an event listener to the web page element, where the user operation event includes, but is not limited to, browsing the web page, clicking a button, filling in a form, playing media, interacting with the web page element, and the like. S102, after the webpage between the controlled end and the main control end is stopped from synchronizing, the webpage enters an asynchronous state on the same screen, webpage synchronizing data sent by the main control end are not received in the state, or no processing is performed after the webpage synchronizing data are received in the state. Optionally, S102 stops the synchronization of the web page between the controlled end and the master end, and the web page enters an unsynchronized state with the same screen, and no user operation event is captured in the state. S103, under the condition that the controlled terminal does not have control right, the operation event of the user is not captured, and therefore the technical effect is that in the process of the same screen of the webpage, the user operation occurs at the controlled terminal, namely, the current webpage synchronization is stopped, and the free operation state of the controlled terminal is shifted. For example, in a web page same screen scene applied to teaching, students as controlled terminals can turn over the explanation content according to own needs and separate from the explanation of teachers; in the same screen scene of the webpage applied to the work report, the report person as the controlled terminal can leave the same screen of the meeting in the meeting process to pay attention to the content to be reported by the individual. In a common webpage on-screen system, audio and video communication is established between terminals and audio and video data is transmitted while the webpages are synchronized. Preferably, in the step S102, the synchronization of the web page between the controlled terminal and the main terminal is stopped, but the audio-video communication between the controlled terminal and other on-screen terminals is maintained, so that the user can still receive the voice of the on-screen user while freely browsing the target web page, so as to know the on-screen process in an unsynchronized state.
Therefore, through the implementation mode, the user can browse and operate on the target webpage freely without being limited by the synchronous state, and more flexible user experience is provided.
In one possible implementation manner, stopping web page synchronization at the controlled end further includes sending a notification to the server end, as shown in fig. 2, the steps are as follows:
s201, stopping webpage synchronization between the controlled end and the main control end;
s202, sending a synchronization stopping notification to a main control terminal;
in the above implementation, the execution order of S201 and S202 is not particularly limited, i.e., S202 may be executed before S201 or both. S202, sending a synchronization stopping notification to the main control end so that the main control end and the server end acquire the same screen state of the main control end webpage, and stopping sending webpage synchronization data. The process is a behavior that the server records the synchronization state. Alternatively, the step S202 is not executed at the controlled terminal, but the synchronization status is recorded locally at the controlled terminal client only, and the processing manner will continue to receive the synchronization data, but the web page synchronization process is not executed.
Through the embodiment shown in fig. 2, the method has the beneficial effects that the state of the webpage synchronization of the controlled end can be obtained at the server end or the main control end, and the server end or the main control end can execute the same-screen process control, stop sending the synchronous data or start collecting the synchronous data, and the like.
In one possible implementation manner, the web page synchronization is stopped at the controlled end, and the steps executed at the controlled end are shown in fig. 3, and specifically are as follows:
s301, monitoring a user operation event in the same screen of the controlled end webpage;
s302, recording current webpage data of the target webpage as first reference webpage data at the controlled end;
s303, executing the user operation event based on the current target webpage;
in the above implementation manner, after the user operation event is monitored in S301, the synchronization of the web page is about to be stopped, the user starts to freely browse the target web page, and in S302, the current web page data of the target web page is recorded as the first reference web page data, and at this time, the first reference web page data is completely the same as the web page data of the master control end, so that the data recorded in the controlled end is identical to the data recorded in the master control end, and the data is used for calculating the web page synchronization data after the synchronization recovery when the subsequent web page synchronization is recovered. According to the execution process of the webpage synchronization, after a certain controlled end stops the synchronization, the main control end may generate a plurality of user operations, in the process, the main control end records the webpage operation generated or records each data change of the webpage data of the main control end, wherein the data change comprises but not limited to DOM change, CSS change and the like, the webpage operation or the data change generates third synchronization data, and when the synchronization is restored, the third synchronization data is sent to the controlled end, and the latest webpage data can be calculated and obtained based on the third synchronization data and the first reference webpage data, so that the webpage synchronization process is restored. After S302 records the web page data when the user is out of the web page synchronization, S303 starts to execute the free operation web page. The above method for calculating and generating the web page data for recovering the web page synchronization by using the first reference web page data is not unique, and is only applicable to the case of small web page data variation and small operation times.
The method has the advantages that the first reference webpage data recorded at the controlled end are identical to the webpage data in the target webpage when the main control end stops webpage synchronization, the transmission of the data during the recovery of synchronization is effectively avoided by adopting the local recording mode, and the recorded data is beneficial to calculation and generation of the webpage data for recovering webpage synchronization.
In one possible implementation manner, the web page synchronization is stopped at the controlled end, and the steps performed at the controlled end are as shown in fig. 4, as follows:
s401, stopping webpage synchronization between the controlled end and the main end;
s402, displaying a first button;
in the above implementation manner, at the local control end, after the user operation is monitored, S401 is executed to stop the web page synchronization, and at the same time, S402 is executed to display a first button, where the first button is used to restore the web page synchronization.
After stopping the web page synchronization, the above implementation provides a portal for the user to resume the synchronization, so that the user returns to the web page synchronization state again.
Optionally, the user resumes the web page synchronization, and the steps performed are as shown in fig. 5, as follows:
s501, receiving the first button clicking event triggered by a user;
s502, sending a request for recovering webpage synchronization to the main control terminal;
s503, receiving the second synchronous data or the third synchronous data sent by the main control terminal, and executing webpage synchronous processing.
In the above implementation manner, the user resumes the web page synchronization by clicking the first button, S502 sends a web page synchronization request to the master control end, and optionally S502 sends a web page synchronization request to the server end, please refer to the embodiment shown in fig. 3, after stopping the web page synchronization and before executing step S501, the target web pages of the master control end and the controlled end all have a plurality of web page operations, so that the target web page data of the two ends are changed and completely different. The user at the controlled end clicks the first button to restore the webpage synchronization, and the purpose of the user at the controlled end is to follow the webpage synchronization process of the main control end again, and on the basis, in order to achieve the consistent webpage display effect, the webpage data at the controlled end needs to be updated to be consistent with the main control end. The first method is that the full webpage data of the target webpage of the main control end is sent to the controlled end to completely update the webpage data of the target webpage of the controlled end, wherein the full webpage data of the main control end is defined as second synchronous data, the transmission data is larger in the mode, the stability is good, and the method is suitable for the situation that the webpage data is changed in a large quantity and frequently. The other method is that, starting from receiving the synchronization stopping notification sent by the controlled terminal, the webpage operation generated by the main control terminal is collected, or the webpage data change generated by the main control terminal each time is collected, the third synchronization data is generated, and the third synchronization data and the first reference webpage data recorded by the controlled terminal are calculated together to generate the webpage data which is used for being placed in the synchronization recovery process.
In a possible implementation manner, after the controlled end stops the webpage synchronization with the main control end, the webpage synchronization operation is performed at the main control end, including two modes of directly restoring the synchronization and restoring the synchronization after asking the controlled end to obtain permission, wherein the former forcibly withdraws the authority of the controlled end to freely browse and operate the target webpage and carries the second synchronization data or the third synchronization data, and the replacement processing is performed on the webpage data of the target webpage of the controlled end so as to enable the target webpage display of the controlled end to keep consistent with the main control end and restore the webpage synchronization.
In one possible implementation manner, after the controlled end stops the synchronization of the web page and the controlled end user or the master end agrees, the synchronization may be stopped, and the following steps are performed as shown in fig. 6:
s601, monitoring a user operation event in the same screen of a controlled end webpage;
s602, obtaining permission to freely browse a target webpage;
when agreeing:
s603, setting the state of web page and screen communication as an asynchronous state and freely browsing and operating the target web page;
when disagreement is made:
s604, keeping the current webpage synchronous, and capturing the user operation event;
in the above implementation manner, S602 obtaining the permission of the target web page for free browsing includes obtaining the permission of the user at the controlled end and/or the permission of the user at the master end, for example, in the scenario that the student and the teacher are on the same screen, the student performs an operation on the web page, that is, monitors the user operation event, performs S602 a pop-up dialog box to ask the student whether to shift to free browsing after being out of synchronization with the web page, or performs S602 to send a free browsing request to the teacher, and the control end performs the permission. Optionally, the master user may set the web page synchronization, for example, to "allow free browsing", "prohibit free browsing", etc. According to the above steps, after the user operation event is monitored, S602 adopts different operation modes according to the acquisition condition of the license information. If the permission information for freely browsing the target webpage is acquired, the system sets the state of the webpage on-screen communication as an asynchronous state and allows the user to freely browse and operate the target webpage. If no license information is obtained, the system will maintain the current web page synchronization status and capture user operational events.
The above implementation can achieve the following beneficial effects: providing free browsing and manipulation capabilities for on-screen participants: after the user obtains the permission, the user can freely browse and operate the target webpage, and better user experience and control right are obtained. Protecting user privacy and security: by acquiring the permission information, the system can ensure that the access of the user to the target webpage is authorized, so that the privacy and safety of the user are protected, for example, students cannot browse webpage contents by themselves without consent of teachers. Providing diversified operation options for on-screen participants: the user can select to keep the webpage synchronous state unchanged, continue to operate cooperatively with other users, or select to browse and operate freely after obtaining permission, and select according to own requirements and preferences. In general, this manner of operating in accordance with license information may provide a more flexible and personalized user experience and protect the privacy and security of the user.
In one possible implementation manner, the web page synchronization is stopped at the controlled end, as shown in fig. 7, and the following steps are performed at the controlled end:
s701, stopping webpage synchronization between the controlled end and the main control end;
s702, reading in first data, and filling in the target webpage data based on data items contained in the first data;
s703, monitoring data input of a user to the target webpage, collecting the input data item, and adding the data item into the first data;
in the above implementation manner, after stopping the web page synchronization, S702 reads in the first data, which aims to restore the process of freely browsing and operating the web page, so that the free operation has continuity with the last free operation, for example, the passive end user fills in the web page form along with the main control end synchronization explanation, the user divides the form filling into several parts, the user completes the filling of the first part of content through the free browsing operation, then follows the main control end on-screen explanation, learns the second part of content, and after learning is completed, the user shifts to the free browsing and operation state again, at this time, S702 loads the content filled in by the user for the first part, so that the user fills in the second part of content on the basis of the content, and refill is avoided. According to the above object, S703 collects data items each time the user inputs at the time of free browsing and operation, recorded in the first data.
The realization method has the advantages that a continuous operation environment is provided for users to execute the free browsing operation for many times, so that one free browsing operation can be performed on the basis of the last free browsing operation, and repeated data operation is avoided.
The following details of the implementation of the present application at the master control end are described in detail, please refer to a flow chart shown in fig. 8, which mainly includes the following steps:
s801, receiving a stop synchronization notification sent by the controlled terminal;
s802, stopping sending synchronous data to the controlled terminal;
s803, receiving a synchronous recovery request sent by the controlled terminal;
s804, recovering the webpage synchronization and sending the synchronization data;
by the implementation method, the master control end stops synchronizing after receiving the synchronization stopping notification sent by the controlled end and stops sending the synchronous data to the master control end, so that unnecessary data transmission is reduced in a synchronization stopping state. And after receiving the synchronization recovery request sent by the controlled terminal, recovering synchronization, simultaneously sending synchronous data to the controlled terminal, and recovering synchronous data transmission.
In the implementation manner, the master control end supports the controlled end to freely browse and operate the webpage to stop synchronizing in the same screen communication process, and supports the controlled end to continuously follow the same screen communication process, so that the capability of freely browsing and operating is provided for users participating in the same screen, more flexible and personalized user experience is provided, and privacy and safety of the users are protected.
In one possible implementation manner, the data for recovering synchronization is generated at the master end, as shown in fig. 9, and the main steps are as follows:
s901, receiving a synchronous recovery request sent by a controlled terminal;
s902, generating second synchronous data from the current data of the target webpage;
s903, sending second synchronous data to the controlled terminal;
in the above implementation manner, when the master control end resumes the synchronization with the web page of the slave control end, the second synchronization data is generated from the web page data of the target web page in the current master control end, where the web page data includes, but is not limited to, DOM data, CSS data, HTML data, and the like, because, during the period that the slave control end is not synchronized with the master control end, the user operations of both parties can change the content transmission of the web page data, and the implementation manner keeps the display of the slave control end consistent with the master control end by synchronizing the full amount of web page data.
In one possible implementation, the data used to recover synchronization is generated and processed as shown in fig. 10, with the following steps:
at the controlled end:
s1001, monitoring a user operation event;
s1002, taking current data of a target webpage as first reference webpage data;
s1003, sending a stop synchronization notification;
at the main control end:
s1004, processing the notification, stopping synchronizing data, starting recording data, recording and generating third synchronizing data based on webpage operation generated by the main control end, or recording a webpage data change process to generate third synchronizing data based on the change of a target webpage of the main control end;
at the controlled end:
s1005, sending a request for recovering synchronization;
at the main control end:
s1006, processing the request;
s1007, transmitting third synchronization data;
at the controlled end:
s1008, receiving third synchronous data, and calculating and obtaining webpage data for recovering synchronization based on the third synchronous data and the first reference webpage data;
in the above implementation manner, S1002 records and generates the first reference web page data at the controlled end, that is, records the web page data when the controlled end stops synchronizing, which is also equivalent to the web page data when the master end stops synchronizing. The step S1004 includes two ways of recording the third synchronization data, one is to record the web page operation, and the other is to record the changed web page data, that is, the incremental web page data, which are both based on the web page data at the time of stopping the synchronization. Correspondingly, when the web page synchronization is restored in step S1008, firstly, loading the web page data at the moment of stopping the synchronization, that is, loading the first reference web page data, then, when the third synchronization data is the web page operation data according to the data property contained in the third synchronization data, for example, in the web page loaded with the first reference web page data, sequentially executing the web page operation contained in the third synchronization data, thereby obtaining the latest web page state of the master control end, and when the third synchronization data is the changed web page data, gradually changing and calculating to generate the latest web page data of the final master control end according to the web page data contained in the third synchronization data on the basis of loading the first reference web page data.
By integrating the above, in the scene of the on-screen communication of the web page, the application provides an interaction method for the controlled terminal user to break away from synchronization and freely browse the web page in the on-screen communication process and follow the synchronization of the web page of the main control terminal by utilizing the characteristic of program operation and the flexibility of the web page in the non-video on-screen communication, and the beneficial effects generated by the embodiment of the application can be summarized as follows: the method and the device provide flexible communication experience for the controlled end user to freely browse and follow the synchronous target webpage in the webpage on-screen communication, improve the flexibility of the webpage on-screen communication, and enable the webpage on-screen communication to be suitable for more application scenes.
The foregoing is merely a specific implementation of the embodiment of the present application, but the protection scope of the embodiment of the present application is not limited thereto, and any changes or substitutions that may be easily contemplated by those skilled in the art within the technical scope of the embodiment of the present application should be covered by the protection scope of the embodiment of the present application. Therefore, the protection scope of the embodiments of the present application shall be subject to the protection scope of the claims.
Claims (10)
1. An interactive processing method applied to web page on-screen communication, the method being applied to a web page on-screen communication system, the method comprising the steps of:
monitoring the operation of a user on a target webpage at a controlled end, stopping webpage synchronization between the controlled end and a main control end after a user operation event is monitored, and executing the user operation event in the controlled end;
the webpage on-screen communication system comprises a main control end and a controlled end, wherein the main control end is used for executing webpage operation, collecting first synchronous data and sending the first synchronous data to the controlled end; the controlled end simultaneously runs the target webpage, receives first synchronous data sent by the main control end, and executes webpage synchronous processing so as to ensure that the display and the operation of the controlled end are consistent; and closing the webpage synchronization processing between the controlled end and the main control end, wherein the controlled end and the main control end independently browse and operate the target webpage and do not execute webpage synchronization.
2. The method of claim 1, wherein closing the web page synchronization between the controlled and the master further comprises sending a stop synchronization notification to the master, wherein the stop synchronization notification is used for the master to receive and stop sending the first synchronization data to the controlled.
3. The method of claim 1, further comprising, prior to executing the user action event in the controlled terminal, recording, at the controlled terminal, current web page data of the target web page as first reference web page data, the first reference web page data being used for computing to generate new web page data, the new web page data being web page data for replacing the target web page of the controlled terminal when web page synchronization is restored.
4. The method of claim 1, wherein closing the web page synchronization between the controlled terminal and the master terminal, further comprises displaying a first button on the controlled terminal, wherein the first button is configured to receive a user trigger event to send a request for recovering web page synchronization, request to acquire second synchronization data or third synchronization data, and perform web page synchronization processing.
5. The method of claim 4, further comprising,
based on the first button click event triggered by the user, sending a request for recovering webpage synchronization to the main control terminal:
receiving second synchronous data sent by the master control end, and replacing webpage data of the target webpage in the controlled end based on the second synchronous data; or receiving third synchronous data sent by a server, locally acquiring first reference webpage data, calculating and generating new webpage data based on the third synchronous data and the first reference webpage data, and replacing the webpage data of the target webpage in the controlled terminal with the new webpage data, wherein the first reference webpage data is the webpage data acquired from the target webpage of the controlled terminal when webpage synchronization is stopped.
6. The method of claim 1, further comprising, upon listening for a user operation event:
acquiring permission information of freely browsing the target webpage, setting the state of communication between the webpage and a screen as an unsynchronized state after the permission is acquired, and freely browsing and operating the target webpage, otherwise, keeping the current webpage synchronous state, and capturing the user operation event; the license information of the target webpage is composed of two types, namely license obtained after inquiry to the controlled terminal user and license obtained from the main control terminal.
7. The method of claim 1, further comprising, after stopping the synchronization of the web page between the controlled and the master, the steps of:
reading first data, and filling in the target webpage data based on data items contained in the first data;
monitoring data input of a user to the target webpage, collecting the input data items, and adding the data items to the first data.
8. An interactive processing method applied to web page on-screen communication, the method is applied to a main control end of a web page on-screen communication system, and is characterized by comprising the following steps:
receiving a synchronization stopping notification sent by a controlled terminal at the main control terminal, stopping the synchronization with the webpage between the controlled terminals, and stopping sending the synchronization data to the controlled terminal; receiving a request for recovering synchronization sent by the controlled terminal, recovering webpage synchronization, generating synchronization data for recovering webpage synchronization, and sending the synchronization data to the controlled terminal;
the webpage on-screen communication system comprises a main control end and a controlled end, wherein the main control end is used for executing webpage operation, collecting first synchronous data and sending the first synchronous data to the controlled end; the controlled end simultaneously runs a target webpage, receives first synchronous data sent by the main control end, and executes webpage synchronous processing to ensure that the display and the operation of the controlled end are consistent; and stopping the webpage synchronization between the master control end and the slave control end, wherein the slave control end and the master control end independently browse and operate the target webpage and do not execute webpage synchronization.
9. The method of claim 8, wherein generating synchronization data for recovering web page synchronization further comprises generating second synchronization data from web page data of the target web page at the master.
10. The method as recited in claim 8, further comprising:
after receiving the synchronization stopping notification sent by the controlled terminal, recording and generating third synchronous data at the main control terminal based on webpage operation generated by the main control terminal, or recording a webpage data change process to generate third synchronous data based on the change of a target webpage of the main control terminal;
and after receiving the continuous synchronization request sent by the controlled terminal, sending the third synchronization data to the controlled terminal.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311100358.7A CN116820792B (en) | 2023-08-30 | 2023-08-30 | Interactive processing method applied to web page on-screen communication |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311100358.7A CN116820792B (en) | 2023-08-30 | 2023-08-30 | Interactive processing method applied to web page on-screen communication |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN116820792A true CN116820792A (en) | 2023-09-29 |
| CN116820792B CN116820792B (en) | 2024-01-26 |
Family
ID=88120687
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311100358.7A Active CN116820792B (en) | 2023-08-30 | 2023-08-30 | Interactive processing method applied to web page on-screen communication |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116820792B (en) |
Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20020076408A (en) * | 2001-03-28 | 2002-10-11 | 주식회사 넷핑정보통신 | The method for owning web page jointly by internet |
| US9792266B1 (en) * | 2014-12-08 | 2017-10-17 | Amazon Technologies, Inc. | Content synchronization across devices |
| CN107566523A (en) * | 2017-09-30 | 2018-01-09 | 深圳绰曦互动科技有限公司 | Cross-platform multi-screen interaction method, apparatus and system |
| CN108933965A (en) * | 2017-05-26 | 2018-12-04 | 腾讯科技（深圳）有限公司 | screen content sharing method, device and storage medium |
| CN109657171A (en) * | 2018-11-27 | 2019-04-19 | 浙江万朋教育科技股份有限公司 | A kind of web page contents based on mobile terminal and browser are same to shield annotation method |
| CN110225054A (en) * | 2019-06-20 | 2019-09-10 | 腾讯科技（深圳）有限公司 | Remote assistance connects method for building up, device, server and storage medium |
| CN110362288A (en) * | 2019-07-15 | 2019-10-22 | 苏州工业园区服务外包职业学院 | One kind is the same as screen control method, device, equipment and storage medium |
| CN111066075A (en) * | 2019-09-03 | 2020-04-24 | 深圳市鹰硕技术有限公司 | Classroom teaching interaction method, terminal and system |
| CN113868573A (en) * | 2021-09-07 | 2021-12-31 | 青岛希望鸟科技有限公司 | Method and system for quickly establishing one-screen interaction based on webpage |
| CN114417213A (en) * | 2021-12-26 | 2022-04-29 | 路九阳 | Browser same-screen method, browser and browser plug-in |
| CN115186218A (en) * | 2022-09-14 | 2022-10-14 | 中新云服(北京)科技有限公司 | Content switching method and system applied to same screen of webpage |
-
2023
- 2023-08-30 CN CN202311100358.7A patent/CN116820792B/en active Active
Patent Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20020076408A (en) * | 2001-03-28 | 2002-10-11 | 주식회사 넷핑정보통신 | The method for owning web page jointly by internet |
| US9792266B1 (en) * | 2014-12-08 | 2017-10-17 | Amazon Technologies, Inc. | Content synchronization across devices |
| CN108933965A (en) * | 2017-05-26 | 2018-12-04 | 腾讯科技（深圳）有限公司 | screen content sharing method, device and storage medium |
| CN107566523A (en) * | 2017-09-30 | 2018-01-09 | 深圳绰曦互动科技有限公司 | Cross-platform multi-screen interaction method, apparatus and system |
| CN109657171A (en) * | 2018-11-27 | 2019-04-19 | 浙江万朋教育科技股份有限公司 | A kind of web page contents based on mobile terminal and browser are same to shield annotation method |
| CN110225054A (en) * | 2019-06-20 | 2019-09-10 | 腾讯科技（深圳）有限公司 | Remote assistance connects method for building up, device, server and storage medium |
| CN110362288A (en) * | 2019-07-15 | 2019-10-22 | 苏州工业园区服务外包职业学院 | One kind is the same as screen control method, device, equipment and storage medium |
| CN111066075A (en) * | 2019-09-03 | 2020-04-24 | 深圳市鹰硕技术有限公司 | Classroom teaching interaction method, terminal and system |
| CN113868573A (en) * | 2021-09-07 | 2021-12-31 | 青岛希望鸟科技有限公司 | Method and system for quickly establishing one-screen interaction based on webpage |
| CN114417213A (en) * | 2021-12-26 | 2022-04-29 | 路九阳 | Browser same-screen method, browser and browser plug-in |
| CN115186218A (en) * | 2022-09-14 | 2022-10-14 | 中新云服(北京)科技有限公司 | Content switching method and system applied to same screen of webpage |
Non-Patent Citations (4)
| Title |
|---|
| AHVAR, EHSAN等: "A Cloud-based Platform for Watching Same Content on Three-Screen TV Continuously in Smart Home", 《IEEE》 * |
| 奚冠巍: "多画面同屏显示切换系统的研究与应用", 《仪表技术》, no. 4 * |
| 张援;: "跨平台同屏显示技术在化学教学中的应用", 化学教育, no. 05 * |
| 赵洁;姚金宝;: "网络同步视频教学系统的一种新架构", 现代科学仪器, no. 05 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN116820792B (en) | 2024-01-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110597774B (en) | File sharing method, system, device, computing equipment and terminal equipment | |
| US10872127B2 (en) | Method and system of providing for cross-device operations between user devices | |
| CN109981711B (en) | Document dynamic playing method, device and system and computer readable storage medium | |
| CN103491179A (en) | Multi-screen interaction method and system based on Web | |
| CN114422460B (en) | Method and system for establishing same-screen communication sharing in instant communication application | |
| US20150106730A1 (en) | Framework for screen content sharing system with generalized screen descriptions | |
| CN113868573A (en) | Method and system for quickly establishing one-screen interaction based on webpage | |
| CN105635266B (en) | Method, apparatus and terminal for reported data | |
| CN111612639B (en) | Synchronous communication method and system applied to insurance scheme | |
| CN103561106A (en) | System and method for remote teaching and remote meeting | |
| CN111818383B (en) | Video data generation method, system, device, electronic equipment and storage medium | |
| CN113868575A (en) | Webpage same-screen method and system | |
| CN114237473A (en) | Same-screen interaction method, device and system, storage medium and electronic device | |
| CN116820792B (en) | Interactive processing method applied to web page on-screen communication | |
| CN111385593A (en) | Cross-platform live content synchronization method and device, storage medium and server | |
| KR101621496B1 (en) | System and method of replaying presentation using touch event information | |
| CN114884914B (en) | Application program on-screen communication method and system | |
| CN106663118B (en) | Method for networking cooperative work and machine applying same | |
| CN111885345B (en) | Teleconference implementation method, teleconference implementation device, terminal device and storage medium | |
| CN113132808B (en) | Video generation method and device and computer readable storage medium | |
| US20170149578A1 (en) | Networking cooperation method and machine using such method | |
| CN117876559B (en) | Virtual scene dual-mode operation method, system and storage medium based on cloud rendering | |
| CN110309398A (en) | User data processing method, calculates equipment and storage medium at device | |
| US20230370399A1 (en) | Information display method and apparatus, and electronic device | |
| CN113010706A (en) | Multimedia information processing method, device, equipment and medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20231129 Address after: Room 2706, Building 1, No. 98 Nanjing Road, Shinan District, Qingdao City, Shandong Province, 266034 Applicant after: Lu Jiuyang Address before: Room 1101, 11th Floor, Block G, No. 1, Keyuanwei 1st Road, Zhonghan Street, Laoshan District, Qingdao City, Shandong Province, 266101 Applicant before: Qingdao hope bird Technology Co.,Ltd. |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |