Installation-free application-based look-see method, device, equipment and storage medium

By establishing data and audio channels within the portable application, information transmission and voice communication between the portable application and the terminal application are achieved, solving the problem that portable applications do not support remote viewing, improving user experience and reducing the steps of downloading and installing.

CN116320516BActive Publication Date: 2025-12-19BEIJING CHENGSHI WANGLIN INFORMATION TECH CO LTD
View PDF 3 Cites 0 Cited by

Patent Information

Application Number
CN202310274635.X
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2023-03-17
Publication Date
2025-12-19
Estimated Expiration
2043-03-17

AI Technical Summary

Technical Problem

Existing portable applications such as mini-programs do not support remote viewing functionality, requiring users to download and install applications, which negatively impacts user experience.

Method used

By establishing data channels, audio channels, and data channels within the installation-free application, information transmission, voice communication, and video synchronization between the installation-free application and the terminal application are achieved, providing remote viewing services.

Benefits of technology

Remote viewing can be achieved without downloading and installing an application, improving user experience, reducing cumbersome steps, enhancing customer loyalty, and supporting multi-terminal participation, saving manpower and resource costs.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN116320516B_ABST
    Figure CN116320516B_ABST
Patent Text Reader

Abstract

Embodiments of the present application provide a kind of based on installation-free application's look method, device, equipment and storage medium.In the embodiments of the present application, according to the first data channel, the information transmission between second Web page and installation-free application is realized;According to audio channel, the voice communication between installation-free application and the application program of second terminal is realized;And, according to the second data channel, the picture synchronization between second Web page and the application program of second terminal is realized;Three channels work together to provide technical basis for online look service, so that the application program of second terminal and the installation-free application of first terminal realize voice communication and real-time picture synchronization.Based on the above, the marketing personnel holding second terminal can provide look service with voice communication and real-time picture synchronization for the customer holding first terminal.The present application avoids that first terminal downloads and installs application program to provide complete look service for its holder, improves the experience of customer.
Need to check novelty before this filing date? Find Prior Art

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of Internet, and particularly relates to a look method and device based on installation-free application, equipment and storage medium. BACKGROUND

[0002] With the development of Internet technology and the continuous popularity of intelligent terminals, various application programs based on the Internet are widely used. For example, a user can view house information through an online house selection application, and especially, remote look can enable the user to remotely view and select a house without going to the site, thereby bringing great convenience to the user.

[0003] At present, the application program has the defect that it needs to be downloaded and installed by the user, and the installation-free application such as the applet can be used without installation, thereby providing great convenience for the user. However, the installation-free application such as the applet does not support the remote look function at present, and therefore, how to realize the remote look of the installation-free application such as the applet becomes a technical problem to be solved in the field. SUMMARY

[0004] The present application provides a look method and device based on installation-free application, equipment and storage medium, so as to realize the remote look function of the installation-free application such as the applet, reduce the steps of downloading and installing the application program by the customer, and improve the customer experience.

[0005] The present application provides a look method based on installation-free application, which is suitable for a first terminal, and the method comprises the following steps:

[0006] In response to a trigger for the target object in the first web page corresponding to the installation-free application, page resources of a second web page corresponding to the target object are obtained from a server of the installation-free application; a page view component of the installation-free application is invoked to render the second web page by using the page resources of the second web page; the second web page comprises a look control; in response to a trigger for the look control, a websocket service of the second web page and the installation-free application are invoked to establish a first data channel between the second web page and the installation-free application, so that the second web page sends a look request to the installation-free application through the first data channel; in response to the look request, a second terminal corresponding to the target object is determined; an audio / video service of the server is requested to establish an audio channel between the installation-free application and an application program of the second terminal, and the audio / video service of the server is requested to call the second terminal; in the case that the second terminal call is connected, a real-time audio / video component of the installation-free application is invoked to perform voice communication with the application program of the second terminal based on the audio channel; and the websocket service of the server is requested to establish a second data channel between the second web page and the application program of the second terminal; based on the second data channel, page resources of the second web page and page operation data of the second web page for the target object are sent to the application program of the second terminal, so that the application program directly displays the second web page based on the page resources of the second web page and renders the page operation data on the web page to realize picture synchronization.

[0007] Optionally, the calling of the websocket service of the second web page and the installation-free application to establish the first data channel between the second web page and the installation-free application comprises: the second web page sends a websocket connection request to the installation-free application by invoking the websocket service of the second web page in response to the trigger for the look control; and the installation-free application establishes the first data channel between the second web page and the installation-free application in response to the websocket connection request.

[0008] Optionally, the requesting the audio / video service of the server to establish the audio channel between the installation-free application and the application program of the second terminal comprises: the installation-free application sends a first call connection request containing the identity of the second terminal to the audio / video service of the server based on the identity of the second terminal, so that the audio / video service establishes an audio group between the first terminal and the second terminal based on the first call connection request, and sends a network address corresponding to the audio group to the installation-free application and the application program, so as to establish the audio channel between the installation-free application and the application program.

[0009] Optionally, the calling the real-time audio / video component of the installation-free application to perform voice communication with the application program of the second terminal based on the audio channel comprises: calling the real-time audio / video component to send the picked-up first voice data to the network address, so that the server pushes the first voice data to the application program; calling the real-time audio / video component to pull the second voice data pushed by the application program from the network address, and calling the real-time audio / video component to play the second voice data.

[0010] Optionally, the requesting the audio / video service of the server to call the second terminal comprises: the installation-free application sends a second call connection request containing the identity of the second terminal to the audio / video service of the server based on the identity of the second terminal, so that the audio / video service calls the second terminal by invoking an instant communication component in response to the second call connection request.

[0011] Optionally, the requesting the websocket service of the server to establish the second data channel between the second Web page and the application program of the second terminal comprises: in response to a call connection event of the second terminal, sending a screen synchronization request containing the identity of the second terminal to the websocket service of the server, so that the websocket service of the server establishes a websocket connection between the second Web page and the application program of the second terminal as the second data channel based on the screen synchronization request.

[0012] Optionally, the sending, based on the second data channel, of the page resource of the second Web page and the page operation data of the target object on the second Web page to the application program of the second terminal comprises: sending, through the websocket connection, the page resource of the second Web page to the application program of the second terminal, so that the application program displays the second Web page based on the page resource of the second Web page; in response to an operation on the target object in the second Web page, obtaining page operation data; calling a page view component of the installation-free application to render the page operation data on the second Web page; and providing, through the websocket connection, the page operation data to the application program of the second terminal, so that the application program renders the page operation data on the second Web page.

[0013] Optionally, the second Web page further comprises a sharing control; the method further comprises: receiving the identifier of the audio group returned by the audio service; in response to a trigger of the sharing control, providing the identifier of the audio group and the network address to a third terminal, so that a target application of the third terminal joins the audio group based on the identifier of the audio group; calling the real-time audio / video component to perform voice communication with the target application of the third terminal based on the network address; and performing picture synchronization with the target application of the third terminal for the target object through the websocket connection; the target application is an installation-free application or an application program.

[0014] The application further provides an electronic device, comprising a memory and a processor; the memory is configured to store a computer program, the computer program comprising an installation-free application; the processor is coupled with the memory and is configured to execute the computer program to implement steps in the look method based on the installation-free application provided in the embodiments of the application.

[0015] The application further provides a computer readable storage medium storing a computer program, when the computer program is executed by a processor, the processor is caused to implement steps in the look method based on the installation-free application provided in the embodiments of the application.

[0016] In the embodiment of the present application, the information transmission between the second web page and the installation-free application is realized according to the first data channel; the voice communication between the installation-free application and the application program of the second terminal is realized according to the audio channel; and the screen synchronization between the second web page and the application program of the second terminal is realized according to the second data channel; the three channels work together to provide a technical basis for the online viewing service, so that the application program of the second terminal and the installation-free application of the first terminal realize voice communication and real-time screen synchronization, and based on this, the marketing personnel holding the second terminal can provide the viewing service with voice communication and real-time screen synchronization for the customers holding the first terminal. The present application avoids that the first terminal downloads and installs the application program to provide complete viewing service for the holder, reduces the cumbersome steps of the customers to download and install the application program to enjoy the online viewing service, improves the experience of the customers, and improves the customer stickiness.

[0017] Further, the technical scheme of the present application also provides a sharing function, which can be initiated by the first terminal to invite other terminals to join the online viewing process, and also realize voice communication and screen synchronization between the first terminal and other terminals. More terminals can participate in the current online viewing service process, so that one marketing personnel can deal with multiple customers, saving manpower and resource costs.

[0018] Furthermore, the second terminal of the present application interacts with the installation-free application of the first terminal by using the application program, and the application program can make it resident in the terminal background to ensure that the process is not killed, so that the second terminal can timely receive the call of the server, reducing the possibility of missing calls. Finally, the application program can realize more complete functions than the applet, and the developer can design the application program according to the marketing needs, for example, the identity information and demand record of the served customers can be added, and the characteristics of the products that have not been sold can also be marked, so that the marketing personnel can sell appropriate products according to the needs of the customers. BRIEF DESCRIPTION OF DRAWINGS

[0019] The drawings described herein are used to provide further understanding of the present application, and form a part of the present application. The schematic embodiments of the present application and their descriptions are used to explain the present application, and do not constitute an improper limitation on the present application. In the drawings:

[0020] Figure 1a A schematic diagram of a viewing system based on an installation-free application provided for the embodiment of the present application;

[0021] Figure 1b A flowchart of a viewing method based on an installation-free application provided for the embodiment of the present application;

[0022] Figure 2A schematic diagram of a screen sharing based on an installation-free application is provided for an embodiment of the present application.

[0023] Figure 3 A structure schematic diagram of a look-through device based on an installation-free application is provided for an embodiment of the present application.

[0024] Figure 4 A structure schematic diagram of an electronic device is provided for an embodiment of the present application. DETAILED DESCRIPTION

[0025] To make the objectives, technical solutions, and advantages of the present application clearer, the technical solutions of the present application will be described below in detail with the embodiments of the present application and corresponding drawings. Obviously, the described embodiments are only some of the embodiments of the present application, but not all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative work fall within the scope of protection of the present application.

[0026] As described in the background, in the prior art, the online room selection application has the disadvantage of needing to be downloaded and installed by the user, and the installation-free application such as a small program does not support remote look-through function. Therefore, how to realize remote look-through of the installation-free application such as a small program becomes a technical problem to be solved in the field.

[0027] To solve the above technical problems, in some embodiments of the present application, a solution is provided, and the technical solutions provided by the embodiments of the present application will be described in detail below with reference to the drawings.

[0028] An installation-free look-through system is provided in the embodiments of the present application, as shown in Figure 1a The look-through system includes a first terminal, a second terminal, and a server. The installation-free application runs on the first terminal. The installation-free application depends on the host application on the first terminal. Optionally, the installation-free application can be, but is not limited to, a small program. The application program is installed on the second terminal. The application program is different from the installation-free application and can be an APP, a client, or a web application. The server is a server corresponding to the installation-free application. On one hand, the server is responsible for responding to the request of the installation-free application. On the other hand, the server is responsible for providing the required data for the installation-free application.

[0029] It should be noted that Figure 1a In the server, the dashed line is used to facilitate the display of the connection mode in which the application program of the second terminal is connected to the Web layer and the installation-free application of the first terminal through the server.

[0030] On the first terminal side, the host application responds to the client's trigger operation and redirects to the portable application. This embodiment does not limit the trigger operation method; it can be scanning a code, clicking, NFC, etc. During operation, the portable application can display at least one web page. The portable application and the web page establish a connection using the WebSocket protocol for data transmission.

[0031] Furthermore, the first terminal and the second terminal are respectively connected to the server and interact through the server. Specifically, the installation-free application on the first terminal and the application on the second terminal establish an audio channel through the server's audio and video service; and the second web page on the first terminal and the application on the second terminal establish a second data channel through the server's WebSocket service to achieve video synchronization between the second web page and the application. Optionally, the second web page is a VR (Virtual Reality) display page.

[0032] It should be noted that, in Figure 1a The illustration uses the example of an installation-free application and an application sharing the same server as an example. Various channels between the installation-free application and the application are also established through this server. Optionally, the installation-free application and the application can also each have their own server, and various channels between them can be established through two separate servers. Optionally, the server corresponding to the installation-free application and the server corresponding to the application can establish a communication connection using the WebSocket protocol, or they can establish a communication connection via the Internet; there is no limitation on this.

[0033] For details on the process of providing viewing services through various channels between portable applications and applications, please refer to the description in the following method embodiments.

[0034] This application provides a method for viewing content based on an installation-free application, applicable to a first terminal, such as... Figure 1b As shown, the method includes:

[0035] S101. In response to a trigger on a target object in the first web page corresponding to the portable application, obtain the page resources of the second web page corresponding to the target object from the server of the portable application.

[0036] In the embodiments of the present application, the first terminal runs an installation-free application, and at least one web page can be displayed to the customer during the running of the installation-free application. Optionally, the web page can be, but is not limited to, an H5 (Hyper Text Markup Language 5) page. For example, the installation-free application can display a first web page and a second web page to the customer, wherein the first web page displays content including one or more objects that can be selected by the customer, and after any object is selected, the installation-free application triggers the installation-free application to obtain, from a server of the installation-free application, page resources of the second web page corresponding to the target object (the selected object). In an example, the installation-free application can be an applet, the target object can be a house selected by the customer, and the page resources of the second web page corresponding to the target object can be VR scene data of the selected house.

[0037] S102, the page view component of the installation-free application is called to render the second web page by using the page resources of the second web page; the second web page includes a viewing control.

[0038] In the embodiments of the present application, the first terminal calls the page view component of the installation-free application and renders the second web page by using the page resources of the target object obtained from the server of the installation-free application. The second web page includes a viewing control. In an example, the second web page can display a VR scene of a house selected by the customer after being rendered, and the viewing control can be a viewing button.

[0039] S103, in response to a trigger of the viewing control, a first data channel between the second web page and the installation-free application is established by calling the websocket service of the second web page and the installation-free application, so that the second web page sends a viewing request to the installation-free application through the first data channel.

[0040] In the embodiments of the present application, when the customer triggers the viewing control while browsing the second web page, the first terminal calls the websocket service of the second web page and the installation-free application, and then establishes a first data channel between the second web page and the installation-free application, so that the second web page sends a viewing request to the installation-free application through the first data channel. Wherein, the second web page is responsible for responding to the triggering operation of the customer on the viewing control, generating a viewing request, and sending the viewing request to the installation-free application through the first data channel. The viewing control is bound with the identification information of the terminal used by the viewing personnel, and the identification information of the terminal used by the viewing personnel is carried in the viewing request. The present application does not limit the operation mode of the triggering operation, which can be clicking, double-clicking, long pressing, sliding along a set trajectory, etc. In order to distinguish and describe, the terminal used by the viewing personnel is called the second terminal. If the second terminal is a mobile phone, the identification information of the second terminal can be a mobile phone number, and if the second terminal is a computer, the identification information of the second terminal can be an IP address of the computer, etc.

[0041] It should be noted that websocket is a network transmission protocol, which can perform full-duplex communication on a single TCP connection. Websocket makes the data exchange between the second web page and the installation-free application more simple, and a persistent connection can be created between them for bidirectional data transmission.

[0042] S104, in response to the viewing request, determining the second terminal corresponding to the target object.

[0043] In the embodiments of the present application, after the installation-free application receives the viewing request sent by the second web page through the first data channel, the second terminal corresponding to the target object can be determined according to the identification information of the second terminal carried in the viewing request. Wherein, the second terminal is the terminal held by the marketing personnel, which can provide the customer with viewing services for the target object. In an example, the target object can be a house selected by the customer, and the marketing personnel can provide online house viewing services for the customer by using the second terminal. Of course, the target object can also be a vehicle selected by the customer, and the marketing personnel can provide online vehicle viewing services for the customer by using the second terminal.

[0044] S105, requesting the audio and video service of the service end to establish an audio channel between the installation-free application and the application program of the second terminal, and requesting the audio and video service of the service end to call the second terminal.

[0045] In the embodiments of the present application, after determining the second terminal, the installation-free application can send a request for establishing an audio channel to its server to request the server to establish an audio channel between the installation-free application and the application program on the second terminal. The request for establishing an audio channel sent by the installation-free application to the server contains the identification information of the second terminal. After receiving the request for establishing an audio channel, the server determines the second terminal according to the identification information of the second terminal, initiates a request for establishing an audio channel to the second terminal on one hand, and establishes an audio channel with the application program on the second terminal on the other hand, and finally establishes an audio channel between the installation-free application and the application program on the second terminal through the server.

[0046] Optionally, one target object corresponds to one second terminal, and the server initiates a look-through call to the second terminal according to the identification information of the second terminal contained in the received audio establishment request.

[0047] Optionally, one target object corresponds to multiple second terminals, and the server initiates a call to multiple second terminals simultaneously according to the identification information of the second terminal contained in the received audio establishment request. After any second terminal is connected, the second terminal sends a connection notification to the server, and the server stops calling other unconnected second terminals after receiving the connection notification.

[0048] It should be noted that the above-mentioned audio channel is established between the installation-free application and the application program of the second terminal. The application program of the second terminal can be an APP developed based on HTML5 or other programming languages, which is not limited in the present application.

[0049] S106, in the case that the call of the second terminal is connected, the real-time audio and video component of the installation-free application is called to perform voice communication with the application program of the second terminal based on the audio channel.

[0050] Under the premise of establishing an audio channel, the first terminal calls the real-time audio and video component of the installation-free application and performs voice communication with the application program of the second terminal based on the above-mentioned audio channel. In an example, when the target object of online look-through is a house, after the marketing personnel connects the call of the second terminal, the customer can also ask the marketing personnel about the house type, price and other information, and the marketing personnel can answer the customer's questions in time and also introduce other information such as the house's decoration style, geographical location, etc. The two parties can communicate in real time, which improves the communication efficiency. Of course, the target object of online look-through can also be a vehicle, and after the second terminal is connected, the customer can ask about the model, price configuration and other information of the vehicle, and the marketing personnel can also answer the customer's questions in time.

[0051] S107. Requesting the websocket service of the service end to establish a second data channel between the second Web page and the application program of the second terminal.

[0052] In this embodiment, after the second terminal is determined, the second Web page can send a request for establishing a second data channel to the service end, to request the websocket service of the service end to establish a second data channel between the second Web page and the application program on the second terminal. The request for establishing a second data channel sent by the second Web page to the service end contains the identification information of the second terminal. After receiving the request for establishing a second data channel, the service end determines the second terminal according to the identification information of the second terminal, initiates a request for establishing a second data channel to the second terminal, establishes a second data channel with the application program on the second terminal, and establishes a second data channel with the second Web page, thereby establishing a second data channel between the second Web page and the application program on the second terminal through the service end.

[0053] S108. Sending the page resource of the second Web page and the page operation data of the second Web page for the target object to the application program of the second terminal based on the second data channel, so that the application program directly displays the second Web page based on the page resource of the second Web page and renders the page operation data on the Web page to realize screen synchronization.

[0054] In this step, the second data channel is a data channel established between the second Web page and the application program of the second terminal through the websocket service of the service end, which is used to realize screen synchronization with the second Web page on the application program. It should be noted that the application program realizes screen synchronization directly through an APP developed based on HTML5 or other programming languages, rather than through an HTML5 page embedded in the application program.

[0055] The following will take the selected house as the target object as an example to exemplarily illustrate the viewing method based on the installation-free application. The first terminal can be a client terminal, the second terminal can be a consultant terminal, the installation-free application can be a mini program, the first Web page can be an online house selection page, and the second Web page can be a VR house display page.

[0056] For example, a customer uses a small program on a client to browse an online house selection page, which displays a plurality of houses available for the customer to select. When any house is selected, the client obtains VR scene data corresponding to the selected house from a server of the small program. After the client receives the VR scene data, a page view component of the small program is called to render a VR house display page using the VR scene data, wherein the VR display page includes a viewing button. When the customer clicks the viewing button, the VR display page sends a viewing request to the small program. After the small program receives the viewing request, the small program determines the consultant terminal corresponding to the house according to the identification information of the consultant terminal carried in the viewing request. In an example, the consultant terminal can be a mobile phone, and the identification information can be a mobile phone number. Then, the client requests the server to call the consultant terminal. After the consultant terminal answers, the client and the consultant terminal can perform real-time voice communication. At the same time, the client requests the server to establish a second data channel, and the VR house display page sends the page resource of the selected house and the page operation data for the selected house to the application program of the second terminal through the second data channel, so that the application program directly displays the VR house display page based on the page resource of the VR house display page and renders the page operation data on the Web page to realize picture synchronization.

[0057] In the above embodiment, the first and second web pages corresponding to the installation-free application can provide the customer with object selection, target object display and request for viewing. The technical solution of the present application establishes a first data channel between the second web page and the websocket service of the installation-free application for information transmission between the two; establishes an audio channel between the installation-free application and the application program of the second terminal to realize voice communication between the two; and establishes a second data channel between the second web page and the application program of the second terminal by calling the websocket service of the server for screen synchronization between the two. The three channels work together to enable the second terminal to initiate a viewing request to the application program of the second terminal and realize voice communication and screen synchronization between the two in the case of the installation-free application of the first terminal. Based on the foregoing, the marketing personnel holding the second terminal can provide the customer holding the first terminal with viewing services with voice communication and real-time screen synchronization. The present application avoids the need for the first terminal to download and install an application program to provide complete viewing services for its holder, reduces the cumbersome steps of downloading and installing an application program for the customer to enjoy online viewing services, improves the customer experience, and enhances customer loyalty. Furthermore, the second terminal of the present application interacts with the installation-free application of the first terminal using an application program. The application program can be resident in the terminal background to ensure that the process is not killed, so that the second terminal can receive the call from the server in time, reducing the possibility of missing a viewing call. Furthermore, the application program can realize more complete functions than the small program. The developer can design the application program according to the needs of the marketing personnel, for example, the identity information and demand records of the customers who have been served can be added, and the selling points of products that have not yet been sold can also be marked, so that the marketing personnel can sell products that match the customer's needs according to the customer's needs.

[0058] In an optional embodiment, the websocket service of the second web page and the installation-free application is called to establish a first data channel between the second web page and the installation-free application, including: the second web page responds to the trigger of the viewing control to call the websocket service of the second web page to send a websocket connection request to the installation-free application; the installation-free application responds to the websocket connection request to establish a first data channel between the second web page and the installation-free application. The websocket service is embedded in the second web page, and the second web page is the client of the websocket service, and the installation-free application is the server of the websocket service.

[0059] Specifically, when the customer triggers the viewing control at the second web page (client), the second web page calls the websocket service to send a websocket connection request to the installation-free application; the installation-free application receives and responds to the websocket connection request, whereby the installation-free application and the second web page successfully handshake, establishing a first data channel between the second web page and the installation-free application. The first data channel enables data transmission between the second web page and the installation-free application, and thanks to the websocket protocol itself, data can be transmitted between the second web page and the installation-free application in both directions.

[0060] In an optional embodiment, the audio / video service of the request server establishes an audio channel between the installation-free application and the application program of the second terminal, including: the installation-free application sends a first call connection request containing the identifier of the second terminal to the audio / video service of the server based on the identifier of the second terminal, so that the audio / video service establishes an audio group between the first terminal and the second terminal based on the first call connection request, and sends the network address corresponding to the audio group to the installation-free application and the application program, to establish an audio channel between the installation-free application and the application program.

[0061] In the embodiments of the present application, the RTC (Realtime communication) technology is used to realize real-time communication, which can ensure that the installation-free application (push stream end) and the application program (play end) communicate in real time, and the RTC has the characteristics of low delay, good synchronization, and bidirectional communication, both push stream and pull stream, making the interaction between the installation-free application and the application program stronger.

[0062] In the embodiments of the present application, the identifier information of the second terminal is used to confirm the target second terminal, which is the second terminal that needs to establish a connection with the first terminal. When the server receives the first call connection request containing the identifier information of the second terminal, it determines the target second terminal according to the identifier information of the second terminal, and calls the audio / video service to establish an audio group between the first terminal and the target second terminal, and sends the address of the audio group to the installation-free application and the application program, to establish an audio channel between them. The audio channel can be used for voice communication between the installation-free application and the application program, so that the marketing personnel's explanation information transmission is more timely, and the customer's feedback can also be obtained.

[0063] In an optional embodiment, the real-time audio and video component of the installation-free application calling the audio channel carries out voice communication with the application program of the second terminal, including: calling the real-time audio and video component to send the picked first voice data to the network address, so that the server pushes the first voice data to the application program; calling the real-time audio and video component to pull the second voice data pushed by the application program from the network address, and calling the real-time audio and video component to play the second voice data.

[0064] Based on the basis of the above embodiment, the service end is used as an information transfer station to realize voice communication between the installation-free application and the application program station. After receiving the first voice data sent by the installation-free application, the service end pushes the first voice data to the application program of the second terminal; and pulls the second voice data sent by the application program to the service end and pushes the second voice data to the installation-free application. Based on the foregoing, the application realizes bidirectional voice communication between the installation-free application of the first terminal and the application program of the second terminal.

[0065] In an optional embodiment, the audio and video service of the service end is requested to call the second terminal, including: the installation-free application sends a second call connection request containing the identifier of the second terminal to the audio and video service of the service end based on the identifier of the second terminal, so that the audio and video service calls the second terminal by calling the instant communication component in response to the second call connection request.

[0066] In the embodiment of the application, on the basis that the installation-free application and the application program of the second terminal have established an audio channel, the installation-free application sends a second call request containing the identifier information of the second terminal to the audio and video service of the service end, and the service end determines the target second terminal according to the identifier information of the second terminal contained in the second call request and calls the instant communication component to initiate a look-in call to the target second terminal.

[0067] In an optional embodiment, the websocket service of the service end is requested to establish a second data channel between the second Web page and the application program of the second terminal, including: in response to the call connection event of the second terminal, a screen synchronization request containing the identifier of the second terminal is sent to the websocket service of the service end, so that the websocket service of the service end establishes a websocket connection between the second Web page and the application program of the second terminal as the second data channel based on the screen synchronization request.

[0068] In the embodiments of the present application, after receiving the feedback of the second terminal call connection, the second Web page sends a screen synchronization request containing the identification information of the second terminal to the websocket service of the server to request the websocket service of the server to establish a second data channel between the second Web page and the application on the second terminal. Wherein, after receiving the screen synchronization request, the server determines the second terminal according to the identification information of the second terminal, and establishes a websocket connection between the second Web page and the application program of the second terminal as a second data channel for data communication between the two, so as to synchronize the screen between the second Web page and the application program of the second terminal.

[0069] It should be emphasized that the present application is based on the websocket service of the server to establish the websocket connection between the second Web page and the application program of the second terminal as the second data channel, that is, the present application is centered on the server, and the first terminal and the second terminal are connected to the server to form a star topology. Compared with the mesh topology, the present application relieves the pressure of terminal bandwidth resources and brings great flexibility, which can better use different network conditions and terminal types.

[0070] In an optional embodiment, sending the page resource of the second Web page and the page operation data of the second Web page for the target object to the application program of the second terminal based on the second data channel comprises: sending the page resource of the second Web page to the application program of the second terminal through the websocket connection, so that the application program displays the second Web page based on the page resource of the second Web page; in response to the operation for the target object in the second Web page, obtaining the page operation data; calling the page view component of the installation-free application to render the page operation data on the second Web page; and providing the page operation data to the application program of the second terminal through the websocket connection, so that the application program renders the page operation data on the second Web page.

[0071] In the embodiments of the present application, the second Web page is a VR display page currently browsed by the client, and the page resource of the second Web page is sent to the application program of the second terminal based on the second data channel. The application program directly displays the second Web page based on the page resource after receiving the page resource.

[0072] In the embodiments of the present application, the client can perform zoom-in, zoom-out, drag, rotation and other control operations on the target object in the current VR display page. Further, when the target object is a three-dimensional model of a house, the client can also perform a roaming operation on the three-dimensional model of the house, or initiate a cut viewing angle operation on the three-dimensional model of the house. The VR display page obtains the page operation data of the client on the target object and encapsulates it into a data packet, calls the page view component of the installation-free application to render the page operation data on the VR display page, so that the client can control the target object on the VR display page corresponding to the installation-free application. It is worth noting that the operation data of all VR display pages in the present application is collected and encapsulated into a data packet by the Web end of the first terminal and sent to the application program of the second terminal through the second data channel. Both ends need to agree on the data transmission protocol (including data format and data content) before sending or receiving the data packet. Further, the VR display page sends the page operation data encapsulated into a data packet to the application program of the second terminal through the previously established websocket connection. After receiving the data packet, the application program obtains the page operation data by decryption, and directly renders the web page based on the page operation data, so that the application program of the second terminal is synchronized with the second web page.

[0073] In an optional embodiment, the second web page further includes a sharing control; the viewing method further includes: receiving the identification of the audio group returned by the audio video service; in response to the trigger of the sharing control, providing the identification of the audio group and the network address to the third terminal, so that the target application of the third terminal joins the audio group based on the identification of the audio group; calling the real-time audio video component to perform voice communication with the target application of the third terminal based on the network address; performing picture synchronization on the target object with the target application of the third terminal through the websocket connection; the target application is an installation-free application or an application program.

[0074] In embodiments of this application, the second web page may further include a sharing control. When a client triggers the sharing control on the second web page, the portable application provides the third terminal with the identifier of the audio group received from the server's audio / video service and the network address corresponding to the audio group. The target application on the third terminal can then join the audio group based on the received audio group identifier; and conduct voice communication with the portable application on the first terminal based on the network address corresponding to the audio group. Furthermore, this application establishes a WebSocket connection between the first terminal and the third terminal through the server's WebSocket service. The first terminal uses this WebSocket connection to encapsulate the page resources of the second web page and the page operation data for the target object on the second web page into data packets and send them to the target application on the third terminal. This allows the target application on the third terminal to directly display the second web page based on its page resources and render the received page operation data on the web page to achieve screen synchronization. It is worth noting that since this embodiment uses a web client to collect and encapsulate data packets and send them to the third terminal via a WebSocket connection, both ends need to agree on a data transmission protocol (including data format and data content) before sending or receiving.

[0075] In one example, such as Figure 2 As shown, the H5 page includes a sharing control, which can optionally be a share button. The H5 page is a VR house display page. Both the installation-free application on the first terminal and the target application on the third terminal are mini-programs. "ws3" is... Figure 2 The text indicates that the third-party terminal's mini-program has established a WebSocket connection with its H5 page; "ws9" is in... Figure 2 The "ws9" indicates a connection established between the app and the native app via a server-side WebSocket service. It can be used for data transmission between the mini-program on the first terminal, the native app on the second terminal, and the mini-program on the third terminal. In response to the share button, the first terminal mini-program encapsulates the page resources of the VR house display page, along with user actions such as zooming in, zooming out, and rotating the house, into a data packet. This packet is then sent to the third terminal mini-program via the server. The third terminal mini-program decapsulates the data packet and, based on the VR house display page resources, renders the received page action data on its H5 page to achieve synchronization with the first terminal's display.

[0076] This application also provides a viewing device 1000 based on an installation-free application, such as... Figure 3As shown, the look device includes: an acquisition module 1001, a rendering module 1002, a determination module 1003, a first channel establishment module 1004, a first channel establishment request module 1005, a call request module 1006, a voice communication module 1007, a second channel establishment request module 1008, a picture synchronization module 1009;

[0077] The acquisition module 1001 is configured to acquire, from a server of the installation-free application, page resources of a second web page corresponding to a target object in a first web page corresponding to the installation-free application, in response to a trigger for the target object; the rendering module 1002 is configured to call a page view component of the installation-free application to render the second web page by using the page resources of the second web page; the second web page includes a look control; the first channel establishment module 1003 is configured to call a web socket (websocket) service of the second web page and the installation-free application to establish a first data channel between the second web page and the installation-free application, in response to a trigger for the look control, so that the second web page sends a look request to the installation-free application through the first data channel.

[0078] The determination module 1004 is configured to determine a second terminal corresponding to the target object, in response to the look request; the first channel establishment request module 1005 is configured to request an audio / video service of the server to establish an audio channel between the installation-free application and an application program of the second terminal; the call request module 1006 is configured to request the audio / video service of the server to call the second terminal; the voice communication module 1007 is configured to call a real-time audio / video component of the installation-free application to perform voice communication with the application program of the second terminal based on the audio channel, in a case where the second terminal is called and connected; the second channel establishment request module 1008 is configured to request the websocket service of the server to establish a second data channel between the second web page and the application program of the second terminal; and the picture synchronization module 1009 is configured to send, to the application program of the second terminal, page resources of the second web page and page operation data of the second web page for the target object based on the second data channel, so that the application program directly displays the second web page based on the page resources of the second web page and renders the page operation data on the web page to realize picture synchronization.

[0079] In an optional embodiment, the first channel establishment module 1004, when calling the websocket service of the second web page and the installation-free application to establish the first data channel between the second web page and the installation-free application, is configured to: run the second web page to respond to a trigger for the look control, call the websocket service of the second web page to send a websocket connection request to the installation-free application; and the installation-free application, in response to the websocket connection request, establishes the first data channel between the second web page and the installation-free application.

[0080] In an optional embodiment, the first channel establishment request module 1005, when requesting the audio / video service of the server to establish an audio channel between the installation-free application and the application program of the second terminal, is configured to: run the installation-free application and send, based on the identifier of the second terminal, a first call connection request containing the identifier of the second terminal to the audio / video service of the server, so that the audio / video service establishes an audio group between the first terminal and the second terminal based on the first call connection request and sends a network address corresponding to the audio group to the installation-free application and the application program, to establish the audio channel between the installation-free application and the application program.

[0081] In an optional embodiment, the voice communication module 1007, when calling the real-time audio / video component of the installation-free application to perform voice communication with the application program of the second terminal based on the audio channel, is configured to: call the real-time audio / video component to send the picked-up first voice data to the network address, so that the server pushes the first voice data to the application program; and call the real-time audio / video component to pull the second voice data pushed by the application program from the network address, and call the real-time audio / video component to play the second voice data.

[0082] In an optional embodiment, the call request module 1006, when requesting the audio / video service of the server to call the second terminal, is configured to: run the installation-free application and send, based on the identifier of the second terminal, a second call connection request containing the identifier of the second terminal to the audio / video service of the server, so that the audio / video service calls the second terminal by calling the instant communication component in response to the second call connection request.

[0083] In an optional embodiment, the second channel establishment request module 1008, when requesting the websocket service of the server to establish a second data channel between the second web page and the application program of the second terminal, is configured to: in response to a call connection event of the second terminal, send a screen synchronization request containing the identifier of the second terminal to the websocket service of the server, so that the websocket service of the server establishes a websocket connection between the second web page and the application program of the second terminal as the second data channel based on the screen synchronization request.

[0084] In an optional embodiment, the second Web page further comprises a sharing control. The second channel establishment request module 1008 is further configured to: receive an identifier of the audio group returned by the audio / video service; in response to a trigger of the sharing control, provide the identifier of the audio group and the network address to the third terminal, so that the target application of the third terminal joins the audio group based on the identifier of the audio group; invoke the real-time audio / video component to perform voice communication with the target application of the third terminal based on the network address; perform screen synchronization with the target application of the third terminal for the target object through the websocket connection; and the target application is an installation-free application or an application program.

[0085] It should be noted that the specific functions and implementation processes of the modules in the above apparatus can be referred to the descriptions of the corresponding parts in the above method embodiments, which will not be repeated here.

[0086] Based on the above, the embodiments of the present application also provide an electronic device, such as Figure 4 As shown in the figure, the electronic device comprises a memory 41 and a processor 42; wherein the processor 42 and the memory 41 can be one or more.

[0087] The memory 41 is mainly used for storing computer programs which can be executed by the processor 42, so as to make the processor 42 control the electronic device to perform corresponding tasks. In addition to storing computer programs, the memory 41 can also be configured to store other various data to support the operation on the electronic device. Examples of these data include instructions of any application program or method used for operating on the electronic device.

[0088] The memory 41 can be realized by any type of volatile or non-volatile storage device or their combination, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk or optical disk.

[0089] In the embodiments of the present application, the implementation form of the processor 42 is not limited, for example, but not limited to CPU, GPU or MCU, etc. The processor 42 can be regarded as the control system of the electronic device, which can be used to execute the computer programs stored in the memory 41, so as to control the electronic device to realize corresponding functions, complete corresponding actions or tasks. It should be noted that according to the implementation form of the electronic device and the scene it is in, the functions it needs to realize, the actions or tasks it needs to complete will be different; accordingly, the computer programs stored in the memory 41 will also be different, and the processor 42 executing different computer programs can control the electronic device to realize different functions, complete different actions or tasks.

[0090] The processor 42, coupled with the memory 41, is configured to execute a computer program in the memory 41, so as to: in response to a trigger for a target object in a first web page corresponding to the installation-free application, acquire a page resource of a second web page corresponding to the target object from a server of the installation-free application; call a page view component of the installation-free application to render the second web page by using the page resource of the second web page; the second web page comprises: a look-around control; in response to a trigger for the look-around control, call a web socket (websocket) service of the second web page and the installation-free application to establish a first data channel between the second web page and the installation-free application, so that the second web page sends a look-around request to the installation-free application through the first data channel; in response to the look-around request, determine a second terminal corresponding to the target object; request an audio / video service of the server to establish an audio channel between the installation-free application and an application program of the second terminal, and request the audio / video service of the server to call the second terminal; in a case where the second terminal is called and connected, call a real-time audio / video component of the installation-free application to perform voice communication with the application program of the second terminal based on the audio channel; and request the websocket service of the server to establish a second data channel between the second web page and the application program of the second terminal; and send, to the application program of the second terminal, the page resource of the second web page and page operation data on the second web page for the target object based on the second data channel, so that the application program directly displays the second web page based on the page resource of the second web page and renders the page operation data on the web page to realize screen synchronization.

[0091] In an optional embodiment, when the processor 42 calls the websocket service of the second web page and the installation-free application to establish the first data channel between the second web page and the installation-free application, the processor 42 is specifically configured to: run the code of the second web page to call the websocket service of the second web page to send a websocket connection request to the installation-free application in response to the trigger for the look-around control; and the installation-free application establishes the first data channel between the second web page and the installation-free application in response to the websocket connection request.

[0092] In an optional embodiment, when the processor 42 requests the audio / video service of the server to establish the audio channel between the installation-free application and the application program of the second terminal, the processor 42 is specifically configured to: run the code of the installation-free application and send a first call connection request containing the identifier of the second terminal to the audio / video service of the server based on the identifier of the second terminal, so that the audio / video service establishes an audio group between the first terminal and the second terminal based on the first call connection request, and sends a network address corresponding to the audio group to the installation-free application and the application program, so as to establish the audio channel between the installation-free application and the application program.

[0093] In an optional embodiment, the processor 42, when invoking the real-time audio and video component of the installation-free application to perform voice communication with the application program of the second terminal based on the audio channel, specifically: invokes the real-time audio and video component to send the picked-up first voice data to the network address, so that the server pushes the first voice data to the application program; invokes the real-time audio and video component to pull the second voice data pushed by the application program from the network address, and invokes the real-time audio and video component to play the second voice data.

[0094] In an optional embodiment, the processor 42, when requesting the audio and video service of the server to call the second terminal, specifically: runs the code of the installation-free application and sends a second call connection request containing the identifier of the second terminal to the audio and video service of the server based on the identifier of the second terminal, so that the audio and video service invokes the instant messaging component to call the second terminal in response to the second call connection request.

[0095] In an optional embodiment, the processor 42, when requesting the websocket service of the server to establish a second data channel between the second Web page and the application program of the second terminal, specifically: in response to the call connection event of the second terminal, sends a screen synchronization request containing the identifier of the second terminal to the websocket service of the server, so that the websocket service of the server establishes a websocket connection between the second Web page and the application program of the second terminal as the second data channel based on the screen synchronization request.

[0096] In an optional embodiment, the processor 42, when sending the page resource of the second Web page and the page operation data of the target object on the second Web page to the application program of the second terminal based on the second data channel, specifically: sends the page resource of the second Web page to the application program of the second terminal through the websocket connection, so that the application program displays the second Web page based on the page resource of the second Web page; in response to the operation on the target object in the second Web page, obtains the page operation data; invokes the page view component of the installation-free application to render the page operation data on the second Web page; and provides the page operation data to the application program of the second terminal through the websocket connection, so that the application program renders the page operation data on the second Web page.

[0097] In an optional embodiment, the second web page further comprises a sharing control. The processor 42 is specifically further configured to: receive an identification of the audio group returned by the audio-video service; in response to a trigger for the sharing control, provide the identification of the audio group and the network address to the third terminal, so that the target application of the third terminal joins the audio group based on the identification of the audio group; invoke the real-time audio-video component to perform voice communication with the target application of the third terminal based on the network address; perform screen synchronization with the target application of the third terminal for the target object through the websocket connection; and the target application is an installation-free application or an application program.

[0098] In some optional embodiments, the electronic device can further comprise some basic components, such as a display 43, a power supply component 44, and a communication component 45, and other components. Only some components are shown in the figure, and it does not mean that the housing information processing device only comprises the components shown in the figure. For different application requirements, the electronic device can further comprise other components. As to the components that the electronic device can contain, it is specifically determined according to the product form of the electronic device, which is not limited herein.

[0099] Correspondingly, the embodiment of the present application further provides a computer readable storage medium storing a computer program, and the computer program is executed to implement each step that can be executed by the electronic device in the method embodiment.

[0100] It should be noted that the "first", "second", and the like in the present disclosure are used to distinguish different messages, devices, modules, etc., and do not represent the order of sequence, nor limit that the "first" and the "second" are different types.

[0101] Those skilled in the art should understand that the embodiments of the present application can be provided as a method, a system, or a computer program product. Therefore, the present application can be in the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware aspects. Moreover, the present application can be in the form of a computer program product implemented on one or more computer usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer usable program code.

[0102] The computer program instructions can also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer-implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart block or blocks.

[0103] These computer program instructions can also be stored in a computer readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer readable memory produce an article of manufacture including instructions which implement the function specified in the flowchart block or blocks.

[0104] These computer program instructions can also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer-implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart block or blocks.

[0105] In one typical configuration, the computing device includes one or more processors (CPUs), input / output interfaces, network interfaces, and memory.

[0106] The memory can include non-persistent memory and / or volatile memory, such as random access memory (RAM) for example, for storage of information and instructions to be executed by the processor. The memory can also include non-volatile memory, for example, read only memory (ROM), electrically programmable read only memory (EPROM), or electrically erasable programmable read only memory (EEPROM), for storage of static information and instructions for the processor. The memory is an example of computer readable media.

[0107] The computer readable media of a computer is a storage medium that can be read by a computer. It can also be referred to as a readable medium. The computer readable medium includes permanent and non-permanent, removable and non-removable media, which can be implemented by any method or technology to store information. The information can be computer readable instructions, data structures, program modules or other data. Examples of computer readable media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory (ROM), electrically erasable programmable read only memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), digital versatile disc (DVD) or other optical storage, magnetic cassette, magnetic disk storage or other magnetic storage device, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. According to the definition herein, computer readable media does not include transitory media such as modulated data signals and carriers.

[0108] It should also be noted that the terms "comprising", "including", or any other variant thereof are intended to cover non-exclusive inclusions, so that processes, methods, articles or devices that include a series of elements not only include those elements, but also include other elements not explicitly listed, or inherent to such processes, methods, articles or devices. Without more limitations, the element defined by the statement "including a" does not exclude the presence of other identical elements in the process, method, article or device including the element.

[0109] The above only describes the embodiments of the present application and is not intended to limit the present application. For those skilled in the art, the present application can have various modifications and changes. Any modification, equivalent replacement, improvement, etc. within the spirit and principle of the present application shall be included in the scope of claims of the present application.

Claims

1. A method for a look-see based on a non-installation application, suitable for a first terminal, characterized by, The method comprises: in response to a trigger for a target object in a first web page corresponding to the installation-free application, obtaining, from a server of the installation-free application, page resources of a second web page corresponding to the target object; calling a page view component of the installation-free application to render the second web page by using the page resources of the second web page; the second web page comprises a look control; in response to a trigger for the look control, calling a websocket service of the second web page and the installation-free application to establish a first data channel between the second web page and the installation-free application, the first data channel being used for data transmission between the second web page and the installation-free application, so that the second web page sends a look request to the installation-free application through the first data channel; in response to the look request, determining a second terminal corresponding to the target object; requesting an audio and video service of the server to establish an audio channel between the installation-free application and an application program of the second terminal, and requesting the audio and video service of the server to call the second terminal; in a case where the second terminal is called and connected, calling a real-time audio and video component of the installation-free application to perform voice communication with the application program of the second terminal based on the audio channel; and requesting the websocket service of the server to establish a second data channel between the second web page and the application program of the second terminal; based on the second data channel, sending, to the application program of the second terminal, page resources of the second web page and page operation data of the target object on the second web page, so that the application program directly displays the second web page based on the page resources of the second web page and renders the page operation data on the second web page to realize picture synchronization.

2. The method of claim 1, wherein, The calling of the websocket service of the second web page and the installation-free application to establish the first data channel between the second web page and the installation-free application comprises: in response to the trigger for the look control, the second web page calls the websocket service of the second web page to send a websocket connection request to the installation-free application; in response to the websocket connection request, the installation-free application establishes the first data channel between the second web page and the installation-free application.

3. The method of claim 1, wherein, The requesting of the audio and video service of the server to establish the audio channel between the installation-free application and the application program of the second terminal comprises: The installation-free application sends a first call connection request containing the identifier of the second terminal to the audio / video service of the server based on the identifier of the second terminal, so that the audio / video service establishes an audio group between the first terminal and the second terminal based on the first call connection request, and sends a network address corresponding to the audio group to the installation-free application and the application program, to establish an audio channel between the installation-free application and the application program.

4. The method of claim 3, wherein, The real-time audio / video component calling the installation-free application performs voice communication with the application program of the second terminal based on the audio channel, including: The real-time audio / video component is called to send the picked-up first voice data to the network address, so that the server pushes the first voice data to the application program; The real-time audio / video component is called to pull the second voice data pushed by the application program from the network address, and the real-time audio / video component is called to play the second voice data.

5. The method of claim 3, wherein, The audio / video service of the server is requested to call the second terminal, including: The installation-free application sends a second call connection request containing the identifier of the second terminal to the audio / video service of the server based on the identifier of the second terminal, so that the audio / video service calls the second terminal by invoking an instant communication component in response to the second call connection request.

6. The method according to any one of claims 3-5, characterized in that, The websocket service of the server is requested to establish a second data channel between the second Web page and the application program of the second terminal, including: In response to the call connection event of the second terminal, a screen synchronization request containing the identifier of the second terminal is sent to the websocket service of the server, so that the websocket service of the server establishes a websocket connection between the second Web page and the application program of the second terminal as the second data channel based on the screen synchronization request.

7. The method of claim 6, wherein, Based on the second data channel, the page resource of the second Web page and the page operation data of the target object on the second Web page are sent to the application program of the second terminal, including: The page resource of the second Web page is sent to the application program of the second terminal through the websocket connection, so that the application program displays the second Web page based on the page resource of the second Web page; In response to the operation on the target object in the second Web page, the page operation data is obtained; The page view component of the installation-free application is called to render the page operation data on the second Web page; And the page operation data is provided to the application program of the second terminal through the websocket connection, so that the application program renders the page operation data on the second Web page.

8. The method of claim 6, wherein, The second Web page further includes a sharing control; the method further includes: The identifier of the audio group returned by the audio / video service is received; In response to a trigger for the sharing control, providing the identification of the audio group and the network address to a third terminal, so that a target application of the third terminal joins the audio group based on the identification of the audio group; Calling a real-time audio and video component to perform voice communication with the target application of the third terminal based on the network address; Performing screen synchronization with the target application of the third terminal for the target object through the websocket connection; the target application is a plug-in application or an application program.

9. An installation-free application-based look-see device adapted for a first terminal, characterized by, The method comprises: an acquisition module, configured to acquire, from a server of the plug-in application, page resources of a second web page corresponding to a target object in response to a trigger for the target object in a first web page corresponding to the plug-in application; a rendering module, configured to call a page view component of the plug-in application to render the second web page by using the page resources of the second web page; the second web page comprises a viewing control; a first channel establishment module, configured to call a websocket service of the second web page and the plug-in application to establish a first data channel between the second web page and the plug-in application in response to a trigger for the viewing control; the first data channel is used for data transmission between the second web page and the plug-in application, so that the second web page sends a viewing request to the plug-in application through the first data channel; a determination module, configured to determine a second terminal corresponding to the target object in response to the viewing request; a first channel establishment request module, configured to request an audio and video service of the server to establish an audio channel between the plug-in application and an application program of the second terminal; a call request module, configured to request the audio and video service of the server to call the second terminal; a voice communication module, configured to call a real-time audio and video component of the plug-in application to perform voice communication with the application program of the second terminal based on the audio channel in a case where the second terminal is called and connected; a second channel establishment request module, configured to request a websocket service of the server to establish a second data channel between the second web page and the application program of the second terminal; a screen synchronization module, configured to send, to the application program of the second terminal, the page resources of the second web page and page operation data of the second web page for the target object based on the second data channel, so that the application program directly displays the second web page based on the page resources of the second web page and renders the page operation data on the second web page to realize screen synchronization.

10. An electronic device, comprising: The method comprises: a memory and a processor; the memory is configured to store a computer program, the computer program comprises a plug-in application, and the processor is coupled with the memory and is configured to execute the computer program to implement the steps in the method according to any one of claims 1 to 8.

11. A computer readable storage medium storing a computer program, characterized in that, The computer program is configured to, when executed by a processor, enable the processor to implement the steps of the method of any one of claims 1-8.

Citation Information

Patent Citations

  • House same-screen watching method, system, device and computer readable storage medium

    CN112347401A

  • Online same-screen watching interaction method and device and computer readable storage medium

    CN114138223A

  • Online taking and watching method and device, equipment and storage medium

    CN115272623A