WO2023024800A1 - Web-based interaction method and system for multiple terminal devices, and terminal device - Google Patents
Web-based interaction method and system for multiple terminal devices, and terminal device Download PDFInfo
- Publication number
- WO2023024800A1 WO2023024800A1 PCT/CN2022/108027 CN2022108027W WO2023024800A1 WO 2023024800 A1 WO2023024800 A1 WO 2023024800A1 CN 2022108027 W CN2022108027 W CN 2022108027W WO 2023024800 A1 WO2023024800 A1 WO 2023024800A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- terminal device
- web application
- server
- application
- data information
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims abstract description 23
- 230000003993 interaction Effects 0.000 title claims abstract description 11
- 238000004891 communication Methods 0.000 claims abstract description 16
- 230000004044 response Effects 0.000 claims description 28
- 230000005540 biological transmission Effects 0.000 claims description 22
- 238000004590 computer program Methods 0.000 claims description 5
- 238000009877 rendering Methods 0.000 claims description 4
- 230000000694 effects Effects 0.000 abstract description 4
- 238000007726 management method Methods 0.000 description 14
- 238000010586 diagram Methods 0.000 description 5
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 4
- 229910052804 chromium Inorganic materials 0.000 description 4
- 239000011651 chromium Substances 0.000 description 4
- 230000006870 function Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 238000004806 packaging method and process Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000007812 deficiency Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/4302—Content synchronisation processes, e.g. decoder synchronisation
- H04N21/4307—Synchronising the rendering of multiple content streams or additional data on devices, e.g. synchronisation of audio on a mobile phone with the video output on the TV screen
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06K—GRAPHICAL DATA READING; PRESENTATION OF DATA; RECORD CARRIERS; HANDLING RECORD CARRIERS
- G06K7/00—Methods or arrangements for sensing record carriers, e.g. for reading patterns
- G06K7/10—Methods or arrangements for sensing record carriers, e.g. for reading patterns by electromagnetic radiation, e.g. optical sensing; by corpuscular radiation
- G06K7/14—Methods or arrangements for sensing record carriers, e.g. for reading patterns by electromagnetic radiation, e.g. optical sensing; by corpuscular radiation using light without selection of wavelength, e.g. sensing reflected white light
- G06K7/1404—Methods for optical code recognition
- G06K7/1408—Methods for optical code recognition the method being specifically adapted for the type of code
- G06K7/1417—2D bar codes
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/81—Monomedia components thereof
- H04N21/8166—Monomedia components thereof involving executable data, e.g. software
- H04N21/8173—End-user applications, e.g. Web browser, game
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/81—Monomedia components thereof
- H04N21/8166—Monomedia components thereof involving executable data, e.g. software
- H04N21/818—OS software
Definitions
- the present disclosure relates to the field of control technology, and in particular to a WEB-based multi-terminal device interaction method, system, and terminal device.
- smart terminals have also been widely used, such as smart TVs, smart accessories, smart phones, etc. Users can use the above-mentioned smart terminals to realize multi-terminal interconnection, such as video calls, multi-screen interaction, or online karaoke, etc., which improves the user experience.
- multi-terminal interaction refers to the use of different operating systems (such as IOS, Android, Win7, etc.) terminal devices (such as smart phones, smart tablets, computers, TVs, etc.) Audio, picture, etc.) content transmission and sharing; at the same time, the content of different screens can be synchronized to meet the needs of different scenarios.
- operating systems such as IOS, Android, Win7, etc.
- terminal devices such as smart phones, smart tablets, computers, TVs, etc.
- the present disclosure provides a WEB-based multi-terminal device interaction method, system, and terminal device to solve the deficiencies of related technologies.
- a terminal device including a platform module, an application module, and a communication module;
- the platform module is used to provide a platform supporting WEB application operation; the platform includes at least one of the following: operating system, browser or browser engine;
- the communication module is used to transmit shared data information
- the application module is used to load a WEB application to render and display the data information.
- the platform module includes:
- the WEB application management unit is used to be responsible for packaging and managing the WEB application, so that the WEB application runs in the mode of local application;
- the WEB application loading unit is used to load the WEB application for rendering and displaying in the local platform
- the Websocket server unit is used to transmit data information to each terminal device.
- the WEB application loading unit includes a browser kernel, and is updated as the browser kernel is upgraded.
- the application modules include:
- the two-dimensional code management unit is used to present the URL address of the WEB application in the form of two-dimensional code
- File management unit used to read or push local files
- the communication unit is used to establish a Websocket data transmission channel with the server using the HTML5 interface, so that the WEB application communicates with the server.
- the application module also includes:
- the interface management unit is used to manage the presentation form of each sub-application in the WEB application.
- a WEB-based multi-terminal device interaction system including a server and multiple terminal devices as described above; the server is provided with a WEB application;
- the terminal device is used to enter the WEB application through a two-dimensional code and display the WEB application synchronously, and send data information of the WEB application to the server in response to a touch operation on the WEB application;
- the server is configured to send the data information to other terminal devices in response to receiving the data information of the WEB application of any terminal device, so as to realize the interaction between any two terminal devices.
- the terminal device is further configured to send a Websocket handshake request to the server;
- the server is also used for Websocket to establish a Websocket data transmission channel with the terminal device and generate a handshake response in response to receiving the Websocket handshake request;
- the terminal device is also used to obtain the Websocket handshake request returned by the server.
- the server is further configured to send data to the corresponding target terminal device, so that the display of the target terminal device displays the WEB application and the corresponding two-dimensional code, and the two-dimensional code is used to make the target terminal device Other terminal devices of the user enter the WEB application through a two-dimensional code.
- a WEB-based multi-terminal device interaction method applied to a server including:
- the data information is sent to other terminal devices to realize the interaction between any two terminal devices; the data information is the response of the terminal device to the WEB application Generated by the touch operation.
- the method also includes:
- the Websocket In response to receiving the Websocket handshake request sent by the terminal device, the Websocket establishes a Websocket data transmission channel with the terminal device, and sends the generated handshake response to the terminal device.
- the method also includes:
- a computer-readable storage medium when the executable computer program in the storage medium is executed by a processor, the above method can be implemented.
- the solutions provided by the embodiments of the present disclosure are provided with a platform module, a communication module, and an application module.
- the platform module provides a platform supporting the operation of WEB applications
- the communication module transmits shared data information
- the application module loads WEB applications.
- the application is used to render and display the data information.
- the platform module can support the operation of the WEB application and the application module can render and display the WEB application, so that the WEB application can be run as a local application without relying on external storage devices and without arranging plug-ins, reducing the The requirements for terminal equipment and the effect of using WEB applications without installing applications in advance are conducive to improving the convenience of operation and user experience.
- Fig. 1 is a block diagram of a terminal device according to an exemplary embodiment.
- Fig. 2 is a block diagram of a platform module according to an exemplary embodiment.
- Fig. 3 is a block diagram of an application module according to an exemplary embodiment.
- Fig. 4 is a flow chart of configuring a terminal device according to an exemplary embodiment.
- Fig. 5 is a block diagram of a WEB-based multi-terminal device interaction system according to an exemplary embodiment.
- Fig. 6 is a flowchart showing one-to-many terminal device interaction according to an exemplary embodiment.
- Fig. 7 is a flowchart showing many-to-many terminal device interaction according to an exemplary embodiment.
- the embodiments of the present disclosure provide a WEB-based multi-terminal device interaction method, system and terminal device.
- the above-mentioned terminal devices may include but not limited to devices such as tablet computers, smart phones, personal computers, smart TVs, desktop computers, and large screens.
- the above-mentioned terminal equipment is provided with a browser and has a browsing function.
- FIG. 1 is a block diagram of a terminal device according to an exemplary embodiment.
- a terminal device includes a platform module 11 , an application module 12 and a communication module 13 . in,
- the platform module 11 is used to provide a platform supporting WEB application operation; the above-mentioned platform includes at least one of the following: HTML5 operating environment, operating system, browser or browser engine; communication module 13, used to transmit shared data information; application module 12. It is used to load a WEB application to render and display the above data information.
- the terminal device may also include local applications, such as audio applications, short video applications, etc., through which local files can be viewed or audio and video files can be viewed through the Internet.
- local applications such as audio applications, short video applications, etc.
- the platform module 11 includes a WEB application management unit 111 , a WEB application loading unit 112 and a Websocket server unit 113 . in,
- the WEB application management unit 111 is used to package and manage the WEB application, so that the WEB application can run as a local application; it is also used to expand the integrated Websocket service and expand the interface of the terminal; the WEB application loading unit 112 is used to load the WEB The application is used for rendering and displaying on the local platform; the Websocket server unit 113 is used for transmitting data information to each terminal device and storing data information.
- the WEB application loading unit 112 includes a browser kernel, such as a Trident kernel, a Gecko kernel, a WebKit kernel, a Blink kernel, and a Chromium kernel, and is updated following the browser kernel upgrade, that is, updated to the latest version of the browser kernel , to achieve the effect of getting rid of the limitation of the browser kernel version in the terminal device.
- a browser kernel such as a Trident kernel, a Gecko kernel, a WebKit kernel, a Blink kernel, and a Chromium kernel
- the above-mentioned browser kernel is implemented by using the Chromium kernel.
- the application module 12 includes:
- the two-dimensional code management unit 121 is used to present the URL (Uniform Resource Locator) address of the WEB application in the form of two-dimensional code;
- the file management unit 122 is used to read or push local files, that is, the management of local files of the terminal device includes file reading (local pictures, videos, etc.) and transmission (that is, pushing local files).
- the communication unit 123 is configured to use the HTML5 interface combined with the Websocket protocol communication mechanism to establish a Websocket data transmission channel with the server, so that the WEB application communicates with the server.
- the application module 12 further includes: an interface management unit 124, configured to manage the presentation forms of each sub-application in the WEB application, such as the display and hiding of application icons and QR code icons of the WEB application. Management, display of WEB application URL address, custom management and interface display of WEB application, and management of each sub-application through "one-key control" on the interface, etc.
- an interface management unit 124 configured to manage the presentation forms of each sub-application in the WEB application, such as the display and hiding of application icons and QR code icons of the WEB application. Management, display of WEB application URL address, custom management and interface display of WEB application, and management of each sub-application through "one-key control" on the interface, etc.
- the terminal device platform module 11 supports the operation of WEB applications, which can be preset through the following steps, see FIG. 4, including:
- Step 41 Build the platform module 11 on (the operating system of) the terminal device.
- the operating system of the terminal device may include a Linux system, an Android system, an IOS system, a Windows system, and the like.
- the platform module 11 can use the crosswalk architecture to package the engine of the chromium browser into the WEB application; use the chromium kernel to support the rendering and operation of the WEB application; at the same time, it adds packaging and management functions for the WEB application, so that WEB applications can run as local applications on terminal devices.
- Step 42 Integrate WEB applications based on the platform module 11.
- WEB application is a WEB application implemented based on the HTML5 standard. Due to the cross-platform nature of WEB applications, one application can be compatible with all manufacturers' devices. That is, the platform modules 11 of multiple terminal devices can all run as local applications and be displayed on the screens of the devices in the form of icons.
- Step 43 Integrate the QR code function in the WEB application, that is, the URL address of the WEB application can be expressed in the form of a QR code.
- Step 44 Configure the server based on the platform module 11, so that data information can be transmitted between the terminal device and the server through the Websocket protocol.
- the solutions provided by the embodiments of the present disclosure are provided with a platform module, a communication module, and an application module.
- the platform module provides a platform supporting the operation of WEB applications
- the communication module transmits shared data information
- the application module loads WEB applications to support all WEB applications.
- the above data information is rendered and displayed.
- the platform module can support the operation of the WEB application and the application module can render and display the WEB application, so that the WEB application can be run as a local application without relying on external storage devices and without arranging plug-ins, reducing the The requirements for terminal equipment and the effect of using WEB applications without installing applications in advance are conducive to improving the convenience of operation and user experience.
- the embodiment of the present disclosure also provides a WEB-based multi-terminal device interaction system, as shown in FIG. 5 , including a server 50 and multiple terminal devices 10 as shown in FIG. 1 ; the server 50 is provided with a WEB application;
- the terminal device 10 is used to enter the WEB application through the two-dimensional code and display the WEB application synchronously, and send the data information of the WEB application to the server in response to a touch operation on the WEB application;
- the server 50 is configured to send the data information to other terminal devices in response to receiving the data information of the WEB application of any terminal device, so as to realize the interaction between any two terminal devices.
- the terminal device is also used to send a Websocket handshake request to the server; the server is also used to establish a Websocket data transmission channel with the terminal device and generate a handshake response in response to receiving the Websocket handshake request; the terminal device is also used to Obtain the Websocket handshake request returned by the server.
- the server is also used to send data to the corresponding target terminal equipment, so that the display of the target terminal equipment displays the WEB application and the corresponding two-dimensional code, and the two-dimensional code is used to make the target terminal equipment Other terminal devices of the user enter the WEB application through a two-dimensional code.
- the working principle of the WEB-based multi-terminal device interaction system takes a one-to-many scenario as an example, see FIG. 6, including:
- step 61 when the terminal device needs to share data information, the terminal device establishes a Websocket data transmission channel with the server.
- the terminal device that shares the data information is referred to as the first terminal device. That is, the first terminal device clicks the WEB application icon on the screen, the above-mentioned WEB application is triggered, the first terminal device sends a Websocket handshake request to the server, and the server establishes a Websocket data transmission with the first terminal device in response to receiving the above-mentioned Websocket handshake request channel, and generate a handshake response.
- the first terminal device is also used to obtain the Websocket handshake request returned by the server.
- the first terminal device may send data information to at least one second terminal device.
- the first terminal device sends data information to the server through the Websocket data transmission channel, and the server forwards the data information to at least one second terminal device.
- the above data information may include information resources of local devices and public networks, such as pictures, videos, wordpads, and the like.
- At least one second terminal device can receive the above data information, and browse the above data information by clicking on the WEB application form, and at this time, the second terminal device can display the above data information.
- the second terminal device displays the interface of the WEB application
- the second terminal device can generate data information and send it to the server.
- the first terminal device receives the data information sent by the second terminal device. For example, at least one second terminal device sends data information to the server through a Websocket data transmission channel, and the server forwards the above data information to the first terminal device.
- step 64 the first terminal device may close the Websocket data transmission channel established with the server.
- the working principle of the WEB-based multi-terminal device interaction system takes a many-to-many scenario as an example, see FIG. 7, including:
- step 71 at least one second terminal device establishes a Websocket data transmission channel with the server.
- the second terminal device sends a Websocket handshake request to the server, and in response to receiving the above Websocket handshake request, the server establishes a Websocket data transmission channel with the second terminal device and generates a handshake response.
- the second terminal device is also used to obtain the Websocket handshake request returned by the server.
- At least one second terminal device scans the display screen corresponding to the server or the QR code of the WEB application of the first terminal device or inputs the URL address of the WEB application. At least one second terminal device opens a browser page corresponding to the WEB application.
- step 72 at least one second terminal device sends data information to other terminal devices. At least one second terminal device sends data information to the first terminal device via the server through the Websocket data transmission channel.
- step 61 For the solution of establishing a Websocket data transmission channel between the server and the first terminal device, reference may be made to step 61, which will not be repeated here.
- step 73 at least one second terminal device receives the data information sent by other terminal devices, that is, at least one second terminal device receives the data information pushed by the server through the Websocket data transmission channel.
- step 74 at least one second terminal device closes the Websocket data transmission channel with the server.
- An embodiment of the present disclosure also provides a WEB-based multi-terminal device interaction method applied to a server, including:
- the data information is sent to other terminal devices to realize the interaction between any two terminal devices; the data information is the response of the terminal device to the WEB application Generated by the touch operation.
- the method also includes:
- the Websocket In response to receiving the Websocket handshake request sent by the terminal device, the Websocket establishes a Websocket data transmission channel with the terminal device, and sends the generated handshake response to the terminal device.
- the method also includes:
- a server including:
- memory for storing a computer program executable by said processor
- the processor is configured to execute the computer program in the memory, so as to realize the steps of the above method.
- a computer-readable storage medium such as a memory including instructions, and the above-mentioned executable computer program can be executed by a processor, so as to realize the steps of the method as shown in FIG. 1 .
- the readable storage medium may be ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, optical data storage device and the like.
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- Health & Medical Sciences (AREA)
- Electromagnetism (AREA)
- General Health & Medical Sciences (AREA)
- Toxicology (AREA)
- Artificial Intelligence (AREA)
- Computer Vision & Pattern Recognition (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The present disclosure relates to a WEB-based interaction method and system for multiple terminal devices, and a terminal device. The device comprises: a platform module, an application module and a communication module, wherein the platform module is used for providing a platform which supports the running of a WEB application; the communication module is used for transmitting shared data information; and the application module is used for loading the WEB application so as to render and display the data information. In the embodiment, the running of a WEB application can be supported by a platform module, and the WEB application is rendered and displayed by an application module, such that the WEB application can be run as a local application, without needing to rely on an external storage device nor needing to provide an insert, thus lowering the requirement for a terminal device, and achieving the effect of being able to use the WEB application without needing to install an application program in advance, thereby facilitating the improvement of the convenience of an operation and the usage experience.
Description
本公开涉及控制技术领域,尤其涉及一种基于WEB的多终端设备互动方法、系统、终端设备。The present disclosure relates to the field of control technology, and in particular to a WEB-based multi-terminal device interaction method, system, and terminal device.
随着移动互联网行业的迅猛发展,智能终端也随之得到广泛应用,例如、智能电视、智能辅机、智能手机等。用户可以利用上述智能终端实现多终端互联,例如视频通话、多屏互动或者在线K歌等,提升了使用体验。With the rapid development of the mobile Internet industry, smart terminals have also been widely used, such as smart TVs, smart accessories, smart phones, etc. Users can use the above-mentioned smart terminals to realize multi-terminal interconnection, such as video calls, multi-screen interaction, or online karaoke, etc., which improves the user experience.
其中,多终端互动是指采用不同操作系统(如IOS、Android、Win7等)终端设备(如智能手机、智能平板、电脑、TV等)之间可以相互兼容跨越操作,实现数字多媒体(高清视频、音频、图片等)内容的传输共享;同时可以同步不同屏幕的内容,从而满足不同场景下的使用需求。Among them, multi-terminal interaction refers to the use of different operating systems (such as IOS, Android, Win7, etc.) terminal devices (such as smart phones, smart tablets, computers, TVs, etc.) Audio, picture, etc.) content transmission and sharing; at the same time, the content of different screens can be synchronized to meet the needs of different scenarios.
实际应用中,各个终端设备中需要预置相应的应用,才可以实现多终端互动,从而降低使用体验。In practical applications, corresponding applications need to be preset in each terminal device to realize multi-terminal interaction, thereby reducing user experience.
发明内容Contents of the invention
本公开提供一种基于WEB的多终端设备互动方法、系统、终端设备,以解决相关技术的不足。The present disclosure provides a WEB-based multi-terminal device interaction method, system, and terminal device to solve the deficiencies of related technologies.
根据本公开实施例的第一方面,提供一种终端设备,包括平台模块、应用模块和通信模块;According to a first aspect of an embodiment of the present disclosure, a terminal device is provided, including a platform module, an application module, and a communication module;
所述平台模块,用于提供支撑WEB应用运行的平台;所述平台包括以下至少一种:操作系统、浏览器或者浏览器引擎;The platform module is used to provide a platform supporting WEB application operation; the platform includes at least one of the following: operating system, browser or browser engine;
所述通信模块,用于传输共享的数据信息;The communication module is used to transmit shared data information;
所述应用模块,用于加载WEB应用以对所述数据信息进行渲染和显示。The application module is used to load a WEB application to render and display the data information.
可选地,所述平台模块包括:Optionally, the platform module includes:
WEB应用管理单元,用于负责打包和管理WEB应用,以使WEB应用以本地应用 的方式运行;The WEB application management unit is used to be responsible for packaging and managing the WEB application, so that the WEB application runs in the mode of local application;
WEB应用加载单元,用于加载WEB应用以在本地平台中渲染和显示;The WEB application loading unit is used to load the WEB application for rendering and displaying in the local platform;
Websocket服务器单元,用于向各终端设备传输数据信息。The Websocket server unit is used to transmit data information to each terminal device.
可选地,所述WEB应用加载单元包括浏览器内核,并且跟随浏览器内核升级进行更新。Optionally, the WEB application loading unit includes a browser kernel, and is updated as the browser kernel is upgraded.
可选地,所述应用模块包括:Optionally, the application modules include:
二维码管理单元,用于采用二维码形式呈现WEB应用的URL地址;The two-dimensional code management unit is used to present the URL address of the WEB application in the form of two-dimensional code;
文件管理单元,用于读取或者推送本地文件;File management unit, used to read or push local files;
通信单元,用于采用HTML5接口与服务端建立Websocket数据传输通道,以使WEB应用与服务端进行通信。The communication unit is used to establish a Websocket data transmission channel with the server using the HTML5 interface, so that the WEB application communicates with the server.
可选地,所述应用模块还包括:Optionally, the application module also includes:
界面管理单元,用于管理WEB应用中各子应用的呈现形式。The interface management unit is used to manage the presentation form of each sub-application in the WEB application.
根据本公开实施例的第二方面,提供一种基于WEB的多终端设备互动系统,包括服务器和多台如上述的终端设备;所述服务器内设有WEB应用;According to the second aspect of the embodiments of the present disclosure, a WEB-based multi-terminal device interaction system is provided, including a server and multiple terminal devices as described above; the server is provided with a WEB application;
所述终端设备用于通过二维码进入所述WEB应用并同步显示所述WEB应用,以及响应于对WEB应用的触控操作将WEB应用的数据信息发送到所述服务器;The terminal device is used to enter the WEB application through a two-dimensional code and display the WEB application synchronously, and send data information of the WEB application to the server in response to a touch operation on the WEB application;
所述服务器用于响应于接收到任一终端设备的WEB应用的数据信息,将所述数据信息发送到其他终端设备,以实现任意两个终端设备之间的交互。The server is configured to send the data information to other terminal devices in response to receiving the data information of the WEB application of any terminal device, so as to realize the interaction between any two terminal devices.
可选地,所述终端设备还用于向所述服务器发送Websocket握手请求;Optionally, the terminal device is further configured to send a Websocket handshake request to the server;
所述服务器还用于Websocket响应于接收到所述Websocket握手请求,与所述终端设备建立Websocket数据传输通道并生成握手响应;The server is also used for Websocket to establish a Websocket data transmission channel with the terminal device and generate a handshake response in response to receiving the Websocket handshake request;
所述终端设备还用于获取所述服务器返回的Websocket握手请求。The terminal device is also used to obtain the Websocket handshake request returned by the server.
可选地,所述服务器还用于将数据发送给对应的目标终端设备,以使目标终端设备的显示器显示WEB应用及对应的二维码,所述二维码用于使目标终端设备之外的其他终端设备通过二维码进入所述WEB应用。Optionally, the server is further configured to send data to the corresponding target terminal device, so that the display of the target terminal device displays the WEB application and the corresponding two-dimensional code, and the two-dimensional code is used to make the target terminal device Other terminal devices of the user enter the WEB application through a two-dimensional code.
根据本公开实施例的第三方面,提供一种基于WEB的多终端设备互动方法,应用于服务器,包括:According to the third aspect of the embodiments of the present disclosure, there is provided a WEB-based multi-terminal device interaction method applied to a server, including:
响应于接收到任一终端设备的WEB应用的数据信息,将所述数据信息发送到其他终端设备,以实现任意两个终端设备之间的交互;所述数据信息是终端设备响应于对WEB应用的触控操作生成的。In response to receiving the data information of the WEB application of any terminal device, the data information is sent to other terminal devices to realize the interaction between any two terminal devices; the data information is the response of the terminal device to the WEB application Generated by the touch operation.
可选地,所述方法还包括:Optionally, the method also includes:
Websocket响应于接收到终端设备发送的Websocket握手请求,与所述终端设备建立Websocket数据传输通道,并将生成的握手响应发送给所述终端设备。In response to receiving the Websocket handshake request sent by the terminal device, the Websocket establishes a Websocket data transmission channel with the terminal device, and sends the generated handshake response to the terminal device.
可选地,所述方法还包括:Optionally, the method also includes:
将WEB应用的数据信息发送给对应的目标终端设备,以使目标终端设备的显示器显示WEB应用及对应的二维码,所述二维码用于使目标终端设备之外的其他终端设备通过二维码进入所述WEB应用。Send the data information of the WEB application to the corresponding target terminal device, so that the display of the target terminal device displays the WEB application and the corresponding two-dimensional code, and the two-dimensional code is used to enable other terminal devices other than the target terminal device to pass two The two-dimensional code enters the WEB application.
根据本公开实施例的第四方面,提供一种计算机可读存储介质,当所述存储介质中的可执行的计算机程序由处理器执行时,能够实现如上述的方法。According to a fourth aspect of the embodiments of the present disclosure, there is provided a computer-readable storage medium, and when the executable computer program in the storage medium is executed by a processor, the above method can be implemented.
本公开的实施例提供的技术方案可以包括以下有益效果:The technical solutions provided by the embodiments of the present disclosure may include the following beneficial effects:
由上述实施例可知,本公开实施例提供的方案中设置有平台模块、通信模块和应用模块,由平台模块来提供支撑WEB应用运行的平台,通信模块传输共享的数据信息,以及应用模块加载WEB应用以对所述数据信息进行渲染和显示。这样,本实施例中可以由平台模块支撑WEB应用运行且由应用模块来对WEB应用进行渲染和显示,可以使WEB应用以本地应用的方式运行,无需依赖外置存储设备以及无需安排插件,降低对终端设备的要求,以及达到无需提前安装应用程序即可使用WEB应用的效果,有利于提升操作的便捷性和使用体验。As can be seen from the above-mentioned embodiments, the solutions provided by the embodiments of the present disclosure are provided with a platform module, a communication module, and an application module. The platform module provides a platform supporting the operation of WEB applications, the communication module transmits shared data information, and the application module loads WEB applications. The application is used to render and display the data information. In this way, in this embodiment, the platform module can support the operation of the WEB application and the application module can render and display the WEB application, so that the WEB application can be run as a local application without relying on external storage devices and without arranging plug-ins, reducing the The requirements for terminal equipment and the effect of using WEB applications without installing applications in advance are conducive to improving the convenience of operation and user experience.
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure.
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the disclosure and together with the description serve to explain the principles of the disclosure.
图1是根据一示例性实施例示出的一种终端设备的框图。Fig. 1 is a block diagram of a terminal device according to an exemplary embodiment.
图2是根据一示例性实施例示出的平台模块的框图。Fig. 2 is a block diagram of a platform module according to an exemplary embodiment.
图3是根据一示例性实施例示出的应用模块的框图。Fig. 3 is a block diagram of an application module according to an exemplary embodiment.
图4是根据一示例性实施例示出的配置终端设备的流程图。Fig. 4 is a flow chart of configuring a terminal device according to an exemplary embodiment.
图5是根据一示例性实施例示出的一种基于WEB的多终端设备互动系统的框图。Fig. 5 is a block diagram of a WEB-based multi-terminal device interaction system according to an exemplary embodiment.
图6是根据一示例性实施例示出的一对多终端设备交互的流程图。Fig. 6 is a flowchart showing one-to-many terminal device interaction according to an exemplary embodiment.
图7是根据一示例性实施例示出的多对多终端设备交互的流程图。Fig. 7 is a flowchart showing many-to-many terminal device interaction according to an exemplary embodiment.
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性所描述的实施例并不代表与本公开相一致的所有实施例。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置例子。需要说明的是,在不冲突的情况下,下述的实施例及实施方式中的特征可以相互组合。Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numerals in different drawings refer to the same or similar elements unless otherwise indicated. The exemplary described embodiments below do not represent all embodiments consistent with the present disclosure. Rather, they are merely examples of devices consistent with aspects of the present disclosure as recited in the appended claims. It should be noted that, in the case of no conflict, the features in the following embodiments and implementation manners can be combined with each other.
为解决上述技术问题,本公开实施例提供了一种基于WEB的多终端设备互动方法、系统和终端设备。其中,上述终端设备可以包括但不限于平板电脑、智能手机、个人计算机、智能电视、台式计算机、大屏幕等设备。上述终端设备内设有浏览器,具有浏览功能。In order to solve the above technical problems, the embodiments of the present disclosure provide a WEB-based multi-terminal device interaction method, system and terminal device. Wherein, the above-mentioned terminal devices may include but not limited to devices such as tablet computers, smart phones, personal computers, smart TVs, desktop computers, and large screens. The above-mentioned terminal equipment is provided with a browser and has a browsing function.
图1是根据一示例性实施例示出的一种终端设备的框图,参见图1,一种终端设备,包括平台模块11、应用模块12和通信模块13。其中,FIG. 1 is a block diagram of a terminal device according to an exemplary embodiment. Referring to FIG. 1 , a terminal device includes a platform module 11 , an application module 12 and a communication module 13 . in,
平台模块11,用于提供支撑WEB应用运行的平台;上述平台包括以下至少一种:HTML5运行环境、操作系统、浏览器或者浏览器引擎;通信模块13,用于传输共享的数据信息;应用模块12,用于加载WEB应用以对上述数据信息进行渲染和显示。The platform module 11 is used to provide a platform supporting WEB application operation; the above-mentioned platform includes at least one of the following: HTML5 operating environment, operating system, browser or browser engine; communication module 13, used to transmit shared data information; application module 12. It is used to load a WEB application to render and display the above data information.
实际应用中,继续参见图1,终端设备还可以包括本地应用,例如音频类应用、短视频类应用等,通过本地应用可以查阅本地文件或者通过互联网观看音视频文件。In practical applications, continue to refer to FIG. 1 , the terminal device may also include local applications, such as audio applications, short video applications, etc., through which local files can be viewed or audio and video files can be viewed through the Internet.
在一实施例中,参见图2,平台模块11包括WEB应用管理单元111、WEB应用加载单元112和Websocket服务器单元113。其中,In one embodiment, referring to FIG. 2 , the platform module 11 includes a WEB application management unit 111 , a WEB application loading unit 112 and a Websocket server unit 113 . in,
WEB应用管理单元111,用于负责打包和管理WEB应用,以使WEB应用以本地应用的方式运行;还用于扩展集成Websocket服务以及扩展终端的接口等;WEB应用加载单元112,用于加载WEB应用以在本地平台中渲染和显示;Websocket服务器单元 113,用于向各终端设备传输数据信息,以及存储数据信息。The WEB application management unit 111 is used to package and manage the WEB application, so that the WEB application can run as a local application; it is also used to expand the integrated Websocket service and expand the interface of the terminal; the WEB application loading unit 112 is used to load the WEB The application is used for rendering and displaying on the local platform; the Websocket server unit 113 is used for transmitting data information to each terminal device and storing data information.
本实施例中,该WEB应用加载单元112包括浏览器内核,例如Trident内核、Gecko内核、WebKit内核、Blink内核和Chromium内核,并且跟随浏览器内核升级进行更新,即更新至最新版本的浏览器内核,达到脱离终端设备内浏览器内核版本的限制的效果。在一示例中,上述浏览器内核采用Chromium内核实现。In this embodiment, the WEB application loading unit 112 includes a browser kernel, such as a Trident kernel, a Gecko kernel, a WebKit kernel, a Blink kernel, and a Chromium kernel, and is updated following the browser kernel upgrade, that is, updated to the latest version of the browser kernel , to achieve the effect of getting rid of the limitation of the browser kernel version in the terminal device. In an example, the above-mentioned browser kernel is implemented by using the Chromium kernel.
在一实施例中,参见图3,应用模块12包括:In one embodiment, referring to FIG. 3, the application module 12 includes:
二维码管理单元121,用于采用二维码形式呈现WEB应用的URL(Uniform Resource Locator)地址;The two-dimensional code management unit 121 is used to present the URL (Uniform Resource Locator) address of the WEB application in the form of two-dimensional code;
文件管理单元122,用于读取或者推送本地文件,即对终端设备本地文件进行管理包括文件读取(本地的图片、视频等信息)和传输(即推送本地文件)。The file management unit 122 is used to read or push local files, that is, the management of local files of the terminal device includes file reading (local pictures, videos, etc.) and transmission (that is, pushing local files).
通信单元123,用于利用HTML5接口结合Websocket协议通讯机制,与服务端建立Websocket数据传输通道,以使WEB应用与服务端进行通信。The communication unit 123 is configured to use the HTML5 interface combined with the Websocket protocol communication mechanism to establish a Websocket data transmission channel with the server, so that the WEB application communicates with the server.
在一示例中,继续参见图3,应用模块12还包括:界面管理单元124,用于管理WEB应用中各子应用的呈现形式,例如WEB应用的应用图标、二维码图标的显示和隐藏的管理、WEB应用URL地址的显示、对WEB应用的定制管理和界面显示以及通过界面“一键操控”进行各子应用的管理等。In an example, referring to FIG. 3 , the application module 12 further includes: an interface management unit 124, configured to manage the presentation forms of each sub-application in the WEB application, such as the display and hiding of application icons and QR code icons of the WEB application. Management, display of WEB application URL address, custom management and interface display of WEB application, and management of each sub-application through "one-key control" on the interface, etc.
本实施例中,终端设备平台模块11支撑WEB应用运行,可以通过以下步骤预先设置,参见图4,包括:In this embodiment, the terminal device platform module 11 supports the operation of WEB applications, which can be preset through the following steps, see FIG. 4, including:
步骤41:在终端设备(的操作系统)上构建平台模块11。其中,终端设备的操作系统可以包括Linux系统、Android系统、IOS系统、Windows系统等。该平台模块11可以采用crosswalk架构,将chromium浏览器的引擎打包到WEB应用中;采用chromium内核为所在的WEB应用做渲染和操作的支持;同时,添加了对WEB应用的打包和管理功能,使WEB应用能够在终端设备中以本地应用的方式运行。Step 41: Build the platform module 11 on (the operating system of) the terminal device. Wherein, the operating system of the terminal device may include a Linux system, an Android system, an IOS system, a Windows system, and the like. The platform module 11 can use the crosswalk architecture to package the engine of the chromium browser into the WEB application; use the chromium kernel to support the rendering and operation of the WEB application; at the same time, it adds packaging and management functions for the WEB application, so that WEB applications can run as local applications on terminal devices.
步骤42:基于平台模块11集成WEB应用。WEB应用是基于HTML5标准实现的WEB应用程序。由于WEB应用程序具有跨平台的特性,可以实现一个应用兼容所有厂商设备。即多个终端设备的平台模块11均可以以本地应用方式运行,并以图标的形式显示在设备屏幕上。Step 42: Integrate WEB applications based on the platform module 11. WEB application is a WEB application implemented based on the HTML5 standard. Due to the cross-platform nature of WEB applications, one application can be compatible with all manufacturers' devices. That is, the platform modules 11 of multiple terminal devices can all run as local applications and be displayed on the screens of the devices in the form of icons.
步骤43:在WEB应用中集成二维码功能,即可以采用二维码形式表示WEB应用 的URL地址。Step 43: Integrate the QR code function in the WEB application, that is, the URL address of the WEB application can be expressed in the form of a QR code.
步骤44:基于平台模块11来配置服务器,以使终端设备和服务器之间可以通过Websocket协议实现数据信息传递。Step 44: Configure the server based on the platform module 11, so that data information can be transmitted between the terminal device and the server through the Websocket protocol.
至此,本公开实施例提供的方案中设置有平台模块、通信模块和应用模块,由平台模块来提供支撑WEB应用运行的平台,通信模块传输共享的数据信息,以及应用模块加载WEB应用以对所述数据信息进行渲染和显示。这样,本实施例中可以由平台模块支撑WEB应用运行且由应用模块来对WEB应用进行渲染和显示,可以使WEB应用以本地应用的方式运行,无需依赖外置存储设备以及无需安排插件,降低对终端设备的要求,以及达到无需提前安装应用程序即可使用WEB应用的效果,有利于提升操作的便捷性和使用体验。So far, the solutions provided by the embodiments of the present disclosure are provided with a platform module, a communication module, and an application module. The platform module provides a platform supporting the operation of WEB applications, the communication module transmits shared data information, and the application module loads WEB applications to support all WEB applications. The above data information is rendered and displayed. In this way, in this embodiment, the platform module can support the operation of the WEB application and the application module can render and display the WEB application, so that the WEB application can be run as a local application without relying on external storage devices and without arranging plug-ins, reducing the The requirements for terminal equipment and the effect of using WEB applications without installing applications in advance are conducive to improving the convenience of operation and user experience.
本公开实施例还提供了一种基于WEB的多终端设备互动系统,参见图5,包括服务器50和多台如图1所述的终端设备10;服务器50内设有WEB应用;The embodiment of the present disclosure also provides a WEB-based multi-terminal device interaction system, as shown in FIG. 5 , including a server 50 and multiple terminal devices 10 as shown in FIG. 1 ; the server 50 is provided with a WEB application;
终端设备10用于通过二维码进入WEB应用并同步显示WEB应用,以及响应于对WEB应用的触控操作将WEB应用的数据信息发送到服务器;The terminal device 10 is used to enter the WEB application through the two-dimensional code and display the WEB application synchronously, and send the data information of the WEB application to the server in response to a touch operation on the WEB application;
服务器50用于响应于接收到任一终端设备的WEB应用的数据信息,将所述数据信息发送到其他终端设备,以实现任意两个终端设备之间的交互。The server 50 is configured to send the data information to other terminal devices in response to receiving the data information of the WEB application of any terminal device, so as to realize the interaction between any two terminal devices.
在一实施例中,终端设备还用于向服务器发送Websocket握手请求;服务器还用于响应于接收到Websocket握手请求,与终端设备建立Websocket数据传输通道并生成握手响应;所述终端设备还用于获取所述服务器返回的Websocket握手请求。In one embodiment, the terminal device is also used to send a Websocket handshake request to the server; the server is also used to establish a Websocket data transmission channel with the terminal device and generate a handshake response in response to receiving the Websocket handshake request; the terminal device is also used to Obtain the Websocket handshake request returned by the server.
在一实施例中,服务器还用于将数据发送给对应的目标终端设备,以使目标终端设备的显示器显示WEB应用及对应的二维码,所述二维码用于使目标终端设备之外的其他终端设备通过二维码进入所述WEB应用。In one embodiment, the server is also used to send data to the corresponding target terminal equipment, so that the display of the target terminal equipment displays the WEB application and the corresponding two-dimensional code, and the two-dimensional code is used to make the target terminal equipment Other terminal devices of the user enter the WEB application through a two-dimensional code.
本实施例中,基于WEB的多终端设备互动系统的工作原理,以一对多的场景为例,参见图6,包括:In this embodiment, the working principle of the WEB-based multi-terminal device interaction system takes a one-to-many scenario as an example, see FIG. 6, including:
在步骤61中:当终端设备有待分享数据信息的需求,终端设备与服务器建立Websocket数据传输通道。其中,分享数据信息的终端设备称之为第一终端设备。即,第一终端设备点击屏幕上的WEB应用图标,上述WEB应用被触发,第一终端设备向服务器发送Websocket握手请求,服务器响应于接收到上述Websocket握手请求,与第一终端设备建立Websocket数据传输通道,并生成握手响应。第一终端设备还用于获取 服务器返回的Websocket握手请求。In step 61: when the terminal device needs to share data information, the terminal device establishes a Websocket data transmission channel with the server. Wherein, the terminal device that shares the data information is referred to as the first terminal device. That is, the first terminal device clicks the WEB application icon on the screen, the above-mentioned WEB application is triggered, the first terminal device sends a Websocket handshake request to the server, and the server establishes a Websocket data transmission with the first terminal device in response to receiving the above-mentioned Websocket handshake request channel, and generate a handshake response. The first terminal device is also used to obtain the Websocket handshake request returned by the server.
在步骤62中:当第一终端设备有向其他终端设备(后称之为第一终端设备)的需求,第一终端设备可以向至少一个第二终端设备发送数据信息。例如,第一终端设备通过Websocket数据传输通道向服务器发送数据信息,服务器将上述数据信息转发给至少一个第二终端设备。上述数据信息可以包括本地设备和公共网络的信息资源,如图片、视频、写字板等等。至少一个第二终端设备可以接收上述数据信息,并通过点击WEB应用的形式来浏览上述数据信息,此时第二终端设备可以显示上述数据信息。In step 62: when the first terminal device has a demand for other terminal devices (hereinafter referred to as the first terminal device), the first terminal device may send data information to at least one second terminal device. For example, the first terminal device sends data information to the server through the Websocket data transmission channel, and the server forwards the data information to at least one second terminal device. The above data information may include information resources of local devices and public networks, such as pictures, videos, wordpads, and the like. At least one second terminal device can receive the above data information, and browse the above data information by clicking on the WEB application form, and at this time, the second terminal device can display the above data information.
当第二终端设备显示WEB应用的界面的过程中,用户可以触发HTML5的界面时,第二终端设备可以生成数据信息并发送给服务器。When the second terminal device displays the interface of the WEB application, when the user can trigger the HTML5 interface, the second terminal device can generate data information and send it to the server.
在步骤63中:第一终端设备接收第二终端设备发送的数据信息。例如,至少一个第二终端设备通过Websocket数据传输通道将数据信息发送给服务器,服务器将上述数据信息转发给第一终端设备。In step 63: the first terminal device receives the data information sent by the second terminal device. For example, at least one second terminal device sends data information to the server through a Websocket data transmission channel, and the server forwards the above data information to the first terminal device.
在步骤64中:第一终端设备可以关闭与服务器建立的Websocket数据传输通道。In step 64: the first terminal device may close the Websocket data transmission channel established with the server.
本实施例中,基于WEB的多终端设备互动系统的工作原理,以多对多的场景为例,参见图7,包括:In this embodiment, the working principle of the WEB-based multi-terminal device interaction system takes a many-to-many scenario as an example, see FIG. 7, including:
在步骤71中:至少一个第二终端设备与服务器建立Websocket数据传输通道。例如,第二终端设备向服务器发送Websocket握手请求,服务器响应于接收到上述Websocket握手请求,与第二终端设备建立Websocket数据传输通道,并生成握手响应。第二终端设备还用于获取服务器返回的Websocket握手请求。In step 71: at least one second terminal device establishes a Websocket data transmission channel with the server. For example, the second terminal device sends a Websocket handshake request to the server, and in response to receiving the above Websocket handshake request, the server establishes a Websocket data transmission channel with the second terminal device and generates a handshake response. The second terminal device is also used to obtain the Websocket handshake request returned by the server.
并且,至少一个第二终端设备扫描服务器对应的显示屏或者第一终端设备设备的WEB应用的二维码或者输入WEB应用的URL地址。至少一个第二终端设备打开与WEB应用对应的浏览器页面。Moreover, at least one second terminal device scans the display screen corresponding to the server or the QR code of the WEB application of the first terminal device or inputs the URL address of the WEB application. At least one second terminal device opens a browser page corresponding to the WEB application.
在步骤72中:至少一个第二终端设备向其他终端设备发送数据信息。至少一个第二终端设备通过Websocket数据传输通道经由服务器向第一终端设备发送数据信息。服务器与第一终端设备建立Websocket数据传输通道的方案可以参见步骤61,在此不再赘述。In step 72: at least one second terminal device sends data information to other terminal devices. At least one second terminal device sends data information to the first terminal device via the server through the Websocket data transmission channel. For the solution of establishing a Websocket data transmission channel between the server and the first terminal device, reference may be made to step 61, which will not be repeated here.
在步骤73中:至少一个第二终端设备接收其他终端设备发送的数据信息,即至少一个第二终端设备通过Websocket数据传输通道接收服务器推送的数据信息。In step 73: at least one second terminal device receives the data information sent by other terminal devices, that is, at least one second terminal device receives the data information pushed by the server through the Websocket data transmission channel.
在步骤74中:至少一个第二终端设备关闭与服务器的Websocket数据传输通道。In step 74: at least one second terminal device closes the Websocket data transmission channel with the server.
本公开实施例还提供了一种基于WEB的多终端设备互动方法,应用于服务器,包括:An embodiment of the present disclosure also provides a WEB-based multi-terminal device interaction method applied to a server, including:
响应于接收到任一终端设备的WEB应用的数据信息,将所述数据信息发送到其他终端设备,以实现任意两个终端设备之间的交互;所述数据信息是终端设备响应于对WEB应用的触控操作生成的。In response to receiving the data information of the WEB application of any terminal device, the data information is sent to other terminal devices to realize the interaction between any two terminal devices; the data information is the response of the terminal device to the WEB application Generated by the touch operation.
在一实施例中,所述方法还包括:In one embodiment, the method also includes:
Websocket响应于接收到终端设备发送的Websocket握手请求,与所述终端设备建立Websocket数据传输通道,并将生成的握手响应发送给所述终端设备。In response to receiving the Websocket handshake request sent by the terminal device, the Websocket establishes a Websocket data transmission channel with the terminal device, and sends the generated handshake response to the terminal device.
在一实施例中,所述方法还包括:In one embodiment, the method also includes:
将WEB应用的数据信息发送给对应的目标终端设备,以使目标终端设备的显示器显示WEB应用及对应的二维码,所述二维码用于使目标终端设备之外的其他终端设备通过二维码进入所述WEB应用。Send the data information of the WEB application to the corresponding target terminal device, so that the display of the target terminal device displays the WEB application and the corresponding two-dimensional code, and the two-dimensional code is used to enable other terminal devices other than the target terminal device to pass two The two-dimensional code enters the WEB application.
需要说明的是,本实施例中示出的方法与上述设备和系统实施例的内容相匹配,可以参考上述方法实施例的内容,在此不再赘述。It should be noted that the method shown in this embodiment matches the content of the above-mentioned device and system embodiments, and reference may be made to the content of the above-mentioned method embodiments, which will not be repeated here.
在示例性实施例中,还提供了一种服务器,包括:In an exemplary embodiment, a server is also provided, including:
处理器;processor;
用于存储所述处理器可执行的计算机程序的存储器;memory for storing a computer program executable by said processor;
其中,所述处理器被配置为执行所述存储器中的计算机程序,以实现如上述方法的步骤。Wherein, the processor is configured to execute the computer program in the memory, so as to realize the steps of the above method.
在示例性实施例中,还提供了一种计算机可读存储介质,例如包括指令的存储器,上述可执行的计算机程序可由处理器执行,以实现如图1所述方法的步骤。其中,可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。In an exemplary embodiment, there is also provided a computer-readable storage medium, such as a memory including instructions, and the above-mentioned executable computer program can be executed by a processor, so as to realize the steps of the method as shown in FIG. 1 . Wherein, the readable storage medium may be ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, optical data storage device and the like.
本领域技术人员在考虑说明书及实践这里公开的公开后,将容易想到本公开的其它实施方案。本公开旨在涵盖任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。Other embodiments of the disclosure will be readily apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. The present disclosure is intended to cover any modification, use or adaptation that follows the general principles of the present disclosure and includes common knowledge or conventional technical means in the technical field not disclosed in the present disclosure. The specification and examples are to be considered exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。It should be understood that the present disclosure is not limited to the precise constructions which have been described above and shown in the drawings, and various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.
Claims (12)
- 一种终端设备,其特征在于,包括平台模块、应用模块和通信模块;A terminal device, characterized in that it includes a platform module, an application module and a communication module;所述平台模块,用于提供支撑WEB应用运行的平台;所述平台包括以下至少一种:操作系统、浏览器或者浏览器引擎;The platform module is used to provide a platform supporting WEB application operation; the platform includes at least one of the following: operating system, browser or browser engine;所述通信模块,用于传输共享的数据信息;The communication module is used to transmit shared data information;所述应用模块,用于加载WEB应用以对所述数据信息进行渲染和显示。The application module is used to load a WEB application to render and display the data information.
- 根据权利要求1所述的终端设备,其特征在于,所述平台模块包括:The terminal device according to claim 1, wherein the platform module comprises:WEB应用管理单元,用于负责打包和管理WEB应用,以使WEB应用以本地应用的方式运行;The WEB application management unit is used to package and manage the WEB application, so that the WEB application can run as a local application;WEB应用加载单元,用于加载WEB应用以在本地平台中渲染和显示;The WEB application loading unit is used to load the WEB application for rendering and displaying in the local platform;Websocket服务器单元,用于向各终端设备传输数据信息。The Websocket server unit is used to transmit data information to each terminal device.
- 根据权利要求2所述的终端设备,其特征在于,所述WEB应用加载单元包括浏览器内核,并且跟随所述浏览器内核升级进行更新。The terminal device according to claim 2, wherein the WEB application loading unit includes a browser kernel, and is updated following the upgrade of the browser kernel.
- 根据权利要求1所述的终端设备,其特征在于,所述应用模块包括:The terminal device according to claim 1, wherein the application module comprises:二维码管理单元,用于采用二维码形式呈现WEB应用的URL地址;The two-dimensional code management unit is used to present the URL address of the WEB application in the form of two-dimensional code;文件管理单元,用于读取或者推送本地文件;File management unit, used to read or push local files;通信单元,用于采用HTML5接口与服务端建立Websocket数据传输通道,以使WEB应用与服务端进行通信。The communication unit is used to establish a Websocket data transmission channel with the server using the HTML5 interface, so that the WEB application communicates with the server.
- 根据权利要求4所述的终端设备,其特征在于,所述应用模块还包括:The terminal device according to claim 4, wherein the application module further comprises:界面管理单元,用于管理WEB应用中各子应用的呈现形式。The interface management unit is used to manage the presentation form of each sub-application in the WEB application.
- 一种基于WEB的多终端设备互动系统,其特征在于,包括服务器和多台如权利要求1~5任一项所述的终端设备;所述服务器内设有WEB应用;A WEB-based multi-terminal device interaction system, characterized in that it includes a server and a plurality of terminal devices according to any one of claims 1 to 5; the server is provided with a WEB application;所述终端设备用于通过二维码进入所述WEB应用并同步显示所述WEB应用,以及响应于对WEB应用的触控操作将WEB应用的数据信息发送到所述服务器;The terminal device is used to enter the WEB application through a two-dimensional code and display the WEB application synchronously, and send data information of the WEB application to the server in response to a touch operation on the WEB application;所述服务器用于响应于接收到任一终端设备的WEB应用的数据信息,将所述数据信息发送到其他终端设备以实现任意两个终端设备之间的交互。The server is configured to, in response to receiving the data information of the WEB application of any terminal device, send the data information to other terminal devices so as to realize the interaction between any two terminal devices.
- 根据权利要求6所述的系统,其特征在于,所述终端设备还用于向所述服务器发送Websocket握手请求;The system according to claim 6, wherein the terminal device is further configured to send a Websocket handshake request to the server;所述服务器还用于Websocket响应于接收到所述Websocket握手请求,与所述终端设备建立Websocket数据传输通道并生成握手响应;The server is also used for Websocket to establish a Websocket data transmission channel with the terminal device and generate a handshake response in response to receiving the Websocket handshake request;所述终端设备还用于获取所述服务器返回的Websocket握手请求。The terminal device is also used to obtain the Websocket handshake request returned by the server.
- 根据权利要求6所述的系统,其特征在于,所述服务器还用于将数据发送给对应的目标终端设备,以使目标终端设备的显示器显示WEB应用及对应的二维码,所述二维码用于使目标终端设备之外的其他终端设备通过二维码进入所述WEB应用。The system according to claim 6, wherein the server is further configured to send data to the corresponding target terminal device, so that the display of the target terminal device displays the WEB application and the corresponding two-dimensional code, and the two-dimensional The code is used to enable other terminal devices other than the target terminal device to enter the WEB application through the two-dimensional code.
- 一种基于WEB的多终端设备互动方法,其特征在于,应用于服务器,包括:A WEB-based multi-terminal device interaction method is characterized in that it is applied to a server, including:响应于接收到任一终端设备的WEB应用的数据信息,将所述数据信息发送到其他终端设备,以实现任意两个终端设备之间的交互;所述数据信息是终端设备响应于对WEB应用的触控操作生成的。In response to receiving the data information of the WEB application of any terminal device, the data information is sent to other terminal devices to realize the interaction between any two terminal devices; the data information is the response of the terminal device to the WEB application Generated by the touch operation.
- 根据权利要求9所述的方法,其特征在于,所述方法还包括:The method according to claim 9, characterized in that the method further comprises:响应于接收到终端设备发送的Websocket握手请求,与所述终端设备建立Websocket数据传输通道,并将生成的握手响应发送给所述终端设备。In response to receiving the Websocket handshake request sent by the terminal device, establish a Websocket data transmission channel with the terminal device, and send the generated handshake response to the terminal device.
- 根据权利要求9所述的方法,其特征在于,所述方法还包括:The method according to claim 9, characterized in that the method further comprises:将WEB应用的数据信息发送给对应的目标终端设备,以使目标终端设备的显示器显示WEB应用及对应的二维码,所述二维码用于使目标终端设备之外的其他终端设备通过二维码进入所述WEB应用。Send the data information of the WEB application to the corresponding target terminal device, so that the display of the target terminal device displays the WEB application and the corresponding two-dimensional code, and the two-dimensional code is used to enable other terminal devices other than the target terminal device to pass two The two-dimensional code enters the WEB application.
- 一种计算机可读存储介质,其特征在于,当所述存储介质中的可执行的计算机程序由处理器执行时,能够实现如权利要求9~11任一项所述的方法。A computer-readable storage medium, characterized in that, when the executable computer program in the storage medium is executed by a processor, the method according to any one of claims 9-11 can be realized.
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110998165.2 | 2021-08-27 | ||
CN202110998165.2A CN113709541A (en) | 2021-08-27 | 2021-08-27 | WEB-based multi-terminal equipment interaction method, system and terminal equipment |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2023024800A1 true WO2023024800A1 (en) | 2023-03-02 |
Family
ID=78656238
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/CN2022/108027 WO2023024800A1 (en) | 2021-08-27 | 2022-07-26 | Web-based interaction method and system for multiple terminal devices, and terminal device |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN113709541A (en) |
WO (1) | WO2023024800A1 (en) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113709541A (en) * | 2021-08-27 | 2021-11-26 | 重庆京东方智慧科技有限公司 | WEB-based multi-terminal equipment interaction method, system and terminal equipment |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140053054A1 (en) * | 2012-08-14 | 2014-02-20 | Microsoft Corporation | Cooperative Web Browsing Using Multiple Devices |
CN105142011A (en) * | 2015-08-12 | 2015-12-09 | 青岛海信电器股份有限公司 | Web-based television terminal multi-screen interaction method and device |
CN105407369A (en) * | 2015-11-17 | 2016-03-16 | 青岛海信电器股份有限公司 | Web application based terminal communication method and device |
CN105933766A (en) * | 2016-01-21 | 2016-09-07 | 上海东方明珠新媒体股份有限公司 | WebOS system based on set top box and set top box |
CN113709541A (en) * | 2021-08-27 | 2021-11-26 | 重庆京东方智慧科技有限公司 | WEB-based multi-terminal equipment interaction method, system and terminal equipment |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2017216492A (en) * | 2016-05-30 | 2017-12-07 | ネオス株式会社 | Data transmission and reception method, data transmission method, and server device |
-
2021
- 2021-08-27 CN CN202110998165.2A patent/CN113709541A/en active Pending
-
2022
- 2022-07-26 WO PCT/CN2022/108027 patent/WO2023024800A1/en unknown
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140053054A1 (en) * | 2012-08-14 | 2014-02-20 | Microsoft Corporation | Cooperative Web Browsing Using Multiple Devices |
CN105142011A (en) * | 2015-08-12 | 2015-12-09 | 青岛海信电器股份有限公司 | Web-based television terminal multi-screen interaction method and device |
CN105407369A (en) * | 2015-11-17 | 2016-03-16 | 青岛海信电器股份有限公司 | Web application based terminal communication method and device |
CN105933766A (en) * | 2016-01-21 | 2016-09-07 | 上海东方明珠新媒体股份有限公司 | WebOS system based on set top box and set top box |
CN113709541A (en) * | 2021-08-27 | 2021-11-26 | 重庆京东方智慧科技有限公司 | WEB-based multi-terminal equipment interaction method, system and terminal equipment |
Also Published As
Publication number | Publication date |
---|---|
CN113709541A (en) | 2021-11-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10798127B2 (en) | Enhanced document and event mirroring for accessing internet content | |
US10601633B2 (en) | Virtual window screen renderings using application connectors | |
US10284644B2 (en) | Information processing and content transmission for multi-display | |
US10827004B2 (en) | Native viewer use for service results from a remote desktop | |
US10983747B2 (en) | Remote desktop mirroring | |
US10872127B2 (en) | Method and system of providing for cross-device operations between user devices | |
US8037191B2 (en) | Low-level remote sharing of local devices in a remote access session across a computer network | |
Paternò et al. | A logical framework for multi-device user interfaces | |
JP6215359B2 (en) | Providing access to information across multiple computing devices | |
US8886819B1 (en) | Cross-domain communication in domain-restricted communication environments | |
WO2018028442A1 (en) | File transfer method and apparatus | |
US10558448B2 (en) | Method, user equipment, and application server for downloading application | |
WO2017193926A1 (en) | Data transmission method and device | |
US10623499B2 (en) | Method and system for operating and controlling data, and user terminal | |
WO2023024800A1 (en) | Web-based interaction method and system for multiple terminal devices, and terminal device | |
US20220321630A1 (en) | Multimedia management system and method of displaying remotely hosted content | |
US20160344819A1 (en) | Remote document signing | |
JP2013117944A (en) | Electronic device and multi-panel interface displaying method | |
CN114116263A (en) | System, method, apparatus, and medium for multi-page tag communication in a browser | |
US20170149578A1 (en) | Networking cooperation method and machine using such method | |
CN111263218A (en) | Method and system for realizing synchronous interaction of multiple devices | |
WO2016000657A1 (en) | Networking conference method, workspace interaction method and machine using the same | |
KR20160081767A (en) | Virtualization Server anc Client for Smart TV Service based on Cloud Virtualization | |
AU2023203480B1 (en) | Systems and methods for uploading content items to a server computing system | |
CN113760419A (en) | Method, apparatus, device and computer readable medium for displaying image |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 22860146 Country of ref document: EP Kind code of ref document: A1 |
|
NENP | Non-entry into the national phase |
Ref country code: DE |