Screen projection method and equipment

Abstract

The invention relates to the technical field of data processing, in particular to a screen projection method and equipment. In the embodiment of the invention, the screen projection component is constructed and added into the web page, so that screen projection can be flexibly carried out in web pages of different customized UIs. And the projection screen content is integrated with the web page by pre-configuring the position information of the sub-region which is pre-configured in the web page and is used for displaying the projection screen content. Meanwhile, the embodiment of the invention also supports a plurality of pieces of screen projection end equipment to project the screen into one web page.

Description

Technical Field

[0001] The present application relates to the field of data processing technology, and in particular to a screen projection method and device. Background Art

[0002] With the development of Internet technology, screen projection technology has gradually become popular. The screen projection method in the related technology relies on screen projection software, that is, the screen projection software is installed in the screen projection end device and the display end device respectively, and then the screen projection end device and the display end device establish a communication connection based on the screen projection software, so as to realize the display of the content in the screen projection end device on the page of the display end device.

[0003] Based on this, the screen projection method in the related art requires the installation of screen projection software on both devices for screen projection, which will occupy the memory of the device. In addition, in the screen projection method in the related art, the screen projection software and the web page of the display device are independent of each other, and the display styles of the two are very different, resulting in poor display effect. Summary of the invention

[0004] The present application provides a screen projection method and device to solve the problem that the screen projection method in the related art requires the electronic device to install screen projection software, which will occupy the memory of the electronic device, and the screen projection software cannot be integrated with the web page of the display device, resulting in poor display effect.

[0005] In a first aspect, an embodiment of the present application provides a screen projection method, which is applied to a display terminal device, and the method includes:

[0006] If a trigger instruction for the screen projection component displayed on the web page is received, a communication connection is established with at least one screen projection terminal device;

[0007] Receiving a screen projection request sent by the at least one screen projection terminal device based on the communication connection, and obtaining the screen content to be projected carried in the screen projection request;

[0008] The content to be projected is displayed according to the position information of the sub-area pre-configured in the web page for displaying the projected content.

[0009] In a second aspect, an embodiment of the present application further provides a screen projection method, which is applied to a screen projection terminal device, and the method includes:

[0010] Establishing a communication connection with the display terminal device and displaying a screen projection information confirmation page; wherein the screen projection information confirmation page includes at least one identifier of content used for screen projection;

[0011] Receive a selection operation on a target identifier input on the projection information confirmation page, and send the content of the target identifier as the content to be projected to the display device, so that the content to be projected is displayed in a sub-area of ​​a web page of the display device.

[0012] In a third aspect, an embodiment of the present application further provides an electronic device, which includes at least a processor and a memory, and the processor is used to implement the steps of any of the screen projection methods described above when executing a computer program stored in the memory.

[0013] In an embodiment of the present application, if a trigger instruction for a screen projection component displayed on a web page is received, a communication connection is established with at least one screen projection terminal device; a screen projection request sent by at least one screen projection terminal device based on the communication connection is received, and the content to be projected carried in the screen projection request is obtained; and the content to be projected is displayed according to the location information of the sub-area pre-configured in the web page for displaying the projected content. In an embodiment of the present application, a screen projection component is constructed, and the screen projection component is added to the web page, so that the screen can be projected flexibly in web pages with different customized UIs. And by pre-configuring the location information of the sub-area pre-configured in the web page for displaying the projected content, the projected content and the web page are integrated. At the same time, the embodiment of the present application also supports multiple screen projection devices to project onto one web page. BRIEF DESCRIPTION OF THE DRAWINGS

[0014] In order to more clearly illustrate the technical solution of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

[0015] Figure 1 A schematic diagram of a screen projection using a split-screen software to display different page combinations in different areas provided in an embodiment of the present application;

[0016] Figure 2 A schematic diagram of screen projection without splitting the screen using split-screen software provided in an embodiment of the present application;

[0017] Figure 3 A schematic diagram of screen projection of the screen projection software provided in an embodiment of the present application;

[0018] Figure 4 A schematic diagram of a screen projection process provided in an embodiment of the present application;

[0019] Figure 5 A schematic diagram of a screen projection process provided in an embodiment of the present application;

[0020] Figure 6 A screen projection flow chart provided for an embodiment of the present application;

[0021] Figure 7 A schematic diagram of the structure of a screen projection device provided in an embodiment of the present application;

[0022] Figure 8 A schematic diagram of the structure of a screen projection device provided in an embodiment of the present application;

[0023] Fig. 9 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0024] In order to make the purpose, technical scheme and advantages of the present application clearer, the technical scheme in the embodiment of the present application will be clearly and completely described below in conjunction with the drawings in the embodiment of the present application. Obviously, the described embodiment is only a part of the embodiment of the present application, rather than all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in the field without making creative work are within the scope of protection of the present application. In the absence of conflict, the embodiments in the present application and the features in the embodiments can be arbitrarily combined with each other. In addition, although the logical order is shown in the flow chart, in some cases, the steps shown or described can be performed in an order different from that here.

[0025] The terms "first" and "second" in the specification and claims of the present application and the above-mentioned drawings are used to distinguish different objects, rather than to describe a specific order. In addition, the term "comprising" and any of their variations are intended to cover non-exclusive protection. For example, a process, method, system, product or device comprising a series of steps or units is not limited to the listed steps or units, but optionally also includes steps or units that are not listed, or optionally also includes other steps or units inherent to these processes, methods, products or devices. "Multiple" in the present application can mean at least two, for example, two, three or more, and the embodiments of the present application are not limited.

[0026] The following is a description of exemplary embodiments of the present application in conjunction with the accompanying drawings, including various details of the embodiments of the present application to facilitate understanding, which should be considered as merely exemplary. Therefore, those of ordinary skill in the art should recognize that various changes and modifications can be made to the embodiments described herein without departing from the scope of the present application. Similarly, for the sake of clarity and conciseness, the description of well-known functions and structures is omitted in the following description. It should be noted that in the embodiments of the present application, certain software, components, models and other existing solutions in the industry may be mentioned, which should be considered as exemplary, and their purpose is only to illustrate the feasibility of the implementation of the technical solution of the present application, but it does not mean that the applicant has or will necessarily use the solution.

[0027] Figure 1 A schematic diagram of using split screen software to display different page combinations in different areas for projection screens provided in an embodiment of the present application, such as Figure 1 As shown in the figure, the large screen of the display device is divided into area A and area B. Area A displays the projected page of the mobile phone (projected mobile phone) through the projection software PC client (fixed PC in the exhibition hall). Area B displays the projected page of the PC (projected PC) through the projection software PC client (fixed PC in the exhibition hall).

[0028] Figure 2 A schematic diagram of screen projection using split-screen software without splitting the screen is provided in an embodiment of the present application, such as Figure 2 As shown, the PC client of the projection software is directly superimposed on the upper layer of the large-screen web page loaded through the browser, and the projected page on the PC (projection PC) is displayed through the PC client of the projection software (fixed PC in the exhibition hall), or the projected page is opened by setting the PC in the exhibition hall. Then the page is projected to the PC client through the mobile phone, and the browser large-screen page is superimposed through the PC projection client (mobile page, generally with a mobile phone simulator shell) to achieve a combined effect.

[0029] As mentioned above, the two areas of the split-screen software are isolated. For embedded screen projection, it depends on whether the split-screen software supports the picture-in-picture mode. Either way, two or more pages need to be loaded into different browsers in full screen or screen projection client combinations. And the screen projection client and the PC browser are two different software, and the UI cannot be customized. It can only be customized and adapted according to the existing UI of the browser and screen projection client software. That is, in the prior art, the screen projection software cannot achieve the effect of completely integrating the screen projection area and the web page.

[0030] Specifically, Figure 3 A schematic diagram of the screen projection software provided in the embodiment of the present application, such as Figure 3 As shown, on the large screen of the display device, there is an area that displays the content of the projection device.

[0031] Based on this, the embodiment of the present application provides a screen projection method and device. In the embodiment of the present application, if a trigger instruction for the screen projection component displayed on a web page is received, a communication connection is established with at least one screen projection terminal device; a screen projection request sent by at least one screen projection terminal device based on the communication connection is received, and the screen content to be projected carried in the screen projection request is obtained; and the screen content to be projected is displayed according to the position information of the sub-area pre-configured in the web page for displaying the screen projection content.

[0032] Embodiment 1:

[0033] Figure 4 A schematic diagram of a screen projection process provided in an embodiment of the present application, the process includes:

[0034] S401: If a trigger instruction for a screen projection component for displaying a web page is received, a communication connection is established with at least one screen projection terminal device.

[0035] A screen projection method provided in an embodiment of the present application is applied to a display end device, which is an electronic device, such as a PC, a terminal, etc.

[0036] In an embodiment of the present application, a screen projection component is constructed and added to a web page, so that the projected content can be displayed on the web page, and the appearance of the projected content can be consistent with the style of the web, thereby improving the screen projection effect.

[0037] Specifically, if the display terminal device receives a trigger instruction for the screen projection component displayed on the web page, the display terminal determines that the screen needs to be projected in the web page. The display terminal will establish a communication connection with at least one screen projection terminal device, so as to receive the content to be projected sent by the at least one screen projection terminal device, and project the screen in the web page.

[0038] S402: Receive a screen projection request sent by at least one screen projection device based on the communication connection, and obtain the content to be projected carried in the screen projection request.

[0039] In an embodiment of the present application, after the display end device establishes a communication connection with at least one projection end device, each projection end device sends a projection request to the display end device based on the corresponding communication connection, wherein the projection request carries the content to be projected.

[0040] Specifically, for each screen projection device, after the screen projection device establishes a communication connection with the display device, the screen projection device sends a screen projection request carrying the content to be projected to the display device through the communication connection. The content to be projected can be the content currently displayed by the screen projection device, or other content included in the screen projection device selected by the user, which is not limited here.

[0041] In a possible implementation, after the display terminal device receives a screen projection request sent by any screen projection terminal device, the display terminal device obtains the content to be projected carried in the screen projection request.

[0042] S403: Display the content to be projected according to the position information of the sub-area pre-configured in the web page for displaying the projected content.

[0043] In an embodiment of the present application, the display terminal device is pre-configured with location information of a sub-area for displaying the projection content. It should be noted that a sub-area can be configured in a web page. However, in order to support multiple projection devices to project screens into a web page, multiple sub-areas can also be configured in the web page, and each sub-area does not overlap with each other, and the size of each sub-area can be the same or different, and there is no restriction here.

[0044] In an embodiment of the present application, for each projection content sent by the projection end device, after the display end device obtains the projection content, the display end device allocates a pre-configured sub-area for displaying the projection content to the projection end device, obtains the pre-configured position information of the sub-area, and displays the projection content in the sub-area.

[0045] In the embodiment of the present application, a screen projection component is constructed and added to a web page, so that screen projection can be flexibly performed in web pages with different customized UIs. And by pre-configuring the location information of the sub-area for displaying the screen projection content in the web page, the screen projection content and the web page are integrated. At the same time, the embodiment of the present application also supports multiple screen projection devices to project screens into one web page.

[0046] Embodiment 2:

[0047] In order to realize screen projection on a web page and improve the screen projection effect, based on the above embodiment, in an embodiment of the present application, establishing a communication connection with at least one screen projection terminal device includes:

[0048] Displaying a two-dimensional code image carrying information of the communication path;

[0049] Receive a request for establishing a communication connection sent by at least one screen projection device after scanning the QR code image, and establish a communication connection with the at least one screen projection device.

[0050] In the embodiment of the present application, after the display terminal device receives the trigger instruction of the screen projection component for displaying the web page, the display terminal device will display a QR code image carrying the information of the communication path. The user can operate the screen projection terminal device to scan the QR code image, thereby controlling the screen projection terminal device to establish a communication link with the display terminal device.

[0051] Specifically, if the display end device receives a request for establishing a communication connection sent by at least one projection end device after scanning a QR code image, the display end device establishes a communication connection with the at least one projection end device.

[0052] Embodiment 3:

[0053] In order to realize screen projection on a web page and improve the screen projection effect, based on the above embodiments, in an embodiment of the present application, the displaying of the content to be projected according to the position information of the sub-area for displaying the screen projection content pre-configured in the web page includes:

[0054] Determine the target number of the content to be projected;

[0055] Determine the target number of target sub-areas with high priority according to the priority corresponding to each sub-area for displaying the projection content that is saved;

[0056] According to the saved target position information corresponding to each target sub-area, the corresponding content to be projected is displayed in each target sub-area; wherein the content to be projected displayed in each target sub-area is different.

[0057] In an embodiment of the present application, when there is content to be projected, the display device can randomly allocate a sub-area for displaying the content to be projected; in addition, for ease of management, a priority can be pre-configured for each sub-area. When projecting, a sub-area is allocated to the content to be projected according to the priority corresponding to each sub-area.

[0058] Specifically, the display terminal device determines the target number of content to be projected. The display terminal device determines the target number of target sub-areas with high priority according to the priority corresponding to each sub-area saved for displaying the projected content. The display terminal device displays the corresponding content to be projected in each target sub-area according to the target position information corresponding to each saved target sub-area.

[0059] It should be noted that in the embodiment of the present application, each sub-area does not overlap with each other, and the content to be projected displayed in each target sub-area is different.

[0060] Embodiment 4:

[0061] In order to realize screen projection on a web page and improve the screen projection effect, based on the above embodiments, in an embodiment of the present application, the method further includes:

[0062] Obtaining the saved original content of the web page;

[0063] Determine other areas of the web page that do not display the content to be projected, and display the original content in the other areas.

[0064] In an embodiment of the present application, after one or some sub-areas of a web page are used to display the content to be projected, the display device will adjust the original content of the web page for better display.

[0065] Specifically, before screen projection, the display terminal device will save the original content currently displayed on the web page in advance. After the screen projection is completed, the display terminal device obtains the saved original content of the web page, determines other areas of the web page that do not display the content to be projected, and displays the original content in the other areas.

[0066] Embodiment 5:

[0067] In order to realize screen projection on a web page and improve the screen projection effect, based on the above embodiments, in an embodiment of the present application, the method further includes:

[0068] Receiving an input display style switching instruction carrying a target identifier;

[0069] The display style of the web page including the sub-area is switched to the target display style corresponding to the target identifier.

[0070] Since the embodiment of the present application realizes screen projection on a web page by constructing a screen projection component, the sub-area used to display the content to be projected is consistent with the display style of the web page.

[0071] Based on this, in the embodiment of the present application, the display terminal device may also receive an input display style switching instruction carrying a target identifier. If the display terminal device receives the display style switching instruction, the display terminal device switches the display style of the web page including the sub-area to the target display style corresponding to the target identifier.

[0072] The display style may be color, text type, border, etc., which will not be elaborated here.

[0073] In order to realize screen projection on web pages and improve the screen projection effect, on the basis of the above embodiments, in the embodiment of the present application, the communication connection is established based on the WebSocket protocol.

[0074] In order to enable interaction between the display end device and the projection end device, in an embodiment of the present application, a communication connection between each projection end device and the display end device is established through the WebSocket protocol.

[0075] Among them, ebSocket is a protocol for full-duplex communication on a single TCP connection. The WebSocket communication protocol was standardized by IETF as RFC 6455 in 2011, and supplemented by RFC7936. The WebSocket API was also standardized by W3C.

[0076] WebSocket makes data exchange between clients and servers easier, allowing the server to actively push data to the client. In the WebSocket API, the browser and the server only need to complete a handshake to directly create a persistent connection between the two and perform two-way data transmission.

[0077] Embodiment 6:

[0078] Figure 5 A screen projection process schematic diagram provided in an embodiment of the present application is applied to a screen projection terminal device, and the process includes:

[0079] S501: Establish a communication connection with a display device and display a screen projection information confirmation page; wherein the screen projection information confirmation page includes at least one identifier of content used for screen projection.

[0080] A screen projection method provided in an embodiment of the present application is applied to a screen projection end device, where the display end device is an electronic device, which may be a PC, a terminal, etc.

[0081] In the embodiment of the present application, the screen projection end device establishes a communication connection with the display end device, and displays a screen projection information confirmation page, so that the user can select the content to be projected by himself, thereby improving the applicability of screen projection.

[0082] The screen projection information confirmation page includes at least one identifier of the content used for screen projection. The identifier can be a name, summary, or other information used to describe the content.

[0083] S502: Receive a selection operation for a target identifier input on the projection information confirmation page, and send the content of the target identifier as the content to be projected to the display device, so that the content to be projected is displayed in a sub-area of ​​the web page of the display device.

[0084] In an embodiment of the present application, the user can enter a selection operation on the projection information confirmation page to select the content to be projected.

[0085] Specifically, the user can select a target identifier on the projection information confirmation page. After receiving the selection operation of the target identifier, the projection terminal device sends the content of the target identifier as the content to be projected to the display terminal device, so that the content to be projected is displayed in the sub-area of ​​the web page of the display terminal device.

[0086] In an embodiment of the present application, screen projection is turned into an independent Web component, so that it can be flexibly used in web pages with different customized UIs, can be fully integrated with the web pages, and supports screen projection of multiple devices to one web page.

[0087] Embodiment 7:

[0088] In order to realize screen projection on a web page and improve the screen projection effect, on the basis of the above embodiments, in an embodiment of the present application, establishing a communication connection with the display terminal device includes:

[0089] Based on the image acquisition component, an image of the display page of the display terminal device is acquired;

[0090] The two-dimensional code image contained in the image is scanned, a request for establishing a communication connection is sent to the display terminal device, and a communication connection is established with the display terminal device.

[0091] In an embodiment of the present application, the user controls the projection device to scan the QR code image displayed by the display device, thereby establishing a communication connection between the projection device and the display device.

[0092] Specifically, the projection device captures the image of the display page of the display device based on the image acquisition component, scans the QR code image contained in the image, sends a request to establish a communication connection to the display device, and establishes a communication connection with the display device.

[0093] Embodiment 8:

[0094] In order to realize screen projection on a web page and improve the screen projection effect, based on the above embodiments, in an embodiment of the present application, the method further includes:

[0095] Receiving an input operation instruction, wherein the operation instruction carries an operation object and operation content;

[0096] Based on the communication connection, the operation instruction is sent to the display terminal device.

[0097] In an embodiment of the present application, the user can also adjust the content to be projected displayed on the display end by operating the projection device.

[0098] Specifically, the screen projection terminal device receives an input operation instruction, wherein the operation instruction carries an operation object and operation content, and sends the operation instruction to the display terminal device based on the communication connection.

[0099] Figure 6 The screen projection flow chart provided in the embodiment of the present application is as follows: Figure 6 As shown, the process includes:

[0100] 1. The screen projection component is initialized. The large screen page loads the QR code page of the container Web application through iframe. The QR code is the control end of the projected page. At the same time, the SDK communication service is initialized to wait for the jump message to be received;

[0101] 2. Scan the code with your mobile phone or Pad camera;

[0102] 3. Initialize SDK communication and page operation synchronization logic (sending side) after loading the page;

[0103] 4. The invested side sends a message to the container page to jump to the web page;

[0104] 5. After receiving the jump message, jump to the projection mode of the projected page, and initialize the SDK communication and page operation synchronization logic (receiving side).

[0105] The SDK core is divided into at least two parts: page operation synchronization and communication service integration:

[0106] Page operation synchronization includes: sending logic processing of page operation events on the projected side and receiving logic processing of page operation events on the projected side;

[0107] Communication service integration includes: communication service connection management, which can be sent and received based on WebSocket and communication message data protocol.

[0108] Embodiment 9:

[0109] Based on the same inventive concept, the embodiment of the present application provides a service processing device, Figure 7 This is a schematic diagram of a screen projection device structure provided in an embodiment of the present application, which is applied to a display terminal device. Please refer to Figure 7 , the device comprises:

[0110] The communication module 701 is used to establish a communication connection with at least one screen projection terminal device if a trigger instruction of a screen projection component displayed on a web page is received;

[0111] Processing module 702 is used to receive a screen projection request sent by at least one screen projection device based on the communication connection, and obtain the content to be projected carried in the screen projection request; and display the content to be projected according to the location information of the sub-area pre-configured in the web page for displaying the projected content.

[0112] In a possible implementation, the communication module 701 is specifically used to display a QR code image carrying information about a communication path; receive a request for establishing a communication connection sent by at least one projection device after scanning the QR code image, and establish a communication connection with the at least one projection device.

[0113] In a possible implementation, the processing module 702 is specifically used to determine the target number of contents to be projected; determine the target number of target sub-areas with high priority according to the priority corresponding to each sub-area saved for displaying the projected contents; and display the corresponding contents to be projected in each target sub-area according to the target position information corresponding to each saved target sub-area; wherein the contents to be projected displayed in each target sub-area are different.

[0114] In a possible implementation, the processing module 702 is further used to obtain the saved original content of the web page; determine other areas of the web page that do not display the content to be projected, and display the original content in the other areas.

[0115] In a possible implementation, the processing module 702 is further configured to receive an input display style switching instruction carrying a target identifier; and switch the display style of the web page including the sub-region to a target display style corresponding to the target identifier.

[0116] In a possible implementation, the communication connection is established based on the WebSocket protocol.

[0117] Based on the same inventive concept, the embodiment of the present application provides a service processing device, Figure 8 A schematic diagram of the structure of a screen projection device provided in an embodiment of the present application, which is applied to a screen projection terminal device, please refer to Figure 8 , the device comprises:

[0118] The communication module 801 is used to establish a communication connection with the display terminal device and display a screen projection information confirmation page; wherein the screen projection information confirmation page includes at least one identifier of the content used for screen projection;

[0119] Processing module 802 is used to receive a selection operation on a target identifier input on the projection information confirmation page, and send the content of the target identifier as the content to be projected to the display device, so that the content to be projected is displayed in a sub-area of ​​the web page of the display device.

[0120] In a possible implementation, the communication module 801 is specifically used to capture an image of a display page of the display terminal device based on an image acquisition component; scan the QR code image contained in the image, send a request to establish a communication connection to the display terminal device, and establish a communication connection with the display terminal device.

[0121] In a possible implementation, the communication module 801 is further configured to receive an input operation instruction, wherein the operation instruction carries an operation object and operation content; and based on the communication connection, send the operation instruction to the display terminal device.

[0122] Embodiment 10:

[0123] Based on the same inventive concept, an embodiment of the present application provides an electronic device, which can implement the steps of the screen projection method discussed above. Fig. 9 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application is shown in FIG. Fig. 9 As shown, it includes: a processor 901, a communication interface 902, a memory 903 and a communication bus 904, wherein the processor 901, the communication interface 902, and the memory 903 communicate with each other through the communication bus 904;

[0124] The memory 903 stores a computer program. When the program is executed by the processor 901, the processor 901 performs the following steps:

[0125] If a trigger instruction for the screen projection component displayed on the web page is received, a communication connection is established with at least one screen projection terminal device;

[0126] Receiving a screen projection request sent by the at least one screen projection terminal device based on the communication connection, and obtaining the screen content to be projected carried in the screen projection request;

[0127] The content to be projected is displayed according to the position information of the sub-area pre-configured in the web page for displaying the projected content.

[0128] In a possible implementation, establishing a communication connection with at least one screen projection device includes:

[0129] Displaying a QR code image carrying information on the communication path;

[0130] Receive a request for establishing a communication connection sent by at least one screen projection device after scanning the QR code image, and establish a communication connection with the at least one screen projection device.

[0131] In a possible implementation, displaying the content to be projected according to the position information of the sub-area pre-configured in the web page for displaying the projected content includes:

[0132] Determine the target number of the content to be projected;

[0133] Determine the target number of target sub-areas with high priority according to the priority corresponding to each sub-area for displaying the projection content that is saved;

[0134] According to the saved target position information corresponding to each target sub-area, the corresponding content to be projected is displayed in each target sub-area; wherein the content to be projected displayed in each target sub-area is different.

[0135] In a possible implementation, the method further includes:

[0136] Obtaining the saved original content of the web page;

[0137] Determine other areas of the web page that do not display the content to be projected, and display the original content in the other areas.

[0138] In a possible implementation, the method further includes:

[0139] Receiving an input display style switching instruction carrying a target identifier;

[0140] The display style of the web page including the sub-area is switched to the target display style corresponding to the target identifier.

[0141] In a possible implementation, the communication connection is established based on the WebSocket protocol.

[0142] Alternatively, the processor 501 is further configured to execute the following steps:

[0143] Establishing a communication connection with the display terminal device and displaying a screen projection information confirmation page; wherein the screen projection information confirmation page includes at least one identifier of content used for screen projection;

[0144] Receive a selection operation on a target identifier input on the projection information confirmation page, and send the content of the target identifier as the content to be projected to the display device, so that the content to be projected is displayed in a sub-area of ​​a web page of the display device.

[0145] In a possible implementation manner, establishing a communication connection with the display terminal device includes:

[0146] Based on the image acquisition component, an image of the display page of the display terminal device is acquired;

[0147] The two-dimensional code image contained in the image is scanned, a request for establishing a communication connection is sent to the display terminal device, and a communication connection is established with the display terminal device.

[0148] In a possible implementation, the method further includes:

[0149] Receiving an input operation instruction, wherein the operation instruction carries an operation object and operation content;

[0150] Based on the communication connection, the operation instruction is sent to the display terminal device.

[0151] Since the principle of solving the problem by the above electronic device is similar to that of the screen projection method, the implementation of the above electronic device can refer to the embodiment of the method, and the repeated parts will not be repeated.

[0152] The communication bus mentioned in the above electronic device can be a Peripheral Component Interconnect (PCI) bus or an Extended Industry Standard Architecture (EISA) bus, etc. The communication bus can be divided into an address bus, a data bus, a control bus, etc. For ease of representation, only one thick line is used in the figure, but it does not mean that there is only one bus or one type of bus. The communication interface 902 is used for communication between the above electronic device and other devices. The memory may include a random access memory (RAM) and may also include a non-volatile memory (NVM), such as at least one disk storage. Optionally, the memory may also be at least one storage device located away from the aforementioned processor.

[0153] The above-mentioned processor can be a general-purpose processor, including a central processing unit, a network processor (Network Processor, NP), etc.; it can also be a digital signal processing processor (Digital Signal Processing, DSP), an application-specific integrated circuit, a field programmable gate array or other programmable logic device, a discrete gate or transistor logic device, a discrete hardware component, etc.

[0154] Embodiment 11:

[0155] Based on the same inventive concept, an embodiment of the present application provides a computer-readable storage medium, in which a computer program executable by a processor is stored. When the program runs on the processor, the processor executes any of the screen projection methods discussed above. Since the principle of solving the problem by the above-mentioned computer-readable storage medium is similar to that of the screen projection method, the implementation of the above-mentioned computer-readable storage medium can refer to the implementation of the method, and the repeated parts will not be repeated.

[0156] Those skilled in the art will appreciate that the embodiments of the present application may be provided as methods, systems, or computer program products. Therefore, the present application may adopt the form of a complete hardware embodiment, a complete software embodiment, or an embodiment in combination with software and hardware. Moreover, the present application may adopt the form of a computer program product implemented in one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) that include computer-usable program code.

[0157] The present application is described with reference to the flowcharts and / or block diagrams of the methods, devices (systems), and computer program products according to the present application. It should be understood that each process and / or box in the flowchart and / or block diagram, as well as the combination of the processes and / or boxes in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to produce a machine, so that the instructions executed by the processor of the computer or other programmable data processing device generate instructions for implementing the processes in the flowchart and / or block diagram. Figure 1 A process or multiple processes and / or boxes Figure 1 A device that provides the functions specified in a block or multiple blocks.

[0158] These computer program instructions may also be stored in a computer-readable memory capable of directing a computer or other programmable data processing device to operate in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture comprising an instruction device, which implements the process Figure 1 A process or multiple processes and / or boxes Figure 1 A function specified in one or more boxes.

[0159] These computer program instructions can also be loaded onto a computer or other programmable data processing device so that a series of operating steps are executed on the computer or other programmable device to produce a computer-implemented process, thereby providing instructions for implementing the process. Figure 1 A process or multiple processes and / or boxes Figure 1 The steps for the functions specified in one or more boxes.

[0160] Obviously, those skilled in the art can make various changes and modifications to the present application without departing from the spirit and scope of the present application. Thus, if these modifications and variations of the present application fall within the scope of the claims of the present application and their equivalents, the present application is also intended to include these modifications and variations.

Claims

1. A screen projection method, characterized in that: Applied to a display terminal device, the method comprises: If a trigger instruction for the screen projection component displayed on the web page is received, a communication connection is established with at least one screen projection terminal device; Receiving a screen projection request sent by the at least one screen projection terminal device based on the communication connection, and obtaining the screen content to be projected carried in the screen projection request; The content to be projected is displayed according to the position information of the sub-area pre-configured in the web page for displaying the projected content.

2. The method according to claim 1, characterized in that The establishing of a communication connection with at least one screen projection terminal device includes: Displaying a QR code image carrying information on the communication path; Receive a request for establishing a communication connection sent by at least one screen projection device after scanning the QR code image, and establish a communication connection with the at least one screen projection device.

3. The method according to claim 1, characterized in that The displaying the content to be projected according to the position information of the sub-area pre-configured in the web page for displaying the projected content comprises: Determine the target number of the content to be projected; Determine the target number of target sub-areas with high priority according to the priority corresponding to each sub-area for displaying the projection content that is saved; According to the saved target position information corresponding to each target sub-area, the corresponding content to be projected is displayed in each target sub-area; wherein the content to be projected displayed in each target sub-area is different.

4. The method according to claim 3, characterized in that The method further comprises: Obtaining the saved original content of the web page; Determine other areas of the web page that do not display the content to be projected, and display the original content in the other areas.

5. The method according to claim 1, characterized in that The method further comprises: Receiving an input display style switching instruction carrying a target identifier; The display style of the web page including the sub-area is switched to the target display style corresponding to the target identifier.

6. The method according to any one of claims 1 to 5, characterized in that: The communication connection is established based on the WebSocket protocol.

7. A screen projection method, characterized in that: Applied to a screen projection device, the method includes: Establishing a communication connection with the display terminal device and displaying a screen projection information confirmation page; wherein the screen projection information confirmation page includes at least one identifier of content used for screen projection; Receive a selection operation on a target identifier input on the projection information confirmation page, and send the content of the target identifier as the content to be projected to the display device, so that the content to be projected is displayed in a sub-area of ​​a web page of the display device.

8. The method according to claim 7, characterized in that The establishing of a communication connection with the display terminal device comprises: Based on the image acquisition component, an image of the display page of the display terminal device is acquired; The two-dimensional code image contained in the image is scanned, a request for establishing a communication connection is sent to the display terminal device, and a communication connection is established with the display terminal device.

9. The method according to claim 7, characterized in that: The method further comprises: Receiving an input operation instruction, wherein the operation instruction carries an operation object and operation content; Based on the communication connection, the operation instruction is sent to the display terminal device.

10. An electronic device, characterized in that: The electronic device includes at least a processor and a memory, and the processor is used to implement the steps of the screen projection method as described in any one of claims 1-6 or claims 7-9 when executing a computer program stored in the memory.

Images