CN116471284A - Online synchronous communication method based on HTML5 webpage - Google Patents
Online synchronous communication method based on HTML5 webpage Download PDFInfo
- Publication number
- CN116471284A CN116471284A CN202210170159.2A CN202210170159A CN116471284A CN 116471284 A CN116471284 A CN 116471284A CN 202210170159 A CN202210170159 A CN 202210170159A CN 116471284 A CN116471284 A CN 116471284A
- Authority
- CN
- China
- Prior art keywords
- client
- service module
- data
- synchronous
- webpage
- 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.)
- Pending
Links
- 230000006854 communication Effects 0.000 title claims abstract description 126
- 238000004891 communication Methods 0.000 title claims abstract description 117
- 230000001360 synchronised effect Effects 0.000 title claims abstract description 114
- 238000000034 method Methods 0.000 title claims abstract description 53
- 230000008569 process Effects 0.000 claims abstract description 30
- 230000004044 response Effects 0.000 claims abstract description 12
- 230000000694 effects Effects 0.000 claims description 9
- 230000009471 action Effects 0.000 claims description 8
- 238000012545 processing Methods 0.000 claims description 6
- 238000004364 calculation method Methods 0.000 claims description 2
- 238000001914 filtration Methods 0.000 claims description 2
- 238000012544 monitoring process Methods 0.000 claims description 2
- 230000009286 beneficial effect Effects 0.000 abstract description 4
- 230000006870 function Effects 0.000 description 17
- 230000005540 biological transmission Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 7
- 230000003993 interaction Effects 0.000 description 6
- 238000011161 development Methods 0.000 description 5
- 238000012790 confirmation Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 230000010365 information processing Effects 0.000 description 4
- 238000012552 review Methods 0.000 description 4
- 230000006399 behavior Effects 0.000 description 3
- 238000006243 chemical reaction Methods 0.000 description 3
- 238000004458 analytical method Methods 0.000 description 2
- 230000008901 benefit Effects 0.000 description 2
- 239000000306 component Substances 0.000 description 2
- 230000036541 health Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 208000013407 communication difficulty Diseases 0.000 description 1
- 239000008358 core component Substances 0.000 description 1
- 238000007405 data analysis Methods 0.000 description 1
- 230000002349 favourable effect Effects 0.000 description 1
- 230000006698 induction Effects 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 238000003032 molecular docking Methods 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 230000009897 systematic effect Effects 0.000 description 1
- 238000012549 training Methods 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/10—Protocols in which an application is distributed across nodes in the network
- H04L67/1095—Replication or mirroring of data, e.g. scheduling or transport for data synchronisation between network nodes
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/14—Session management
- H04L67/141—Setup of application sessions
Landscapes
- Engineering & Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The application relates to an online synchronous communication system based on an HTML5 webpage, which comprises the following steps: the server comprises a first service module and a second service module; the first service module is used for providing WEB access service aiming at the same or related target webpage for the first client and the second client; the second service module receives a synchronous communication request sent by one client, and establishes synchronous communication connection for the first client and the second client after receiving a response message which agrees to synchronous communication and is sent by the other client; the second service module calculates identity information of the first client and the second client, receives operation data serving as a control party, processes the operation data into synchronous data and sends the synchronous data to the other client to realize data synchronization. The method and the device are beneficial to improving the convenience, quality and efficiency of online communication and saving the time of a communication person.
Description
The application is a divisional application of a Chinese patent application 201911300132.5 with the name of 'an online synchronous communication system based on an HTML5 webpage' which is proposed by 2019, 12 and 17.
Technical Field
The invention relates to the field of internet communication, in particular to an online synchronous communication system for a scheme between scheme service personnel and clients based on an HTML5 webpage.
Background
With the development of mobile and internet technologies, people are used to develop business communication at mobile terminals and PC terminals. If in insurance industry, a salesman makes an insurance proposal, an insurance scheme and the like for a target client in the exhibition process, and shares the insurance proposal and the insurance scheme with the target client through WeChat or other tools, and the client invites the salesman to explain related problems in the browsing scheme process, and the communication methods such as mail communication, telephone communication, chat tool communication and the like are difficult to achieve synchronous communication effects, and the reservation interview is time-consuming, energy-consuming and inconvenient, so that the problems of poor communication quality, low efficiency and high time consumption between the service staff and the client of the related technology exist.
Disclosure of Invention
In view of the above-mentioned conventional situation, an object of the present application is to provide an online synchronous communication system between a service person and a client based on an HTML5 web page, which is beneficial to improving the convenience, quality and efficiency of online communication between the service person and the client, and saving the time of the communication person.
To this end, the present application provides an online synchronous communication system for a solution between a service person and a client based on an HTML5 web page, the system comprising:
the server comprises a first service module and a second service module; the first service module is used for providing WEB access service aiming at the same or related target webpage for the first client and the second client; the target webpage is a service scheme provided for clients by scheme service personnel, the target webpage comprises a preset JS library, and the JS library establishes communication connection with a second service module through a synchronous function of the JS library; the second service module receives a synchronous communication request sent by one of the first client and the second client and sends the synchronous communication request to the other client, and after receiving a response message of agreeing to synchronous communication sent by the other client, synchronous communication connection is established for the first client and the second client; the second service module calculates identity information corresponding to the first client and the second client respectively based on an identity request or an identity handover request sent by any client, or calculates the identity information corresponding to each client according to operation data of each client, wherein the identity information comprises operation authority aiming at a target webpage and one of a controller identity sent by the operation data and a controlled identity synchronized by the operation data of the target webpage; the second service module receives operation data of a target webpage sent by a client serving as a control party in the first client and the second client, processes the operation data into synchronous data and sends the synchronous data to the other client serving as a controlled party in the first client and the second client to realize data synchronization;
The first client is used for interfacing with scheme service personnel, and accesses the first service module through a first URL link; the first client establishes communication connection with the second service module through a JS bank preset by the target webpage; the first client is further used for sending the operation data to a second service module when the first client is used as a control party, and receiving and analyzing the synchronous data sent by the second service module when the first client is used as a controlled party;
the second client is used for docking a client, the second client accesses the first service module through a second URL link, the second URL link is the same as or related to the first URL link, and the second client establishes communication connection with the second service module through a JS bank of the target webpage; the second client is further configured to send the operation data to a second service module when the second client is used as a control party, and receive the synchronization data sent by the second service module when the second client is used as a controlled party;
one of the first client and the second client sends a synchronous communication request to the second service module, and the other of the first client and the second client receives and sends a response message about whether the synchronous communication request agrees or not to the second service module.
The JS library is a Web page program set written by JavaScript language, and also comprises program sets written by other Web page scripting languages. The HTML is a text markup language, and the present application takes the most widely used version of HTML5 as an example, including but not limited to HTML4 and other HTML versions conforming to browser specifications.
According to the online synchronous communication system for the scheme between the server and the client based on the HTML5 webpage, the JS library is embedded in the HTML5 webpage in advance, and the JS library can realize communication connection between the client and the server through a synchronous function of the JS library; the server side configures identity information for the clients respectively corresponding to the scheme service personnel and the clients so as to determine the control party and the controlled party, thereby being beneficial to synchronizing related operations of the two parties needing synchronous communication aiming at the webpage through the server side, improving the convenience, quality and efficiency of online communication between the scheme service personnel and the clients and saving the time of the communication person.
Drawings
FIG. 1 is a schematic block diagram illustrating an online synchronous communication system for a solution between an HTML5 web page-based attendant and a customer in accordance with an embodiment of the present application;
Fig. 2 is a schematic diagram illustrating interaction of status information between a second service module and a first client and a second client according to an embodiment of the present application;
FIG. 3 is a functional block diagram illustrating a second service module according to an embodiment of the present application;
FIG. 4 is a schematic block diagram illustrating a second functional module of a second service module according to an embodiment of the present application;
FIG. 5 is a schematic block diagram illustrating a third functional module of a second service module according to an embodiment of the present application;
fig. 6 is a schematic diagram illustrating a mobile phone client interface according to an embodiment of the present application.
Detailed Description
Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings. In the following description, the same members are denoted by the same reference numerals, and overlapping description thereof is omitted. In addition, the drawings are schematic, and the ratio of the sizes of the components to each other, the shapes of the components, and the like may be different from actual ones.
In addition, headings and the like referred to in the following description of the invention are not intended to limit the scope or content of the invention, but rather are merely indicative of reading. Such subtitles are not to be understood as being used for segmenting the content of the article, nor should the content under the subtitle be limited only to the scope of the subtitle.
With the development of the internet, more and more scheme service personnel send schemes to clients by using the internet, and most of the schemes are sent in WeChat and QQ modes at present, the essence is a URL link, and the clients can read conveniently after receiving the schemes, so that the scheme is fast in transmission and extremely convenient. However, the method is limited to passive reading, and lacks real-time communication in the reading process, and particularly, some schemes have professional properties, so that customers often encounter problems in the reading process, and because of the lack of professional knowledge, telephone communication explanation is difficult, interviews are usually required to be performed to fully know the scheme content. In particular, the financial insurance industry, such as online communication of insurance proposal schemes and insurance application schemes, has the following characteristics: scheme service personnel (insurance agent) have certain insurance expertise, and schemes have certain expertise, such as 'insurance responsibility', 'guarantee clause', 'waiting period', 'hesitation period', and the like, which belong to technical nouns; readers (clients) lack insurance knowledge, and are difficult to independently read schemes; according to the requirement of insurance sales, the whole process of the insurance sales needs to mark, so that the induction behavior is prevented; the client does not like the communication mode of the agent visiting the gate, and does not accept a great deal of time and effort input; the insurance agent and the customer have difficulty in installing and using specific software because of uneven operation level of the software.
In view of this, as shown in fig. 1, the present application provides an online synchronous communication system 1 for a solution between a service person and a client based on an HTML5 web page, where the system 1 includes:
the service end comprises a first service module 101 and a second service module 102.
The first service module 101 is configured to provide WEB access services for the first client 11 and the second client 22 for the same or related target WEB pages, where the target WEB pages are service schemes provided by scheme service personnel to clients, and the target WEB pages include a pre-set JS library, and the JS library establishes a communication connection with the second service module 102 through a synchronization function thereof.
The second service module 102 receives the synchronous communication request sent by one of the first client 11 and the second client 22 and sends the synchronous communication request to the other client, and after receiving a response message sent by the other client and agreeing to synchronous communication, establishes a synchronous communication connection for the first client 11 and the second client 22. The second service module 102 calculates identity information corresponding to the first client 11 and the second client 22 respectively based on an identity request or an identity handover request sent by any client, or the second service module 102 calculates identity information corresponding to each client according to operation data of each client, where the identity information includes operation authority for a target web page and one of a controller identity and a controlled identity in which the operation data of the target web page is synchronized, and the second service module 102 receives operation data of the target web page sent by a client serving as a controller from among the first client 11 and the second client 22, and processes the operation data into synchronization data and sends the synchronization data to another client serving as a controlled from among the first client 11 and the second client 22. The data sync includes one or more of page sync, audio data sync, video data sync, and graffiti data sync.
The first service module 101 and the second service module 102 may be two independent servers, or may be a comprehensive server with integrated functions.
The first client 11, the first client 11 is configured to interface with a service person providing a solution, the first client 11 accesses the first service module 101 through a first URL link, and the first client 11 establishes a communication connection with the second service module 102 through a JS library preset by the target web page. The first client 11 is further configured to send operation data to the second service module 102 when acting as a control party, and receive and parse synchronization data sent by the second service module 102 when acting as a controlled party.
The synchronization data and the operation data may be the same data, and the second service module 102 only serves as a forwarding function, and the synchronization data may also be new data generated after the operation data is processed by the second service module 102.
The second client 22, the second client 22 is configured to interface with a client, the second client 22 accesses the first service module 101 through a second URL link, where the second URL link is the same as or associated with the first URL link, and the second client 22 establishes a communication connection with the second service module 102 through a JS library of the target web page. The second client 22 is further configured to send operation data to the second service module 102 when acting as a control party, and to receive synchronization data sent by the second service module 102 when acting as a controlled party.
Wherein one of the first client 11 and the second client 22 sends a synchronous communication request to the second service module 102, and the other of the first client 11 and the second client 22 receives and sends a response message to the second service module 102 regarding whether the synchronous communication request is agreed.
Optionally, two clients access the first service module 101, the first service module 101 may also identify which users are accessing the same web page, the first service module 101 may send the user information to the second service module 102, and the second service module 102 may actively communicate with the two clients.
The first client 11 and the second client 22 each include a browser function module; the browser can be a browser, and can also be a terminal module with browser related functions, such as a mobile phone, a computer and the like.
In an application environment, a first client (solution service personnel) 11 may share a first URL link with a second client (client) 22, and the client accesses a web page corresponding to the first URL link through a first service module 101, where a JS library included in the web page may establish socket communication with the second service module and generate an identification code for identifying information of the second client (client) 22; the first client (solution service personnel) 11 generally passes login verification, the first service module 101 or the second service module 102 can identify identity information of the first client (solution service personnel) 11, and when the first client 11 (solution service personnel) opens the above website, a JS library contained in the web page also establishes socket communication with the second service module.
Of course, the first client (solution service person) 11 and the second client (client) 22 may access the first service module 101 using different URL links, for example, a second URL link converting the first URL link into a form of UUID for use by the second client (client) 22.
For the web page file, the attribute of the HTML5 tag can be identified and controlled by the JS library, and the function provided by the JS library can be called inside the web page file. Through the above arrangement, the webpage synchronization request, the receiving synchronization, the synchronous data calculation, the synchronous data analysis, the page communication and the like can be realized.
For the first client 11, it may acquire the web page file based on the HTML5 format from the first service module 101, or may make a web page file according to the HTML5 template provided by the first service module 101, where the web page file includes a JS library with an exchange control function, and the server 10 formulates a specification (specification, structure, such as a technical section) of synchronous interaction. The JS library is a core component for executing synchronous interaction specification. Labels, programs and the like in the webpage file in the HTML5 format are written according to the specifications formulated by the server 10, and can be identified and called by the JS library, if a certain label in the HTML5 has an attribute statement that is not synchronous, the label can hide or display blank contents in the synchronous process. The user browses and operates the webpage in the browser, any operation event can be equivalent to a corresponding JS instruction, and the JS instruction is called to achieve the same effect.
The JS library in which the web page file is embedded may include, but is not limited to, the following functions: the function of initiating the synchronization request may request to establish a connection with the second service module 102, obtain a state of a current web page, an operation event, etc. as operation data, send the operation data to the second service module, receive the synchronization data from the second service module 102, and convert the synchronization data into an instruction, and implement control on the web page through the instruction, thereby implementing synchronous browsing, in addition, the JS library may also provide a conventional synchronous communication tool, such as a graffiti drawing board, etc., a disconnection request function, a pop-up window prompt, etc., so as to facilitate communication explanation. The monitoring of the JS library for the webpage comprises various webpage operations and browsing events, such as a Window event, a Form event, a Keyboard event, a Mouse event, a Media event and the like.
Therefore, after the first client 11 or the second client 22 opens the web page file through the browser, the web page file starts to load the JS library containing the JS library for implementing the synchronization function, and after the JS library is placed, the client establishes Socket communication with the second service module 102, and sends a web page synchronization request to the second service module 102, carrying browser information; the JS library can also monitor HTML5 web page information in real time, including changing web browsing status, monitor user operation events, convert status information and operation events into data (generally using JSON data), send the data to the second server 102, receive synchronization data of the second server 102, parse the synchronization data into executable instructions, and execute the executable instructions.
The number of the second clients 22 may be multiple, and the first client 11 may support synchronous communication of multiple users at the same time, so as to achieve the effect of interaction with multiple people at the same time.
Referring to fig. 2, each of the first client 11 and the second client 22 reports the current status information of the client through the JS library. The state information comprises one or more of a client on-line state, an audio and video recording state and a doodling tool opening state.
The second service module 102 includes a status identifying module 1021, where the status identifying module 1021 is configured to identify status information respectively reported by the first client 11 and the second client 22, and respectively notify each client of a current status of the other client.
Taking the online state of the client as an example, before a certain client sends a synchronous communication request, in order to enable the client to acquire more information, when a user accesses a URL link and acquires a complete web page file from the first service module 101, the web page file can report state information to the second service module 102 based on the JS library. The second service module 102 simultaneously recognizes the presence status of the first client 11 and the second client 22, and notifies both. This has the advantage that each client can select the next operation based on the state of the other party, for example, the second client 22 receives the information that the first client 11 fed back by the second service module 102 is online at this time, which indicates that the user of the first client 11 is also reading the same web page file, so that the second client 22 can send a synchronous communication request to the second service module 102 to request to perform synchronous communication with the first client 11, thereby improving the user experience. It should be noted that, in practice, the second service module 102 may establish a synchronous communication connection for a client with a synchronous requirement, but not all users accessing the web page file need to perform synchronization, so that the accuracy of connection between two communication parties is improved by using a judgment basis that one client sends a synchronous communication request and the other client agrees to receive synchronization as a judgment basis for judging whether to establish a synchronous communication connection.
The first client 11 comprises one or more of a voice recording module, a video recording module, a graffiti tool module and HTML5 document conversion, and the second client comprises one or more of a voice recording module, a video recording module, a graffiti tool module and HTML5 document conversion.
The voice communication technology and the video communication technology are relatively mature, and client equipment self-contained or third-party audio and video communication and the like can be adopted. The graffiti tool is used for ensuring good online communication effect and providing synchronous graffiti tools for communication operators. The doodling tool can be realized by calling related programs through a library file of the JS library.
The document conversion module is used for converting a file in a non-web format input by a user into an HTML5 web format for identification by the first service module 101 and the second service module 102.
The first client 11 may be used as a producer of a web page file, and since the carrier of synchronous communication is an HTML5 format web page file containing a JS library, for some files with non-web page formats, such as word, PDF document, etc., the first client 11 may convert the file into the HTML5 format and insert the file into the JS library to form a new web page file.
In a case where the client is required to actively apply for the identity authority, the second service module 102 specifically performs the following:
When the second service module 102 receives the identity request of the controller sent by any one of the first client 11 and the second client 22, the second service module 102 allocates the identity of the controller to the client applying for the identity request and allocates the identity of the controlled to the other client under the condition of obtaining the agreement of the other client;
when the second service module 102 receives the identity handover request of the controller sent by any one of the first client 11 and the second client 22, the second service module 102 allocates the controlled identity to the client applying for the identity request and allocates the controller to the other client under the condition of obtaining the agreement of the other client;
the second service module 102 is further configured to notify the JS library of the client with the identity of the controlled party that the JS library will send the operation data of the target web page, and notify the JS library of the client with the identity of the controlled party that the operation instruction for the target web page is canceled, so that the client with the identity of the controlled party cannot obtain the operation authority for the target web page, and only receive the synchronization data of the second service module 102 to perform the page synchronization operation;
the present application also provides another embodiment in which the second service module 102 automatically assigns an identity to a client, where the second service module 102 specifically performs the following:
The control weight of the operation data increases with the transmission amount per unit time of the operation data and/or the increase of the transmission frequency per unit time; the control weight of the operation data is reduced along with the reduction of the transmission amount in unit time and/or the transmission frequency in unit time of the operation data; the operation data comprise one or more of page operation action data, audio data, video data and doodle tool operation data;
the control weight of the operation data of the client represents the rationality that the control weight is given to the client at a certain moment.
For example, when a user performs operations such as clicking, sliding a page, etc. multiple times in a web page, or speaks more, the frequency of sending audio data is higher, and the volume of audio data is large, the control weight of the operation data of the client corresponding to the user increases faster. On the contrary, the control weight of the operation data can be increased with time, and gradually reduced when no page operation action and no data such as audio frequency, video frequency and the like are transmitted.
When the second service module 102 determines that the difference value of the control weights of the operation data corresponding to the first client 11 and the second client 22 is greater than the first preset value, at this time, the first client 11 and the second client 22 are on the surface, the requirement of one party on controlling the identity is greater than the requirement of the other party, at this time, the second service module 102 automatically allocates the identity of the controller to the client with the greater control weight of the operation data, and notifies the JS library of the client with the greater control weight, so that the JS library will send the operation data of the target webpage. The second service module 102 also automatically allocates the identity of the controlled party to the client with smaller control weight of the operation data, and notifies the JS library of the client with smaller control weight to cancel executing the operation instruction on the target webpage, so that the client with smaller control weight cannot obtain the operation authority on the target webpage, and only can receive the synchronous data of the second service module 102 to perform the page synchronization operation.
For example, during the online communication between the solution service personnel and the client, the second service module 102 identifies the solution service personnel who has recently sent voice data, determines that the solution service personnel is speaking for the client, and has a control requirement, and then the second service module 102 automatically distributes the identity of the controller to the solution service personnel. Accordingly, for the client to act as an listening party, without excessive speaking, the second service module 102 automatically assigns the controlled identity to the client.
The second service module 102 is further configured to, when the difference between the control weights of the operation data corresponding to the first client 11 and the second client 22 is less than or equal to a first preset value, and at this time, both the clients have strong control identity requirements, or neither the clients have strong control identity requirements, and the second service module 102 allows the JS libraries of both the clients to both transmit the operation data of the target web page, so as to further calculate identity information of each client.
Therefore, when the difference between the control weights of the two clients is smaller, it is possible for both clients to obtain the control right, and the second service module 102 further calculates identity information of the two clients based on the transmission of the operation data of the next step of the two clients.
When the difference value of the control weights of the operation data corresponding to the first client 11 and the second client 22 is smaller than or equal to the first preset value, if the identity requests sent by the two clients are received at the same time, the second service module 102 preferentially allocates the identity of the controller to the client with the large control weight of the operation data.
It should be noted that when the operation data to be synchronized is one or more of audio data, video data, or graffiti tool operation data, the first client 11 and the second client 22 may simultaneously request the identity of the controller of the data transmission from the second service module 102. The second service module 102 configures both the first client 11 and the second client 22 to transmit a controller identity for such data and a controller identity to receive such data. So that both the first client 11 and the second client 22 can send and receive such data to and from each other at the same time.
The other operation data to be synchronized comprises operation information for the web page, such as page sliding, button clicking and the like, one client serves as a master, and the other client serves as a slave to realize a synchronization function.
First client 11 and second client 22 each have independent control rights and identity information for any type of data in the page operation action data, audio data, video data, and graffiti tool operation data. That is, the identity information of any one of the first client 11 and the second client 22 may be the same or different under different types of operation data, for example, when the first client 11 has a controller identity when the data to be synchronized is data for page operation action, when the data to be synchronized is audio data, the controller identity will not always exist, and needs to be applied to the second service module 102 again, or be calculated and automatically allocated by the second service module 102.
The first client 11 and the second client 22 agree with the controller and the controlled party in real time to the second service module 102 in the communication process, and the operation information, the state information and the like of the control party on the webpage are sent to the second service module 102 in real time (or in batch) through the WebSocket by the JS library, and are pushed to the controlled party by the second service module 102.
After the JS library serving as the client of the controlled in the first client 11 and the second client 22 receives the synchronous data sent by the second service module 102, the synchronous data is parsed and converted into corresponding instructions, and the corresponding instructions are executed in the browser environment provided by the client of the controlled party, so that the synchronous effect is achieved.
In a specific scenario, the user operation webpage corresponding to the first client 11 explains for the user corresponding to the second client 22, for example, the speech explanation system can be set to be the identity of the controller for sending data automatically in the communication process, and the client automatically hands over the control right along with the change of the speech of the user in the communication process; the user corresponding to the first client 11 slides the page, the user picture corresponding to the second client 22 moves along with the page, the first client 11 clicks the page button, and the button at the page of the user corresponding to the second client 22 also has a clicking effect. Of course, the user corresponding to the second client 22 operates the page, querying the user corresponding to the first client 11, and vice versa.
Further, in the insurance proposal scheme exchange process corresponding to the web page file, the scheme content can be divided into synchronous content and asynchronous content, and the control authority of whether the scheme content is synchronous can be set in the web page tag of the HTML5 web page or the program file of the JS library, which can be set in the second service module 102, so as to facilitate unified control, and distinguish which operations are available for synchronization, and which operations are not allowed for synchronization, i.e. authority control of the synchronization process. For example, web payment is not allowed to operate, local file opening is not allowed to be synchronous, a certain button can only be clicked and confirmed by a party user, and other application scenes.
In an alternative embodiment, referring to fig. 3, the second service module 102 includes a first privacy information processing module 1021, where the first privacy information processing module 1021 is configured to identify privacy data carried by operation data according to a preset data privacy processing rule, and process the privacy data, so that the finally processed synchronization data performs filtering setting or hiding setting on the privacy data.
In another alternative embodiment, the operation data includes privacy data defined in advance by the program file of the JS library or web tag attribute information of the web page file.
The first client 11 and the second client 22 each include a second privacy information processing module 1022, and the functional block diagram of the first client 11 is illustrated with reference to fig. 4, where the second privacy information processing module 1022 is configured to identify privacy data defined by program files of the JS library or web page tag attribute information of the web page files, and filter or hide the privacy data before sending to the second service module 102, so as to protect user privacy during the synchronization process. The functional module structure of the second client 22 is similar, and will not be described in detail in this application.
For example, the whole synchronous communication system defines the specification and the grade of synchronous communication, a developer can set a webpage label in the process of compiling a webpage file template, and a certain label range content can be set for synchronization of a certain grade. Program files of the JS library are the same.
Referring to fig. 5, the second service module 102 includes an exchange data recording module 1023, where the exchange data recording module 1023 is configured to store operation data that are respectively sent to the second service module 102 by the first client 11 and the second client 22 according to a preset rule. Correspondingly, the second service module 102 further includes a review module 1024, where the review module 1024 is used to extract the content stored in the communication data recording module 1023 for analog playback.
In order to better serve clients and improve the experience of both users, for example, in the insurance finance industry, after the insurance personnel and the insurance personnel exchange, an insurance application link is entered, and the insurance personnel need to carry out insurance confirmation, and the insurance personnel do not have operation rights and can only assist the operation steps of explanation remotely, and the insurance personnel are not allowed to induce client behaviors in the insurance process, so that in order to restrict and monitor the related behaviors, the second service module 102 can record the whole-process exchange data of both clients and encrypt and store the stored operation data mainly of the clients, including browsing, clicking, operating side, operating time, voice, video and the like, and in order to store the normative, the stored related operation data can be stored in combination with the page actions of a webpage file, wherein the page actions such as 'explanation', 'insurance confirmation', 'risk notification confirmation', 'insurance person selection' and 'risk', and the action mark is put in, so that the extracted data can be retrieved quickly.
The review module 1024 of the second service module 102 may restore the entire communication process without changing the data stored by the second service module 102.
At the moment when the synchronous communication process is about to end, one of the first client 11 and the second client 22 sends a communication end request to the second service module 102, and the other of the first client 11 and the second client 22 receives and sends a response message to the second service module 102 as to whether the communication end request agrees or not.
The second service module 102 is further configured to forward the communication end request to another client, and perform a disconnection operation on the synchronous communication connection established for the first client and the second client after receiving a response message sent by the other client and agreeing to end.
The function of each functional module in the synchronous communication system 1 based on the HTML5 web page is provided above, and the specific implementation procedure of the synchronous communication system 1 will be discussed again with reference to an example.
Referring to the schematic view of the client interface illustrated in fig. 6, fig. 6 illustrates schematically a mobile phone as a client, and the first client 11 (solution service personnel) makes and generates a solution of insurance application proposal web pages based on the HTML5 template provided by the system. The producer sends a proposal to a second client 22 (client). The sending mode is WeChat and QQ, and the sending content is essentially a URL link. The customer accesses the link and obtains the complete proposal from the first service module 101 for reading.
The second service module 102 can register the reader identification information based on the client status information reported by the JS library, and send a reading notification to the producer. The same process of reading the web page file by the producer is the same, and the second service module 102 can simultaneously identify the online states of the reader and the producer based on the client state information reported by the JS library and notify both.
One of the clients and the scheme service personnel has an online communication requirement, and can send a synchronous communication request to the second service module 102, the second service module 102 informs the other party, and after a response message of agreement fed back by the other party, socket communication is established for the clients of the two parties, and synchronous communication service is started. The synchronous communication request sent by one of the client and the scheme service personnel can carry a voice communication request, a video communication request and the like at the same time, so that the two clients start related functions and notify the second service module 102.
After the synchronous communication is established, any one of the client and the scheme service personnel can request the identity of the controller to the second service module 102, the second service module 102 distributes the identity of the controller and the identity of the controlled to the clients of the two parties, and the roles of the controller and the controlled can be manually and automatically switched in real time through the user in the communication process. The second service module 102 may prompt and mark the page for the notification of the status information of both parties in the synchronous communication process, and automatically generate and render by the JS library according to the page setting. As in the client screen illustrated in fig. 6, the identification of the upper left control state may represent the controlled state with a red light, when the operation of the my user is invalid; the green light represents a control state, and the user can continuously operate the device; the yellow light represents an idle state and my user can acquire operation control right from the server.
The customer, the project attendant, can then communicate for the project. The control effect of one party can be synchronized to the other party, the scheme pictures of the two parties are kept synchronized, and in addition, voice synchronous communication and doodling operation synchronization are started, so that the scheme communication effect is favorable for being close to face-to-face, in the scheme communication process, scheme contents are divided into synchronous contents and unsynchronized contents, the application process aims at partial privacy contents, one party has unilateral control authority in the synchronization process, and the data of the other party is automatically hidden, such as payment information input.
To ensure traceability of the data of the exchange process, the second service module 102 records and encrypts the exchange data of the whole process. The second service module 102 digitally records the whole course, and simultaneously compresses and stores the audio and video data, so that the volume is small. And after the communication is finished, one party initiates a communication ending request to the second service module 102, the second service module 102 informs the other party, and finally, the synchronous connection established for the clients of the two parties is disconnected. Because the system reserves the information of scheme operation, voice, video and the like of the whole process according to the time sequence, the system can completely restore the whole communication process, and the realization by means of the original communication web page in the review process can be noted without changing the data of the server side. The whole process of exchanging is left mark, which is beneficial to ensuring the authenticity and confidentiality of the data in the exchanging process.
The online synchronous communication system is applied between the scheme service personnel and the clients, and can assist the clients to complete the corresponding operation process by aiming at the scheme service personnel through a remote interaction mode, namely, the clients operate, and the agents conduct whole-course guidance. Thus solving the problem of related communication difficulty in the specific technical field.
In one specific scenario, such as the insurance domain, the target web page is a service plan provided by an insurance agent to a customer. The service scheme can be an insurance proposal scheme, wherein the insurance proposal scheme is called an insurance plan and an insurance application scheme, is an insurance product insurance application scheme formulated by an agent for a customer in the insurance sales process, and generally comprises the steps of suggesting which insurance product is purchased by the customer, what amount of insurance is purchased, what funds are spent, and what guarantees and benefits can be obtained after the insurance sales process is purchased.
The service scheme can be a guarantee planning scheme, the guarantee planning scheme is more systematic than the proposal scheme, the emphasis of the service scheme is not to suggest which products are purchased by the user, but to comprehensively plan the guarantee configuration requirements of each stage of life according to the family condition, the financial condition, the health condition, the development condition and the like of the user, and further generate an insurance product purchasing scheme.
The service plan may be an insurance product comparison analysis plan that primarily compares one insurance product or purchase plan with other products or plans, and combines the user's actual analysis of its suitability. Insurance products have no score of merit, but their fitness can be calculated for a particular user.
The service scheme can also be an online auxiliary insurance scheme, and customers purchase insurance products through online or online operation, including insurance product selection, insurance clause, insurance application reading, insurance amount setting, information filling of insurance applicant, insured person and beneficiary, health condition notification, premium payment and other operations.
In another specific scenario, such as the financial service field, the service scheme may be a financial planning scheme, which refers to a practical and operable cash planning, consumption, education, investment, senior citizen planning, etc. formulated for the customer by using a scientific method or program, so as to improve the living quality of the customer, and finally achieve the life-long financial safety, autonomy and freedom process of the customer. The service plan may also be other such as retirement planning, tax planning, property allocation and inheritance planning, expense planning, investment planning, etc.
The method and the system can be applied to other specific scenes, such as the education field, and the service scheme can be an education planning scheme. The service scheme may also be a medical planning scheme, a professional planning scheme, a contract confirmation scheme, etc. in other fields.
In summary, the online synchronous communication system between the service personnel and the clients based on the scheme of the HTML5 webpage is suitable for insurance development, finance development, business training, operation assistance and the like. No plug-in or software is required to be downloaded at the user browser side. The method provides a special JS library for a plurality of webpages with interaction requirements, provides support for webpage developers, only needs to include the synchronous JS library in webpages, introduces the webpage of the JS library to have basic synchronous browsing capability, realizes synchronous control by adding related attributes to the HTML5 tag, and can call methods in the JS library and read data to realize other synchronous related functions, such as sending a synchronous request, ending synchronization, displaying webpage synchronous state and the like.
While the invention has been described in detail in connection with the drawings and embodiments, it should be understood that the foregoing description is not intended to limit the invention in any way. Modifications and variations of the invention may be made as desired by those skilled in the art without departing from the true spirit and scope of the invention, and such modifications and variations fall within the scope of the invention.
Claims (10)
1. An online synchronous communication method based on an HTML5 webpage is characterized in that the method is applied to clients participating in online synchronous communication, the clients comprise a first client and a second client, and the method comprises the following steps:
accessing a first URL link or a second URL link to load a target webpage;
loading a JS library preset in the target webpage, and establishing communication connection with a second service module through the JS library;
collecting operation data and sending the operation data to the second service module, and/or receiving synchronous data sent by the second service module and executing data synchronous processing;
wherein the first client accesses the first URL link and the second client accesses the second URL link, the second URL link being the same or associated URL link as the first URL link; the second service module is used for providing online synchronous communication service for the first client and the second client, receiving operation data of the target webpage sent by the client serving as a control party, processing the operation data into synchronous data and sending the synchronous data to the client serving as a controlled party; the operation data comprises one or more of page operation action data, audio data, video data and doodling tool operation data; the data synchronization includes one or more of page synchronization, audio data synchronization, video data synchronization, and graffiti data synchronization.
2. The method of claim 1, wherein collecting and transmitting operational data to the second service module further comprises:
monitoring webpage operation and browsing event at the client, and sending operation data to the second service module based on the webpage operation and browsing event acquisition.
3. The method of claim 1, wherein receiving the synchronization data sent by the second service module and performing data synchronization processing, further comprises:
and receiving the synchronous data sent by the second service module, analyzing the synchronous data, converting the synchronous data into corresponding JS instructions, and executing the JS instructions, wherein the JS instructions are executed to restore webpage operation and browsing event effects which occur in another client.
4. The method as recited in claim 1, further comprising:
generating the second URL link at the first client, and sending the second URL link to the second client;
and the second client receives and accesses the second URL link, acquires the target webpage data from the first service module and loads the target webpage data.
5. The method of claim 1, wherein after one of the first client and the second client loads the target web page, further comprising:
Transmitting client state information to the second service module based on the JS library, wherein the client state information at least comprises on-line state information of the client and reader identification information;
and receiving reading notification information of other clients sent by the second service module.
The second service module is further configured to receive the client status information sent by the client, and generate the reading notification information based on the client status information, and send the reading notification information to other clients.
6. The method of claim 1, wherein after the first client and the second client load the target web page, further comprising:
generating a synchronous communication request at one of the clients and sending the synchronous communication request to the second service module, or generating a synchronous communication request at one of the clients and sending the synchronous communication request to the second service module while carrying one or more of a voice communication request and a video communication request;
receiving a synchronous communication request sent by the second service module at another client, executing agreement response processing, collecting and generating response information and sending the response information to the second service module;
The second service module is further configured to process the synchronous communication request and the response message, and establish an online synchronous communication connection for the first client and the second client.
7. The method of claim 1, after the first client, the second client, and the communication connection with the second service module is established through the JS library, further comprising:
generating a control party identity request at one client and sending the control party identity request to the second service module, wherein the control party identity request is used for acquiring a control identity, and the generation of the control party identity request comprises one of a manual generation mode and an automatic generation mode;
receiving control party identity and controlled party identity setting information distributed by the second service module;
the second service module is further configured to receive a controller identity request sent by the client, perform controller identity calculation, and allocate a controller identity or a controlled identity to the client participating in the online synchronous communication; the client receives the client state information sent by the second service module, and prompts and marks the page to identify the current control state; the client is in one of a controlled state, an idle state and a control state at one moment, wherein the controlled state indicates that the operation of the client is invalid, the control state indicates that the terminal has control right and can continuously execute the operation, and the idle state indicates that the control right can be applied for obtaining.
8. The method of claim 1, wherein at the client having control, further comprising:
reading control authority configuration information whether to synchronize from a webpage label attribute of the target webpage or a program file of the JS library, and calculating a synchronization attribute of sub webpage content contained in the target webpage, wherein the synchronization attribute is used for marking the sub webpage content as synchronous content or asynchronous content;
when confirming that the webpage operation occurs on the sub webpage content with the synchronous attribute being asynchronous content, not executing the operation data acquisition and/or sending operation to the second service module; and when the operation data is confirmed to occur on the sub-webpage content with the synchronous attribute being synchronous content, executing the operation data acquisition and sending the operation to the second service module.
And for the sub-webpage content with the synchronization attribute of asynchronous content, the client with the control right has the right of unilateral control on the sub-webpage content, and the synchronization of other clients is not executed when the client is operated.
9. The method of claim 1, further comprising, prior to the first client, the second client, and sending the operational data to the second service module:
And identifying the privacy data from the operation data based on the webpage label attribute of the target webpage or the definition of the privacy data by the program file of the JS library, and executing filtering or hiding processing on the privacy data in the operation data.
10. The method of claim 1, further comprising, after the first client, the second client, and the communication connection with the second service module is established through the JS library:
generating a synchronous communication ending request at one client side, and sending the synchronous communication ending request to the second service module;
receiving a one-screen communication ending notification sent by the second service module at another client;
the second service module is further configured to process the synchronous communication end request, and disconnect the communication connection between the client and the second service module.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210170159.2A CN116471284A (en) | 2019-12-17 | 2019-12-17 | Online synchronous communication method based on HTML5 webpage |
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210170159.2A CN116471284A (en) | 2019-12-17 | 2019-12-17 | Online synchronous communication method based on HTML5 webpage |
| CN201911300132.5A CN111107145B (en) | 2019-12-17 | 2019-12-17 | Online synchronous communication system based on HTML5 webpage |
Related Parent Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911300132.5A Division CN111107145B (en) | 2019-12-17 | 2019-12-17 | Online synchronous communication system based on HTML5 webpage |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116471284A true CN116471284A (en) | 2023-07-21 |
Family
ID=70422410
Family Applications (2)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210170159.2A Pending CN116471284A (en) | 2019-12-17 | 2019-12-17 | Online synchronous communication method based on HTML5 webpage |
| CN201911300132.5A Active CN111107145B (en) | 2019-12-17 | 2019-12-17 | Online synchronous communication system based on HTML5 webpage |
Family Applications After (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911300132.5A Active CN111107145B (en) | 2019-12-17 | 2019-12-17 | Online synchronous communication system based on HTML5 webpage |
Country Status (1)
| Country | Link |
|---|---|
| CN (2) | CN116471284A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116991694A (en) * | 2023-09-28 | 2023-11-03 | 中新云服(北京)科技有限公司 | Webpage operation acquisition method |
Families Citing this family (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113094006A (en) * | 2020-01-08 | 2021-07-09 | 北京搜狗科技发展有限公司 | Data processing method and device and electronic equipment |
| CN111612639B (en) * | 2020-05-21 | 2023-10-27 | 青岛华滋生物科技有限公司 | Synchronous communication method and system applied to insurance scheme |
| CN111726397A (en) * | 2020-06-06 | 2020-09-29 | 路玉太 | Remote assistance operation method and system applied to webpage |
| CN112350990B (en) * | 2020-09-21 | 2023-09-12 | 上海伊邦医药信息科技股份有限公司 | Method for synchronizing offline data of third-party internet retail cashing system |
| CN112988263B (en) * | 2021-02-10 | 2023-11-28 | 青岛希望鸟科技有限公司 | Webpage synchronization method and system |
| CN113891128A (en) * | 2021-09-18 | 2022-01-04 | 上海豹云网络信息服务有限公司 | Screen sharing method and device and electronic equipment |
| CN114237473A (en) * | 2021-11-24 | 2022-03-25 | 微民保险代理有限公司 | Same-screen interaction method, device and system, storage medium and electronic device |
| CN114422460B (en) * | 2021-12-12 | 2024-03-01 | 路九阳 | Method and system for establishing same-screen communication sharing in instant communication application |
| CN114884914B (en) * | 2022-04-27 | 2024-04-02 | 青岛希望鸟科技有限公司 | Application program on-screen communication method and system |
Family Cites Families (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TW521511B (en) * | 2001-06-13 | 2003-02-21 | Inventec Appliances Corp | Web information services providing system and method |
| US8255548B2 (en) * | 2002-06-13 | 2012-08-28 | Salesforce.Com, Inc. | Offline web services API to mirror online web services API |
| CN102724295B (en) * | 2012-05-24 | 2016-05-18 | 中国电子科技集团公司第十五研究所 | Method of data synchronization and system |
| KR20150019148A (en) * | 2013-08-12 | 2015-02-25 | 남희옥 | Adaptive providing information decision system and method thereof |
| CN105260447A (en) * | 2015-10-09 | 2016-01-20 | 上海瀚之友信息技术服务有限公司 | Webpage data analysis method and system |
| KR20180051719A (en) * | 2016-11-08 | 2018-05-17 | (주) 퓨전데이타 | System and method for virtualization integrated web service based on html5 |
| CN108322386A (en) * | 2018-01-29 | 2018-07-24 | 潘彬 | A kind of campus AC system |
-
2019
- 2019-12-17 CN CN202210170159.2A patent/CN116471284A/en active Pending
- 2019-12-17 CN CN201911300132.5A patent/CN111107145B/en active Active
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116991694A (en) * | 2023-09-28 | 2023-11-03 | 中新云服(北京)科技有限公司 | Webpage operation acquisition method |
| CN116991694B (en) * | 2023-09-28 | 2024-01-26 | 中新云服(北京)科技有限公司 | Webpage operation acquisition method |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111107145B (en) | 2022-02-11 |
| CN111107145A (en) | 2020-05-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN116471284A (en) | Online synchronous communication method based on HTML5 webpage | |
| CN100545832C (en) | The method and apparatus that is used for the document collaboration editor | |
| CN109377321B (en) | Multi-channel customized credit card intelligent application system | |
| KR20140016259A (en) | Method of providing assistance to the end-user of a software application | |
| CN110807710A (en) | Method and system for managing invitation data of user inviting friends | |
| US10108998B2 (en) | Method and system of directed, two-way consultative communications between a webpage user and a remote representative | |
| CN111353686B (en) | Micro task control method, computer-readable storage medium, computer program, and electronic device | |
| US20220391642A1 (en) | Method and apparatus for evaluating joint training model | |
| US20100332522A1 (en) | Methods and systems for mobile information retrieval and delivery | |
| US9842095B2 (en) | Cross-device document transactions | |
| CN106170810A (en) | Utilize customer relation management information to strengthen communication session | |
| US20210056521A1 (en) | Systems and methods for interactive video presentation of transactional information | |
| WO2017040440A1 (en) | Enhanced document services | |
| EP4356329A1 (en) | Collaboration components for sharing content from electronic documents | |
| KR101687383B1 (en) | Providing method for collaboration task environment using template for developing business model, Computer program for the same, and Recording medium storing computer program thereof | |
| US20180121859A1 (en) | Computer-implemented system and method for providing on-demand expert advice to a consumer | |
| KR20200003764A (en) | Apparatus and method for processing work based on work object | |
| Yen et al. | Groupware: a strategic analysis and implementation | |
| CN113641814A (en) | Intelligent robot communication system, method and device based on 5G message | |
| CN113379375A (en) | Method and device for guiding subscription in chat mode and electronic equipment | |
| US20210272139A1 (en) | Information processing apparatus, information processing method, and program | |
| CN112187837B (en) | Communication method and device based on multiple roles and electronic equipment | |
| US20240020608A1 (en) | Software-as-a-service innovation automation process and system | |
| US20240134590A1 (en) | Content sharing with spatial-region specific controls to facilitate individualized presentations in a multi-viewer session | |
| KR20230163040A (en) | Method for providing content creator intermediation |
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 |