WO2015180446A1 - System and method for maintaining connection channel in multi-device interworking service - Google Patents

Abstract

The present invention provides a system and a method for maintaining a connection channel in a multi-device interworking service. The system comprises: a multi-screen channel control client module and a multi-screen channel control server module. The multi-screen channel control client module is located on each terminal device, and used for acquiring an identifier of the device terminal and reporting a binding relationship between the terminal and a multi-screen channel to the multi-screen channel control server. The multi-screen channel control server module is used for recording the binding relationship between the terminal and the multi-screen channel, and pushing services to the bound terminal side. The multi-screen channel control server module is located on a server that provides a data service. The present invention has the advantages that the binding relationship maintenance and UI synchronization can be implemented on a newly added Websocket layer without affecting an original service, and stable service upgrade is achieved; and during the implementation of a Websocket channel on a client, multiplexing of the Websocket channel between pages is implemented in a nested iframe mode, thereby reducing the channel maintenance complexity.

Description

Connection channel maintenance system and method in multi-device linkage service Technical field

The present invention relates to the field of WEB technologies, and in particular, to a connection channel maintenance apparatus and method in a multi-device linkage service; and particularly relates to an application scenario in which a WEB service performs data interaction with multiple devices.

Background technique

At present, WEB services can support multiple types of terminals, such as PCs, TV sets, mobile phones with different resolutions, etc. When people enjoy multi-terminal access services, they are no longer satisfied with using different terminals to access the same service system separately. It is required to use multiple terminals for linkage services, thereby facilitating user operations and improving the viewing experience.

The patent application with the application number "201310590251.5" discloses a "multi-screen interactive system and its processing method". In the system, first, the television system starts a multi-screen interactive service, and then the television system searches for the multi-screen in the same local area network. The other device interacting with, establishes communication with the other device, and then pushes the multimedia resource to the television system for presentation, and then the user inputs a control command for the multimedia resource through the television system, and the television system converts the control command into a digital signal and Sending to the other device, and finally the other device converts the received digital signal into an operation command recognizable by the device, and performs corresponding operations on the multimedia resource according to the operation instruction. The patent application with the application number of "201210460776.2" discloses "a multi-screen interactive system and method", which includes a mobile electronic device and a display terminal, and collects webpages, pictures or audio and video displayed on the current interface through the mobile electronic device. And transmitting the address to the display terminal, parsing by the display terminal, and displaying a webpage, a picture or an audio and video corresponding to the address according to the parsing result, and implementing multi-screen interaction. In this process, since the mobile electronic device only needs to transmit address information, it does not need to occupy a large bandwidth resource, and the transmission speed is fast, which is beneficial to real-time performance of multi-screen interaction.

Both of the above patents involve the implementation of UI synchronization and linkage operations between different types of terminals, but in the first patent, multimedia resources need to be pushed between two terminals, which is the connection bandwidth between terminals. There are high requirements, and the multimedia resources are limited to the resources existing on the terminal device, and the resources cannot be selected. In the second patent, the resource content is not transmitted between the terminals, but only the address information is transmitted. This reduces the transmission bandwidth pressure, but the operations such as picture matching and adaptation are completed in the terminal, which puts high requirements on the processing capability of the terminal, and the source information is divided into three types: picture, webpage and video. The type data must be differentiated and the business logic is complex.

Summary of the invention

The object of the present invention is to provide a connection in a multi-device linkage service in order to overcome the above problems. Road maintenance system and method.

To achieve the above object, the present invention provides a connection channel maintenance system in a multi-device linkage service, including: a server and a terminal device for providing data services, wherein the system includes: a screen channel control client module and a multi-screen channel control server module located on the server;

The multi-screen channel control client module is configured to acquire the identifier of the device terminal, and report the binding relationship between the terminal and the multi-screen channel to the multi-screen channel control server;

The multi-screen channel control server module is configured to record a binding relationship between the terminal and the multi-screen channel, and push the service to the party that binds the terminal.

Optionally, the multi-screen channel control server module includes:

a channel maintenance unit for establishing and maintaining a Websocket channel between the multi-screen channel control client and the multi-screen channel control server;

a terminal binding unit, configured to record a binding relationship between clients;

The terminal adaptation unit is configured to identify the device type of the terminal where the client is located, and send a matching page address according to the device type.

In addition, the present invention provides a method for maintaining a connection channel in a multi-device linkage service, the connection channel maintenance system described above, the method comprising:

Step 101) maintaining a service channel of the terminal, and adding a control channel of the multi-screen linkage service to the terminal device;

Binding, UI synchronization, and state control between the multi-terminal devices are implemented by the control channel, thereby separating the separation of the service and the multi-device linkage;

Step 102) implement page jump in the multi-page application by multiplexing the control channel.

Optionally, after the service page is loaded, the terminal device automatically loads the client module controlled by the multi-screen channel.

Optionally, the control channel is located between the client module controlled by the multi-screen channel and the server module controlled by the multi-screen channel, and the client module controlled by the multi-screen channel is located on the terminal device;

The multi-screen channel control client module establishes a Websocket connection between the server module and the server module controlled by the multi-screen channel, that is, the control channel, and reports the terminal identifier of the client to the server module controlled by the multi-screen channel;

The multi-screen channel control server module is further configured to save the correspondence between the identifier of the terminal device and the Websocket channel.

Optionally, the multi-screen channel control client module periodically sends a heartbeat message to the multi-screen channel control server module through the Websocket channel to maintain a connection channel between the two.

Optionally, a multi-screen channel control client module requests binding of the terminal device of the multi-screen channel client module by scanning the two-dimensional code to the multi-screen channel control server module, and the multi-screen channel control service is provided. The end module saves the binding relationship between the two terminal devices; the binding packet is transmitted through the Websocket channel.

Optionally, the foregoing UI synchronization method specifically includes:

After the terminal device jumps to the new page, the multi-screen channel control client module located on the terminal device reports the current page information of the terminal device to the multi-screen channel control server module located on the server through the Websocket channel, and the multi-screen channel is displayed. The control server module receives the current page information of the terminal device, and saves the correspondence between the terminal device and the current page information;

After the multi-screen channel control server module receives the information of the current page reported by the multi-screen channel control client module, according to the browser capability of the terminal device and the type of the browser, the terminal that matches the sending request is matched from the terminal adaptation knowledge base. Type and find out whether there are other terminals bound to the terminal, and whether other terminals are on the page corresponding to the page where the terminal is located. If no terminal is bound, no processing is performed; if other terminals are already in the corresponding page of the terminal On the page, no processing is performed; otherwise, according to the target type parameter and the configured synchronization relationship in the request, the synchronization page address of the target type terminal is obtained, and the synchronization page address is pushed to the target terminal.

Optionally, the foregoing state control method includes:

When the terminal device is a mobile phone type terminal: when the mobile phone type terminal clicks into the play page: the terminal adaptation module pushes the video play page to the bound TV type terminal corresponding to the mobile phone type terminal, and pushes the play control and recommendation to the mobile phone type terminal. a page, where the recommendation page includes a control button for playing a video and a recommended program list corresponding to the video, where

When the mobile phone type terminal clicks the video play control button, the multi-screen channel control client sends the corresponding control command to the multi-screen channel control server through the Websocket channel; the terminal binding module searches for the TV type terminal bound to the terminal and passes the Websocket channel. Pushing corresponding control commands to the multi-screen channel control client on the terminal; the multi-screen channel control client on the television type terminal receives the control command and performs an action to control video playback;

When the mobile phone type terminal browses the recommended program in the play control and recommendation page and clicks into the detail page of the recommended program, the terminal that is bound by the mobile phone type terminal is controlled to jump to the corresponding program detail page through the UI synchronization mechanism.

Optionally, the foregoing step 102) is specifically: setting an iframe in the dom structure of the page of the multi-screen channel control client, embedding the original service page into the iframe, and creating and maintaining the multi-screen channel control service in the outer layer of the iframe The Websocket channel of the end realizes the jump of the business page by refreshing the iframe.

The invention has the advantages that the original service service does not need to be affected, the binding relationship maintenance and UI synchronization are performed on the newly added Websocket layer, and the service is stably upgraded; and in the implementation of the client Websocket channel, the form of the nested iframe is adopted. To achieve reuse of Websocket channels between pages, reducing channel maintenance complexity.

DRAWINGS

1 is a block diagram showing the composition of a connection channel maintenance apparatus and method in a multi-device linkage service according to the present invention;

2 is a schematic diagram of a binding process in a multi-device linkage service of the present invention;

3 is a schematic diagram of a search and play process in the multi-device linkage service of the present invention;

4 is a schematic diagram of a broadcast control process in the multi-device linkage service of the present invention.

detailed description

The connection channel maintenance apparatus and method in the multi-device linkage service of the present invention will be further described below through specific embodiments.

The present invention provides a connection channel maintenance apparatus and method in a multi-device linkage service, the apparatus comprising: a multi-screen channel control client module located on the terminal device and a multi-screen channel control server module located on the server end. The multi-screen channel control server module includes a terminal adaptation unit, a terminal binding unit, and a service processing unit. The basic principle of the device is: when the terminal device logs in, the connection with the server is established and the terminal identifier is reported, and the server records the binding relationship between the terminal device and the multi-screen channel; the terminal device reports the binding to be bound by scanning the two-dimensional code. The identity of the terminal device, the server records the binding relationship between the two terminal identifiers; the terminal uploads the new page and reports the current page address, the server searches for the binding terminal of the terminal and pushes the matching address; after the mobile terminal performs the playback control operation, The multi-screen channel reports the control command, and the server receives the command and pushes the command to the bound TV terminal to implement the control of the playback process. The invention adds a multi-screen linkage service control channel based on the original service channel (ie, the service channel between the server and the terminal device), and the channel establishes a connection between the client and the server through the Websocket technology. At the same time, for multi-page applications, the multiplexing of control channels is realized, which avoids the overhead of repeated channel establishment during page jumps.

The invention provides a device and a method for maintaining a connection channel based on HTTP and Websocket in a multi-device linkage service, wherein:

The multi-device linkage service shown in FIG. 1 is a connection channel maintenance device, and the device includes:

The multi-screen channel control server module 101 completes the function of establishing and maintaining the Websocket channel, and filters the terminal request to implement services such as terminal binding, terminal adaptation, and UI synchronization.

The multi-screen channel control client module 102 is a javascript client library that is added to the local browser runtime when the terminal requests a business page. The component library maintains a two-way Websocket channel with a multi-screen channel control server, and supports a multi-screen channel control server to push data to the terminal in real time, and responds and jumps according to the push content.

The multi-screen channel control server 101 further includes:

The terminal adaptation unit 103 identifies the browser information of the terminal, and matches the most suitable terminal type according to the existing terminal type library.

The terminal binding unit 104 supports multi-terminal binding by scanning a two-dimensional code, and maintains the bound terminal. The relationship between them.

The multi-screen channel control server module 101 and the service processing module 105 are both located on the server, and the server is used to provide data services to the terminal device; the multi-screen channel control client module 102 is located on the terminal device; The unit 105 responds to the original service request through the HTTP channel, and keeps the original business logic unchanged.

Example

FIG. 2 is a binding flowchart of a multi-device linkage service, which specifically includes:

201) The TV terminal starts the multi-screen linkage application, requests the initial page, loads the multi-screen channel control client module, establishes a Websocket channel with the server, and reports its own terminal identifier. The server records the correspondence between the terminal identifier and the Websocket channel, and proceeds to 202);

202) The mobile terminal starts the multi-screen linkage application, requests the initial page, loads the multi-screen channel control client, establishes a Websocket channel with the server, and reports its own terminal identifier. The server records the correspondence between the terminal identifier and the Websocket channel, and proceeds to 203);

203) The TV end requests the QR code scanning page from the server through the HTTP channel, and the server returns the QR code scanning page. Enter 204);

204) The mobile terminal reports the identifier of the terminal to be bound to the server through the Websocket channel by scanning the two-dimensional code, and enters 205);

205) After receiving the terminal binding request, the terminal binding module saves the binding relationship according to the terminal identifier, and the server pushes the search page address to the mobile terminal through the Websocket channel, and enters 206);

206) The mobile terminal receives the push address, requests a search page from the server through the HTTP channel, and the server returns to the search page, and enters 207);

207) After loading the search page, the mobile terminal reports the current page address to the server through the Websocket channel, and enters 208);

208) The server saves the current page address of the mobile terminal, and searches for the binding terminal as the television end according to the terminal identifier thereof, and the terminal adaptation module determines whether the television end is on the corresponding page, and if so, no operation; if not, Then enter 209);

209) The terminal adaptation module obtains the corresponding search page address according to the terminal type of the television terminal, and pushes the address to the television terminal through the Websocket channel, and enters 210);

210) The TV terminal receives the push address, requests the page from the server through the HTTP channel, and after loading the search page, reports the current page address to the server through the Websocket channel, and enters 211);

211) The server saves the current page address of the television end, and searches for the binding terminal as the mobile terminal according to the terminal identifier, and the terminal adaptation module determines that the mobile terminal is on the corresponding page.

FIG. 3 is a flowchart of a search linkage process in a multi-device linkage service, which specifically includes:

301) The mobile terminal inputs the program for short search, the server returns the search result through ajax and displays on the mobile terminal, the mobile terminal selects the program, requests the program details page from the server through the HTTP channel, and the server returns the program details page, enters 302);

302) After loading the program details page, the mobile terminal reports the current page address to the server, and enters 303);

303) The server saves the current page address of the mobile terminal, and searches for the binding terminal as the television end according to the terminal identifier, and the terminal adaptation module determines whether the television end is on the corresponding page of the program detail page, and if so, no operation; No, go to 304);

304) the terminal adaptation module searches for the corresponding program detail page address according to the terminal type of the television terminal, and pushes the address to the television terminal through the Websocket channel, and enters 305);

305) The TV terminal receives the push address, requests the page through the HTTP channel, and after loading the program details page, reports the current page address to the server through the Websocket channel, and enters 306);

306) The server saves the current page address of the television end, and searches for the binding terminal as the mobile terminal according to the terminal identifier, and the terminal adaptation module determines that the mobile terminal is on the corresponding page.

4 is a flowchart of a play linkage process in a multi-device linkage service, which specifically includes:

401) When the TV terminal and the mobile terminal simultaneously display the program detail page, the mobile terminal selects the program source, the number of program episodes on the details page, clicks on the play, and requests the playback control and recommendation page corresponding to the program from the server through the HTTP channel, and the server side The mobile terminal returns the playback control and recommendation page corresponding to the program, and enters 402);

402) After loading the playback control and recommendation page, the mobile terminal reports the current page address to the server through the Websocket channel, and enters 403);

403) The server saves the current page address of the mobile phone, and finds that the binding terminal is the TV end according to the terminal identifier, and the terminal adaptation module determines that the corresponding page of the bound TV terminal is the play page, and determines whether the bound TV terminal is in the On the play page, if yes, no operation; if not, go to 404);

404) The terminal adaptation module finds the corresponding play page address according to the type of the television end, and pushes the address to the television end through the Websocket channel, and enters 405);

405) The television end receives the push address, requests the corresponding page through the HTTP channel, and after loading the play page, starts playing the corresponding program;

406) The mobile terminal clicks the operation button such as pause, play, fast forward, fast rewind in the play control and recommendation page, and sends a corresponding instruction to the server through the Websocket channel, and enters 407);

407) The server receives the broadcast control command from the mobile terminal, and finds whether the terminal is bound to the TV terminal. If not, there is no operation; if yes, enter 408);

408) The server pushes the broadcast control instruction to the television terminal through the Websocket channel to control the playing of the television terminal;

409) The mobile terminal browses the recommended content corresponding to the program on the play control and recommendation page, selects a recommended program, requests the program details page of the program from the server through the HTTP channel, and the server returns the program details page, and enters 410);

410) After loading the program details page, the mobile terminal reports the current page address to the server through the Websocket channel, and enters 411);

411) The server saves the current page address of the mobile terminal, and searches for the binding terminal as the television end according to the terminal identifier thereof, and the terminal adaptation module determines whether it is on the corresponding page of the program detail page according to the type of the television terminal, and if so, No action; if not, go to 412);

412) The server finds the address of the program detail page corresponding to the television end, and pushes the address to the television terminal through the Websocket channel, and enters 413);

413) The TV terminal receives the push address, requests the corresponding page through the HTTP channel, and after loading the program details page, reports the current page address to the server, and enters 414);

414) The server saves the current page address of the TV end, and searches for the binding terminal as the mobile terminal according to the terminal identifier thereof, and the terminal adaptation module determines that it is on the corresponding page according to the type of the mobile terminal.

In summary, the present invention provides a connection channel maintenance system and method in a multi-device linkage service, by which a multi-screen linkage service control channel can be added without affecting the original service logic, and multiple devices are implemented through the control channel. Binding, UI synchronization, and state control.

The method of the present invention differs from other channel maintenance methods in that:

1) Join the multi-screen linkage service control channel without affecting the original service channel, and realize the binding between multiple devices, UI synchronization and state control through the control channel, and realize the original service and multi-device linkage service. Separation.

2) After the initial page is loaded, the terminal automatically loads the multi-screen channel control client, establishes a Websocket connection with the multi-screen channel control server, and reports the terminal identifier of the client; the multi-screen channel control server saves the terminal identifier and the Websocket channel. Correspondence relationship.

3) The multi-screen channel control client periodically sends a heartbeat message to the multi-screen channel control server through the Websocket channel to maintain the connection channel between the two.

4) The multi-screen channel control client can scan the two-dimensional code and carry the terminal identifier of another client to request binding to the multi-screen channel control server, and the binding packet is transmitted through the Websocket channel, and the terminal binding module receives The binding relationship between the two terminals is saved after the binding request.

5) After the multi-screen channel control client jumps to the new page, the current page information is reported to the multi-screen channel control server through the Websocket channel, and the multi-screen channel control server receives the current page information of the terminal, and the terminal and the terminal The correspondence of the current page information is stored.

6) After the multi-screen channel control server receives the current page information reported by the terminal, the terminal adaptation module searches for the terminal type matching the sending request from the terminal adaptation knowledge base according to the terminal browser capability and the browser type. Whether the other terminal bound to the terminal and other terminals are on the page corresponding to the page where the terminal is located, if no terminal is bound, no processing is performed; if other terminals are already on the page corresponding to the page where the terminal is located, no processing is performed. Otherwise, according to the target type parameter and the configured synchronization relationship in the request, the synchronization page address of the target type terminal is obtained, and the synchronization page address is pushed to the target terminal.

7) When the mobile phone type terminal clicks into the play page, the terminal adapting module pushes the video play page to its corresponding bound TV type terminal, and pushes the play control and recommendation page to the mobile phone type terminal, where the page includes the video play control. a button and a list of related recommended programs corresponding to the video, wherein

When the mobile phone type terminal clicks the video play control button, the multi-screen channel control client sends the corresponding control command to the multi-screen channel control server through the Websocket channel; the binding module searches for the TV type client bound by the client and passes the Websocket. The channel pushes the corresponding control command to the client; the TV type client receives the control command and performs an action to control the video playback.

When the mobile phone type terminal browses the recommended program in the play control and recommendation page and clicks into the detail page of a recommended program, it controls the binding terminal to jump to the corresponding program details through the UI synchronization mechanism in 5) and 6). page.

8) In the dom structure of the multi-screen channel control client page, an iframe is included, the original service page is embedded in the iframe, and the Websocket channel on the server side is created and maintained in the outer layer of the iframe, and the business page is jumped by refreshing the iframe. .

9) The service processing module responds to the original service request through the HTTP channel, and keeps the original business logic unchanged.

Finally, it should be noted that the above embodiments are merely illustrative of the technical solutions of the present invention and not limiting. While the invention has been described in detail herein with reference to the embodiments of the embodiments of the invention Within the scope of the claims.

Claims (10)

1. A connection channel maintenance system in a multi-device linkage service, comprising: a server and a terminal device for providing data services, wherein the system comprises: a multi-screen channel control client module located on the terminal device and located at Multi-screen channel control server module on the server;

   The multi-screen channel control client module is configured to acquire the identifier of the device terminal, and report the binding relationship between the terminal and the multi-screen channel to the multi-screen channel control server;

   The multi-screen channel control server module is configured to record a binding relationship between the terminal and the multi-screen channel, and push the service to the party that binds the terminal.
2. The connection channel maintenance system in the multi-device linkage service according to claim 1, wherein the multi-screen channel control server module comprises:

   a channel maintenance unit for establishing and maintaining a Websocket channel between the multi-screen channel control client and the multi-screen channel control server;

   a terminal binding unit, configured to record a binding relationship between clients;

   The terminal adaptation unit is configured to identify the device type of the terminal where the client is located, and send a matching page address according to the device type.
3. A method for maintaining a connection channel in a multi-device linkage service, the method is based on the connection channel maintenance system according to any one of claims 1-2, the method comprising:

   Step 101) maintaining a service channel of the terminal, and adding a control channel of the multi-screen linkage service to the terminal device;

   The binding between the multi-terminal devices, the UI synchronization of the user interface, and the state control are implemented by the control channel, thereby separating the separation of the service and the multi-device linkage;

   Step 102) implement page jump in the multi-page application by multiplexing the control channel.
4. The method for maintaining a connection channel in the multi-device linkage service according to claim 3, wherein the terminal device automatically loads the client module controlled by the multi-screen channel after the service page is loaded.
5. The method for maintaining a connection channel in a multi-device linkage service according to claim 4, wherein The control channel is located between the client module controlled by the multi-screen channel and the server module controlled by the multi-screen channel, and the client module controlled by the multi-screen channel is located on the terminal device;

   The multi-screen channel control client module establishes a Websocket connection between the server module and the server module controlled by the multi-screen channel, that is, the control channel, and reports the terminal identifier of the client to the server module controlled by the multi-screen channel;

   The multi-screen channel control server module is further configured to save the correspondence between the identifier of the terminal device and the Websocket channel.
6. The method for maintaining a connection channel in the multi-device linkage service according to claim 5, wherein the multi-screen channel control client module periodically sends a heartbeat message to the multi-screen channel control server module through the Websocket channel, Maintain the connection channel between the two.
7. The method for maintaining a connection channel in a multi-device linkage service according to claim 5, wherein a multi-screen channel control client module carries a terminal device of another multi-screen channel client module by scanning a two-dimensional code The identifier requests binding to the multi-screen channel control server module, and the multi-screen channel control server module saves the binding relationship between the two terminal devices;

   The binding packet is transmitted through the Websocket channel.
8. The method for maintaining a connection channel in the multi-device linkage service according to claim 5, wherein the user interface UI synchronization method specifically includes:

   After the terminal device jumps to the new page, the multi-screen channel control client module located on the terminal device reports the current page information of the terminal device to the multi-screen channel control server module located on the server through the Websocket channel, and the multi-screen channel is displayed. The control server module receives the current page information of the terminal device, and saves the correspondence between the terminal device and the current page information;

   After the multi-screen channel control server module receives the information of the current page reported by the multi-screen channel control client module, according to the browser capability of the terminal device and the type of the browser, the terminal that matches the sending request is matched from the terminal adaptation knowledge base. Type and find out whether there are other terminals bound to the terminal, and whether other terminals are on the page corresponding to the page where the terminal is located. If no terminal is bound, no processing is performed; if other terminals are already in the corresponding page of the terminal On the page, no processing is performed; otherwise, according to the target type parameter and the configured synchronization relationship in the request, the synchronization page address of the target type terminal is obtained, and the synchronization page address is pushed to the target terminal.
9. The method for maintaining a connection channel in a multi-device linkage service according to claim 3, wherein The state control method includes:

   When the terminal device is a mobile phone type terminal: when the mobile phone type terminal clicks into the play page: the terminal adaptation module pushes the video play page to the bound TV type terminal corresponding to the mobile phone type terminal, and pushes the play control and recommendation to the mobile phone type terminal. a page, where the recommendation page includes a control button for playing a video and a recommended program list corresponding to the video, where

   When the mobile phone type terminal clicks the video play control button, the multi-screen channel control client sends the corresponding control command to the multi-screen channel control server through the Websocket channel; the terminal binding module searches for the TV type terminal bound to the terminal and passes the Websocket channel. Pushing corresponding control commands to the multi-screen channel control client on the terminal; the multi-screen channel control client on the television type terminal receives the control command and performs an action to control video playback;

   When the mobile phone type terminal browses the recommended program in the play control and recommendation page and clicks into the detail page of the recommended program, the terminal that is bound by the mobile phone type terminal is controlled to jump to the corresponding program detail page through the UI synchronization mechanism.
10. The method for maintaining a connection channel in the multi-device linkage service according to claim 3, wherein the step 102) is specifically: setting an iframe in the dom structure of the page of the multi-screen channel control client, and the original service The page is embedded in the iframe, and the Websocket channel of the multi-screen channel control server is created and maintained in the outer layer of the iframe, and the business page is jumped by refreshing the iframe.

Images