A page display method, device, computer equipment and storage medium

Abstract

The present disclosure provides a page display method, apparatus, computer equipment and storage medium, wherein the method comprises: obtaining a first size of a first display area of ​​a second user terminal; determining a second size of a second display area based on the first size; the second size is the size of content displayed synchronously on the second user terminal among the content displayed on the first user terminal; determining first target position information of target content located in the second display area in a target page of the first user terminal, and sending the first target position information to the second user terminal; so that the second user terminal displays the target content in the first display area based on the first target position information.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to a page display method, device, computer equipment and storage medium. Background Art

[0002] Online live broadcasts and conferences use the Internet to achieve data sharing among multiple users in different locations. This way, multiple purposes can be achieved, such as online sales, remote customer support, online technical support, remote training, and online marketing activities.

[0003] However, in online live broadcast or conference scenarios, the screen ratios of different user terminals may be inconsistent. For example, the screen ratios of the conference host and the conference participants in an online conference may be inconsistent. This may result in the screen content shared in real time by the conference host being unable to directly adapt to the screen ratio of the conference participants, thereby affecting the quality and efficiency of collaborative communication. Summary of the invention

[0004] The embodiments of the present disclosure at least provide a page display method, apparatus, computer equipment and storage medium.

[0005] In a first aspect, an embodiment of the present disclosure provides a page display method, which is applied to a first user terminal and includes:

[0006] Obtaining a first size of a first display area of ​​a second user terminal;

[0007] Determine a second size of the second display area based on the first size; the second size is the size of the content displayed on the first user terminal and synchronously displayed on the second user terminal;

[0008] Determine first target location information of target content located in the second display area in the target page of the first user terminal, and send the first target location information to the second user terminal; so that the second user terminal displays the target content in the first display area based on the first target location information.

[0009] In a possible implementation manner, determining first target position information of target content located in the second display area includes:

[0010] Determine, according to the initial display strategy, initial display position information of the display area frame corresponding to the second display area in the target page;

[0011] In response to the area adjustment operation on the display area frame, the display position of the display area frame is adjusted, and the first target position information of the adjusted display area frame is the first target position information of the target content.

[0012] In a possible implementation manner, determining first target position information of target content located in the second display area includes:

[0013] Determine second target position information of at least one target positioning point in the second display area in the target page;

[0014] The sending the first target location information to the second user terminal includes:

[0015] The second target position information of the target positioning point of the second display area in the target page is sent to the second user terminal, so that the second user terminal displays the target content in the first display area based on the second target position information, the relative position relationship between the target positioning point and the second display area, and the first size.

[0016] In a possible implementation manner, the first target position information of the target positioning point includes normalized position coordinates;

[0017] The determining second target position information of at least one target positioning point in the second display area in the target page includes:

[0018] Based on the positioning point coordinates of each target positioning point in the target page and the third size of the display area corresponding to the target page, the normalized position coordinates of each target positioning point are determined.

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

[0020] Adding a mask to other areas of the target page of the first user terminal except the second display area; or,

[0021] A first mask is added to the target page of the first user terminal, and a second mask is superimposed in the second display area.

[0022] In a second aspect, an embodiment of the present disclosure provides a page display method, which is applied to a second user terminal, including:

[0023] Sending a first size of a first display area of ​​the second user terminal to the first user terminal;

[0024] Receiving first target position information of target content in a second display area determined by the first user terminal based on the first size, wherein a second size of the second display area is determined based on the first size;

[0025] Determine the target content located in the second display area based on the first target position information, and display the target content in the second display area.

[0026] In a possible implementation manner, the receiving first target position information of target content in the second display area determined by the first user terminal based on the first size includes:

[0027] Receiving second target position information of a target positioning point in the second display area in the target page;

[0028] The determining the target content located in the second display area based on the first target position information includes:

[0029] Based on the second target position information of the target positioning point, the first size, and the relative position relationship between the target positioning point and the second display area corresponding to the second display area, target content in the second display area is determined.

[0030] In a possible implementation manner, determining the target content located in the second display area based on the first target position information includes:

[0031] Receiving the initial display content of the target page displayed by the second user terminal sent by the server;

[0032] Based on the first target position information, target content in the initial display content is determined.

[0033] In a third aspect, the embodiment of the present disclosure further provides a page display device, applied to a first user terminal, comprising:

[0034] An acquisition module, used to acquire a first size of a first display area of ​​a second user terminal;

[0035] A first determining module is used to determine a second size of a second display area based on the first size; the second size is the size of the content displayed on the first user terminal synchronously displayed on the second user terminal;

[0036] The second determination module is used to determine the first target position information of the target content located in the second display area in the target page of the first user terminal, and send the first target position information to the second user terminal; so that the second user terminal displays the target content in the first display area based on the first target position information.

[0037] In a possible implementation manner, when determining the first target position information of the target content located in the second display area, the second determining module is configured to:

[0038] Determine, according to the initial display strategy, initial display position information of the display area frame corresponding to the second display area in the target page;

[0039] In response to the area adjustment operation on the display area frame, the display position of the display area frame is adjusted, and the first target position information of the adjusted display area frame is the first target position information of the target content.

[0040] In a possible implementation manner, when determining the first target position information of the target content located in the second display area, the second determining module is configured to:

[0041] Determine second target position information of at least one target positioning point in the second display area in the target page;

[0042] The second determining module is used, when sending the first target location information to the second user terminal, to:

[0043] The second target position information of the target positioning point of the second display area in the target page is sent to the second user terminal, so that the second user terminal displays the target content in the first display area based on the second target position information, the relative position relationship between the target positioning point and the second display area, and the first size.

[0044] In a possible implementation manner, the first target position information of the target positioning point includes normalized position coordinates;

[0045] The second determination module, when determining the second target position information of at least one target positioning point in the second display area in the target page, is used to:

[0046] Based on the positioning point coordinates of each target positioning point in the target page and the third size of the display area corresponding to the target page, the normalized position coordinates of each target positioning point are determined.

[0047] In a possible implementation manner, the second determining module is further configured to:

[0048] Adding a mask to other areas of the target page of the first user terminal except the second display area; or,

[0049] A first mask is added to the target page of the first user terminal, and a second mask is superimposed in the second display area.

[0050] In a fourth aspect, the embodiment of the present disclosure further provides a page display device, applied to a second user terminal, comprising:

[0051] A sending module, configured to send a first size of a first display area of ​​the second user terminal to the first user terminal;

[0052] A receiving module, configured to receive first target position information of target content in a second display area determined by the first user terminal based on the first size, wherein a second size of the second display area is determined based on the first size;

[0053] A display module is used to determine the target content located in the second display area based on the first target position information, and display the target content in the second display area.

[0054] In a possible implementation manner, when receiving the first target position information of the target content in the second display area determined by the first user terminal based on the first size, the receiving module is configured to:

[0055] Receiving second target position information of a target positioning point in the second display area in the target page;

[0056] The display module, when determining the target content located in the second display area based on the first target position information, is used to:

[0057] Based on the second target position information of the target positioning point, the first size, and the relative position relationship between the target positioning point and the second display area corresponding to the second display area, target content in the second display area is determined.

[0058] In a possible implementation manner, when determining the target content located in the second display area based on the first target location information, the display module is configured to:

[0059] Receiving the initial display content of the target page displayed by the second user terminal sent by the server;

[0060] Based on the first target position information, target content in the initial display content is determined.

[0061] In a fifth aspect, an embodiment of the present disclosure further provides a computer device, comprising: a processor, a memory and a bus, wherein the memory stores machine-readable instructions executable by the processor, and when the computer device is running, the processor communicates with the memory through the bus, and when the machine-readable instructions are executed by the processor, the steps in any possible implementation of the first aspect or the second aspect are performed.

[0062] In a sixth aspect, an embodiment of the present disclosure further provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the steps in any possible implementation of the first aspect or the second aspect are executed.

[0063] The page display method, apparatus, computer equipment and storage medium provided by the embodiments of the present disclosure determine a second display area of ​​a second size matching the first size in the first user terminal based on the first size of the first display area of ​​the second user terminal, so that the content to be displayed on the second user terminal can be previewed through the second display area in the first user terminal, and the first target position information of the target content located in the second display area is sent to the second user terminal, so that the second user terminal can display the target content selected in the second display area based on the first target position information. In this way, by determining the second display area matching the size of the display area of ​​the second user terminal in the first user terminal, the preview of the content selected in the second display area can be realized in the first user terminal, so that the display content of the second user terminal can be controlled, and the quality and efficiency of collaborative communication can be improved.

[0064] In order to make the above-mentioned objectives, features and advantages of the present disclosure more obvious and easy to understand, preferred embodiments are specifically cited below and described in detail with reference to the attached drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0065] In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the following is a brief introduction to the drawings required for use in the embodiments. The drawings herein are incorporated into the specification and constitute a part of the specification. These drawings illustrate embodiments consistent with the present disclosure and are used together with the specification to illustrate the technical solutions of the present disclosure. It should be understood that the following drawings only illustrate certain embodiments of the present disclosure and should not be regarded as limiting the scope. For ordinary technicians in this field, other relevant drawings can also be obtained based on these drawings without creative work.

[0066] Figure 1 A flow chart of a page display method provided by an embodiment of the present disclosure is shown;

[0067] Figure 2 A schematic diagram showing the determination of the second display area in the page display method provided by an embodiment of the present disclosure is shown;

[0068] Figure 3 A schematic diagram showing the adjustment of the display position of the display area frame in the page display method provided in the embodiment of the present disclosure is shown;

[0069] Figure 4 A schematic diagram of a target positioning point in the page display method provided by an embodiment of the present disclosure is shown;

[0070] Figure 5 A flowchart of another page display method provided by an embodiment of the present disclosure is shown;

[0071] Figure 6 A flowchart of another page display method provided by an embodiment of the present disclosure is shown;

[0072] Figure 7 A schematic diagram of the architecture of a page display device provided by an embodiment of the present disclosure is shown;

[0073] Figure 8 A schematic diagram showing the architecture of another page display device provided by an embodiment of the present disclosure is shown;

[0074] Fig. 9 A schematic diagram of the structure of a computer device provided by an embodiment of the present disclosure is shown. DETAILED DESCRIPTION

[0075] In order to make the purpose, technical scheme and advantages of the embodiments of the present disclosure clearer, the technical scheme in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are only part of the embodiments of the present disclosure, rather than all of the embodiments. The components of the embodiments of the present disclosure generally described and shown in the drawings here can be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of the present disclosure provided in the drawings is not intended to limit the scope of the present disclosure for protection, but merely represents the selected embodiments of the present disclosure. Based on the embodiments of the present disclosure, all other embodiments obtained by those skilled in the art without making creative work belong to the scope of protection of the present disclosure.

[0076] It should be noted that similar reference numerals and letters denote similar items in the following drawings, and therefore, once an item is defined in one drawing, further definition and explanation thereof is not required in subsequent drawings.

[0077] The term "and / or" herein only describes an association relationship, indicating that three relationships may exist. For example, A and / or B may represent the following three situations: A exists alone, A and B exist at the same time, and B exists alone. In addition, the term "at least one" herein represents any combination of at least two of any one or more of a plurality of. For example, including at least one of A, B, and C may represent including any one or more elements selected from the set consisting of A, B, and C.

[0078] According to research, in online live broadcast or conference scenarios, the screen ratios of different users may be inconsistent, such as the screen ratios of the conference host and the conference participants in an online conference. In this way, when the conference host shares content on its page, since the shared content has the same screen ratio as the conference host, it is often unable to directly adapt to the screen ratio of the conference participant, thus affecting the quality and efficiency of collaborative communication.

[0079] Based on the above research, the present disclosure provides a page display method, apparatus, computer equipment and storage medium, by determining a second display area of ​​a second size matching the first size in the first user terminal based on the first size of the first display area of ​​the second user terminal, so that the content to be displayed on the second user terminal can be previewed through the second display area in the first user terminal, and by sending the first target position information of the target content located in the second display area to the second user terminal, the second user terminal can display the target content selected in the second display area based on the first target position information. In this way, by determining a second display area matching the size of the display area of ​​the second user terminal in the first user terminal, a preview of the selected content in the second display area can be realized in the first user terminal, so that the displayed content of the second user terminal can be controlled, and the quality and efficiency of collaborative communication can be improved.

[0080] To facilitate understanding of this embodiment, a page display method disclosed in the embodiment of the present disclosure is first introduced in detail. The execution subject of the page display method provided in the embodiment of the present disclosure is generally a computer device with certain computing capabilities, and the computer device includes, for example: a terminal device or a server or other processing device, and the terminal device can be a user equipment (User Equipment, UE), a mobile device, a user terminal, a terminal, a cellular phone, a cordless phone, a personal digital assistant (Personal Digital Assistant, PDA), a handheld device, a computing device, a vehicle-mounted device, a wearable device, etc. In some possible implementations, the page display method can be implemented by a processor calling a computer-readable instruction stored in a memory.

[0081] See also Figure 1 As shown, it is a flow chart of a page display method provided in an embodiment of the present disclosure, which is applied to a first user terminal, where the first user terminal may be, for example, a teacher terminal or a conference host terminal of an online conference, etc. The method includes S101 to S103, wherein:

[0082] S101: Obtain a first size of a first display area of ​​a second user terminal.

[0083] S102: Determine a second size of a second display area based on the first size; the second size is a size of content displayed synchronously on the second user terminal among the content displayed on the first user terminal.

[0084] S103: Determine first target position information of target content located in the second display area in the target page of the first user terminal, and send the first target position information to the second user terminal, so that the second user terminal displays the target content in the first display area based on the first target position information.

[0085] The following is a detailed description of the above steps.

[0086] For S101, when the first user terminal is a teacher terminal, the second user terminal may be a student terminal associated with the teacher terminal; when the first user terminal is a conference host terminal of an online conference, the second user terminal may be a conference participant terminal of the online conference; the display area corresponding to the second user terminal may be the entire user-visible area in the second user terminal, or may be a partial user-visible area in the second user terminal.

[0087] Specifically, the first size may include a ratio of length to width of a first display area of ​​the second user terminal. If the size of the first display area of ​​the second user terminal is 1280px×720px, the corresponding ratio of length to width is 16:9.

[0088] S102: Determine a second size of a second display area based on the first size; the second size is a size of content displayed synchronously on the second user terminal among the content displayed on the first user terminal.

[0089] Here, the second display area may be a partial area of ​​the second user terminal display page.

[0090] Specifically, the determined aspect ratio of the second display area may be the same as the aspect ratio of the first display area corresponding to the second user terminal.

[0091] Exemplarily, a schematic diagram for determining the second size of the second display area is as follows: Figure 2 As shown, Figure 2 In the embodiment, the first user terminal is a teacher terminal, and the second user terminal is a student terminal. According to the first size of the first display area corresponding to the student terminal (as shown in the gray area in the student terminal), a second display area of ​​a second size displayed on the teacher terminal can be determined (the second display area is a partial area within the gray area in the teacher terminal, and the gray area is a display area frame corresponding to the second display area). The first size matches the second size, that is, the aspect ratio of the second display area is the same as the aspect ratio of the first display area corresponding to the student terminal.

[0092] It should be noted that the first size and the second size have the same aspect ratio, but the area of ​​the display region corresponding to the second user terminal is not necessarily the same as the area of ​​the second display region of the first user terminal.

[0093] If the first size of the first display area of ​​the second user terminal is the same as the third size of the target page displaying the target content in the first user terminal, then the area of ​​the second display area at this time can be the same as the area of ​​the first display area corresponding to the second user terminal, that is, all the contents in the target page can be completely displayed on the second user terminal at this time.

[0094] S103: Determine first target position information of target content located in the second display area in the target page of the first user terminal, and send the first target position information to the second user terminal, so that the second user terminal displays the target content in the first display area based on the first target position information.

[0095] Here, the target content of the target page may be, for example, the content of a presentation PPT; the first target position information may be a normalized position coordinate used to characterize the position of the second display area in the target content. For example, the first target position information corresponding to a point contained in the first target position information may be (0.8, 0.6), representing that the ratio of the horizontal coordinate of the point to the long side of the area corresponding to the target content is 80%, and the ratio to the short side of the area corresponding to the target content is 60%.

[0096] Specifically, the first target position information may be the real-time position of the second display area. After sending the first target position information to the second user terminal, when it is detected that the first target position information is updated, the updated first target position information may be sent to the second user terminal to update the first target position information of the second user terminal, so as to realize real-time update of the content framed in the target content of the second display area.

[0097] In a possible implementation manner, when determining the first target position information of the second display area, the following steps A1 to A2 may be used:

[0098] A1: According to the initial display strategy, determine the initial display position information of the display area frame corresponding to the second display area in the target page.

[0099] Here, the initial display strategy may be used to indicate the initial position of the second display area in the target page, such as being located in the center of the target page.

[0100] Exemplarily, the initial display strategy may be as follows: Figure 2 As shown in , the second display area is located at the center of the target page displayed on the teacher's end.

[0101] A2: In response to the area adjustment operation on the display area frame, the display position of the display area frame is adjusted, and the first target position information of the adjusted display area frame is the first target position information of the target content.

[0102] Here, the area adjustment operation for the second display area may be a trigger operation for a draggable area of ​​the second display area, the draggable area may be located at the edge of the second display area, and the trigger operation includes any one of single-click, double-click, long press, and hard press.

[0103] Specifically, when adjusting the display position of the display area frame, it can respond to a trigger operation on the draggable area of ​​the display area frame, and determine the adjusted first target position information based on the initial coordinates of the trigger point corresponding to the start of the trigger operation and the end coordinates of the trigger point corresponding to the end of the trigger operation.

[0104] Exemplarily, the schematic diagram for adjusting the display position of the display area frame may be as follows: Figure 3 As shown, Figure 3 In the example, the draggable area of ​​the display area frame is the edge area of ​​the display area frame. By triggering the draggable area of ​​the display area frame, the display area frame is moved to the left, and the area within the display area frame after the position adjustment is the second display area after the position adjustment.

[0105] In actual applications, in order to prevent users from adjusting the area of ​​the display area box and triggering other content in the target content except the display area box, thereby affecting the user's operating experience, a mask can be added to the target page of the first user terminal, and the triggering authority of the mask can be managed to avoid the impact caused by the user's triggering operation on the area outside the display area box.

[0106] Specifically, when adding a mask, any of the following methods may be used:

[0107] Method 1: Add a mask to other areas of the target page of the first user terminal except the second display area

[0108] Here, after adding the mask, corresponding trigger permissions can be set for the added mask to block trigger events for the added mask, so that the trigger operation for the mask can be regarded as an illegal operation.

[0109] Method 2: Add a first mask to the target page of the first user terminal, and overlay a second mask in the second display area

[0110] Here, a monitoring task can be set (for example, an event bubbling mechanism can be used) to monitor trigger events. If the trigger position corresponding to the trigger event is located in the second mask layer, the trigger operation corresponding to the current trigger event is considered to be a legal operation, which is an area adjustment operation for the second display area; and if the trigger position corresponding to the trigger event is located in the area of ​​the first mask layer except the second mask layer, the trigger operation corresponding to the current trigger event is considered to be an illegal operation.

[0111] In a possible implementation manner, when sending the first target location information to the second user terminal, the following steps B1 to B2 may also be used:

[0112] B1: Determine second target position information of at least one target positioning point in the second display area in the target page.

[0113] Here, the target positioning point is a point located at a preset position in the second display area, which is used to represent the position of the second display area in the target page, for example, it can be a point located at the upper left corner of the second display area.

[0114] Specifically, when determining the first target position information of the target positioning point, the first target position information of the target positioning point may be determined based on the positioning point coordinates corresponding to the target positioning point and the size information of the target content displayed on the target page.

[0115] Exemplarily, the schematic diagram of the target positioning point can be as follows: Figure 4 As shown, Figure 4 In the example, the target positioning point is located at the upper left corner of the second display area.

[0116] In a possible implementation, the first target position information of the target positioning point may include normalized position coordinates. When determining the second target position information of at least one target positioning point in the second display area in the target page, the normalized position coordinates of each target positioning point may be determined based on the positioning point coordinates of each target positioning point in the target page and the third size of the display area corresponding to the target page.

[0117] Exemplarily, taking the target positioning point coordinates in the target page as (10, 0), and the third size of the display area corresponding to the target page as 100×10, the normalized position coordinates of the target positioning point can be determined to be (0.1, 0) based on 10÷100=0.1 and 0÷10=0.

[0118] B2: Sending the second target position information of the target positioning point of the second display area in the target page to the second user terminal, so that the second user terminal displays the target content in the first display area based on the second target position information, the relative position relationship between the target positioning point and the second display area, and the first size.

[0119] Here, the relative position relationship between the target positioning point and the second display area may be, for example, that the target positioning point is located at the upper left corner of the second display area.

[0120] Specifically, after receiving the first target position information, the second user terminal displays the target content in the first display area based on the second target position information, the relative position relationship between the target positioning point and the second display area, and the first size. The relevant content will be described in detail below and will not be elaborated here.

[0121] In this way, by determining a second display area of ​​a second size matching the first size in the first user terminal based on the first size of the display area corresponding to the second user terminal, the content to be displayed on the second user terminal can be previewed through the second display area in the first user terminal, and by sending the first target position information of the determined second display area in the target content of the first user terminal to the second user terminal, the second user terminal can display the content selected in the second display area based on the first target position information. In this way, by determining a second display area matching the size of the display area of ​​the second user terminal in the first user terminal, the preview of the selected content can be realized in the first user terminal, so that the display content of the second user terminal can be controlled, and the quality and efficiency of collaborative communication can be improved.

[0122] See also Figure 5 As shown, it is a flow chart of the page display method provided by the embodiment of the present disclosure, which is applied to the second user terminal. The method includes S501 to S503, wherein:

[0123] S501: Sending a first size of a first display area of ​​the second user terminal to a first user terminal.

[0124] S502: Receive first target position information of target content in a second display area determined by the first user terminal based on the first size, wherein a second size of the second display area is determined based on the first size.

[0125] S503: Receive first target position information of target content in a second display area determined by the first user terminal based on the first size, wherein a second size of the second display area is determined based on the first size.

[0126] For S501 and S502, the specific description of the first size, the second size, the second display area and other related contents can refer to the above related description, which will not be repeated here.

[0127] In a possible implementation manner, when determining the target content in the second display area, the following steps C1 to C2 may be used:

[0128] C1: receiving second target position information of a target positioning point in the second display area in the target page.

[0129] Here, the second target position information of the target positioning point can be the normalized position coordinates of the target positioning point in the target page, representing the position of the target positioning point in the target page, such as (0.6, 0.4), representing that the ratio of the horizontal coordinate of the target positioning point to the long side of the area corresponding to the target page is 60%, and the ratio to the short side of the area corresponding to the target page is 40%.

[0130] C2: determining target content in the second display area based on second target position information of the target positioning point, the first size, and a relative position relationship between the target positioning point and a display area frame corresponding to the second display area.

[0131] In this way, after receiving the second target position information of the target positioning point, the second user terminal can determine the target content in the second display area according to the second target position information of the target positioning point, the first size, and the relative position relationship between the target positioning point and the display area frame corresponding to the second display area, so that the content framed in the target page in the second display area can be displayed on the second user terminal.

[0132] In a possible implementation manner, when determining the target content based on the first target location information, the following steps D1 to D2 may be used:

[0133] D1: receiving the initial display content of the target page displayed by the second user terminal sent by the server.

[0134] D2: Determine target content in the initial display content based on the first target position information.

[0135] Here, the server can send the initial display content, and based on the first target position information of the target positioning point, the first size of the display area corresponding to the second user terminal, and the first position information of the target positioning point in the second display area, determine the target content selected by the first user terminal in the second display area, and display the target content.

[0136] In addition, the second user terminal may also cache the initial display content, so as to determine the target content in the initial display content based on the first target location information.

[0137] The following describes the page display method provided by the embodiment of the present disclosure in combination with specific application scenarios:

[0138] like Figure 6 As shown, it is a flow chart of the page display method provided by the embodiment of the present disclosure, including:

[0139] S601: The student terminal collects the size of the visible area and calculates the aspect ratio of the visible area.

[0140] S602: The student terminal sends the aspect ratio of the visible area to the teacher terminal through the server.

[0141] S603: The teacher terminal determines a second display area according to the received aspect ratio of the visible area.

[0142] S604: The teacher terminal determines first target position information of the target content located in the second display area.

[0143] S605: The teacher terminal sends the first target location information to the second user terminal through the server.

[0144] S606: Based on the received first target position information, the student terminal displays the content selected in the second display area in the target page in the visible area.

[0145] Specifically, the relevant contents of the above steps are as described above and will not be repeated here.

[0146] The page display method provided by the embodiment of the present disclosure determines a second display area of ​​a second size matching the first size in the first user terminal based on the first size of the first display area of ​​the second user terminal, so that the content to be displayed on the second user terminal can be previewed through the second display area in the first user terminal, and the first target position information of the target content located in the second display area is sent to the second user terminal, so that the second user terminal can display the target content selected in the second display area based on the first target position information. In this way, by determining the second display area matching the size of the display area of ​​the second user terminal in the first user terminal, the preview of the content selected in the second display area can be realized in the first user terminal, so that the display content of the second user terminal can be controlled, and the quality and efficiency of collaborative communication can be improved.

[0147] Those skilled in the art will appreciate that, in the above method of specific implementation, the order in which the steps are written does not imply a strict execution order and does not constitute any limitation on the implementation process. The specific execution order of the steps should be determined by their functions and possible internal logic.

[0148] Based on the same inventive concept, a page display device corresponding to the page display method is also provided in the embodiment of the present disclosure. Since the principle of solving the problem by the device in the embodiment of the present disclosure is similar to the above-mentioned page display method in the embodiment of the present disclosure, the implementation of the device can refer to the implementation of the method, and the repeated parts will not be repeated.

[0149] Reference Figure 7 , which is a schematic diagram of the architecture of a page display device provided by an embodiment of the present disclosure, and is applied to a first user terminal. The device includes: an acquisition module 701, a first determination module 702, and a second determination module 703; wherein,

[0150] An acquisition module 701 is used to acquire a first size of a first display area of ​​a second user terminal;

[0151] A first determining module 702 is configured to determine a second size of a second display area based on the first size; the second size is a size of content displayed synchronously on the second user terminal among the content displayed on the first user terminal;

[0152] The second determination module 703 is used to determine the first target position information of the target content located in the second display area in the target page of the first user terminal, and send the first target position information to the second user terminal; so that the second user terminal displays the target content in the first display area based on the first target position information.

[0153] In a possible implementation manner, the second determining module 703, when determining the first target position information of the target content located in the second display area, is used to:

[0154] Determine, according to the initial display strategy, initial display position information of the display area frame corresponding to the second display area in the target page;

[0155] In response to the area adjustment operation on the display area frame, the display position of the display area frame is adjusted, and the first target position information of the adjusted display area frame is the first target position information of the target content.

[0156] In a possible implementation manner, the second determining module 703, when determining the first target position information of the target content located in the second display area, is used to:

[0157] Determine second target position information of at least one target positioning point in the second display area in the target page;

[0158] The second determining module 703, when sending the first target location information to the second user terminal, is used to:

[0159] The second target position information of the target positioning point of the second display area in the target page is sent to the second user terminal, so that the second user terminal displays the target content in the first display area based on the second target position information, the relative position relationship between the target positioning point and the second display area, and the first size.

[0160] In a possible implementation manner, the first target position information of the target positioning point includes normalized position coordinates;

[0161] The second determination module 703, when determining the second target position information of at least one target positioning point in the second display area in the target page, is used to:

[0162] Based on the positioning point coordinates of each target positioning point in the target page and the third size of the display area corresponding to the target page, the normalized position coordinates of each target positioning point are determined.

[0163] In a possible implementation manner, the second determining module 703 is further configured to:

[0164] Adding a mask to other areas of the target page of the first user terminal except the second display area; or,

[0165] A first mask is added to the target page of the first user terminal, and a second mask is superimposed in the second display area.

[0166] Reference Figure 8 , which is a schematic diagram of the architecture of a page display device provided by an embodiment of the present disclosure, and is applied to a second user terminal. The device includes: a sending module 801, a receiving module 802, and a display module 803; wherein,

[0167] A sending module 801 is used to send a first size of a first display area of ​​the second user terminal to the first user terminal;

[0168] A receiving module 802 is configured to receive first target position information of target content in a second display area determined by the first user terminal based on the first size, wherein a second size of the second display area is determined based on the first size;

[0169] The display module 803 is configured to determine the target content located in the second display area based on the first target location information, and display the target content in the second display area.

[0170] In a possible implementation manner, the receiving module 802, when receiving the first target position information of the target content in the second display area determined by the first user terminal based on the first size, is used to:

[0171] Receiving second target position information of a target positioning point in the second display area in the target page;

[0172] The display module 803, when determining the target content located in the second display area based on the first target location information, is used to:

[0173] Based on the second target position information of the target positioning point, the first size, and the relative position relationship between the target positioning point and the second display area corresponding to the second display area, target content in the second display area is determined.

[0174] In a possible implementation manner, when determining the target content located in the second display area based on the first target location information, the display module 803 is configured to:

[0175] Receiving the initial display content of the target page displayed by the second user terminal sent by the server;

[0176] Based on the first target position information, target content in the initial display content is determined.

[0177] The page display device provided by the embodiment of the present disclosure determines a second display area of ​​a second size matching the first size in the first user terminal based on the first size of the first display area of ​​the second user terminal, so that the content to be displayed on the second user terminal can be previewed through the second display area in the first user terminal, and the first target position information of the target content located in the second display area is sent to the second user terminal, so that the second user terminal can display the target content selected in the second display area based on the first target position information. In this way, by determining the second display area matching the size of the display area of ​​the second user terminal in the first user terminal, the preview of the content selected in the second display area can be realized in the first user terminal, so that the display content of the second user terminal can be controlled, and the quality and efficiency of collaborative communication can be improved.

[0178] For descriptions of the processing flow of each module in the device and the interaction flow between each module, reference may be made to the relevant descriptions in the above method embodiment, which will not be described in detail here.

[0179] Based on the same technical concept, the embodiment of the present disclosure also provides a computer device. Fig. 9 , which is a schematic diagram of the structure of a computer device 900 provided in an embodiment of the present disclosure, including a processor 901, a memory 902, and a bus 903. The memory 902 is used to store execution instructions, including a memory 9021 and an external memory 9022; the memory 9021 here is also called an internal memory, which is used to temporarily store the operation data in the processor 901 and the data exchanged with the external memory 9022 such as a hard disk. The processor 901 exchanges data with the external memory 9022 through the memory 9021. When the computer device 900 is running, the processor 901 communicates with the memory 902 through the bus 903, so that the processor 901 executes the following instructions:

[0180] Obtaining a first size of a first display area of ​​a second user terminal;

[0181] Determine a second size of the second display area based on the first size; the second size is the size of the content displayed on the first user terminal and synchronously displayed on the second user terminal;

[0182] Determine first target location information of target content located in the second display area in the target page of the first user terminal, and send the first target location information to the second user terminal; so that the second user terminal displays the target content in the first display area based on the first target location information.

[0183] In a possible implementation manner, in the instruction of the processor 901, the determining the first target position information of the target content located in the second display area includes:

[0184] Determine, according to the initial display strategy, initial display position information of the display area frame corresponding to the second display area in the target page;

[0185] In response to the area adjustment operation on the display area frame, the display position of the display area frame is adjusted, and the first target position information of the adjusted display area frame is the first target position information of the target content.

[0186] In a possible implementation manner, in the instruction of the processor 901, the determining the first target position information of the target content located in the second display area includes:

[0187] Determine second target position information of at least one target positioning point in the second display area in the target page;

[0188] The sending the first target location information to the second user terminal includes:

[0189] The second target position information of the target positioning point of the second display area in the target page is sent to the second user terminal, so that the second user terminal displays the target content in the first display area based on the second target position information, the relative position relationship between the target positioning point and the second display area, and the first size.

[0190] In a possible implementation manner, in the instruction of the processor 901, the first target position information of the target positioning point includes normalized position coordinates;

[0191] The determining second target position information of at least one target positioning point in the second display area in the target page includes:

[0192] Based on the positioning point coordinates of each target positioning point in the target page and the third size of the display area corresponding to the target page, the normalized position coordinates of each target positioning point are determined.

[0193] In a possible implementation manner, the instruction of the processor 901 further includes:

[0194] Adding a mask to other areas of the target page of the first user terminal except the second display area; or,

[0195] Adding a first mask layer to the target page of the first user terminal, and overlaying a second mask layer in the second display area;

[0196] Or, the processor 901 is caused to execute the following instructions:

[0197] Sending a first size of a first display area of ​​the second user terminal to the first user terminal;

[0198] Receiving first target position information of target content in a second display area determined by the first user terminal based on the first size, wherein a second size of the second display area is determined based on the first size;

[0199] Determine the target content located in the second display area based on the first target position information, and display the target content in the second display area.

[0200] In a possible implementation manner, in the instruction of the processor 901, the receiving first target position information of the target content in the second display area determined by the first user terminal based on the first size includes:

[0201] Receiving second target position information of a target positioning point in the second display area in the target page;

[0202] The determining the target content located in the second display area based on the first target position information includes:

[0203] Based on the second target position information of the target positioning point, the first size, and the relative position relationship between the target positioning point and the second display area corresponding to the second display area, target content in the second display area is determined.

[0204] In a possible implementation manner, in the instruction of the processor 901, determining the target content located in the second display area based on the first target position information includes:

[0205] Receiving the initial display content of the target page displayed by the second user terminal sent by the server;

[0206] Based on the first target position information, target content in the initial display content is determined.

[0207] The embodiment of the present disclosure also provides a computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a processor, the steps of the page display method described in the above method embodiment are executed. The storage medium can be a volatile or non-volatile computer-readable storage medium.

[0208] The present disclosure also provides a computer program product that carries a program code. The program code includes instructions that can be used to execute the steps of the page display method described in the above method embodiment. For details, please refer to the above method embodiment, which will not be repeated here.

[0209] The computer program product may be implemented in hardware, software or a combination thereof. In one optional embodiment, the computer program product is implemented as a computer storage medium. In another optional embodiment, the computer program product is implemented as a software product, such as a software development kit (SDK).

[0210] Those skilled in the art can clearly understand that, for the convenience and simplicity of description, the specific working process of the system and device described above can refer to the corresponding process in the aforementioned method embodiment, and will not be repeated here. In the several embodiments provided in the present disclosure, it should be understood that the disclosed system, device and method can be implemented in other ways. The device embodiments described above are merely schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some communication interfaces, and the indirect coupling or communication connection of the device or unit can be electrical, mechanical or other forms.

[0211] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0212] In addition, each functional unit in each embodiment of the present disclosure may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.

[0213] If the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a non-volatile computer-readable storage medium that is executable by a processor. Based on this understanding, the technical solution of the present disclosure, or the part that contributes to the prior art or the part of the technical solution, can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present disclosure. The aforementioned storage medium includes: various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0214] Finally, it should be noted that the above-described embodiments are only specific implementation methods of the present disclosure, which are used to illustrate the technical solutions of the present disclosure, rather than to limit them. The protection scope of the present disclosure is not limited thereto. Although the present disclosure is described in detail with reference to the above-described embodiments, ordinary technicians in the field should understand that any technician familiar with the technical field can still modify the technical solutions recorded in the above-described embodiments within the technical scope disclosed in the present disclosure, or can easily think of changes, or make equivalent replacements for some of the technical features therein; and these modifications, changes or replacements do not make the essence of the corresponding technical solutions deviate from the spirit and scope of the technical solutions of the embodiments of the present disclosure, and should be included in the protection scope of the present disclosure. Therefore, the protection scope of the present disclosure should be based on the protection scope of the claims.

Claims

1. A page display method, characterized in that: Applied to the first user terminal, including: Acquire a first size of a first display area of ​​a second user terminal, wherein the first size includes a length-to-width ratio of the first display area; Determine a second size of the second display area based on the first size; the second size is the size of the content displayed on the first user terminal and synchronously displayed on the second user terminal, the second display area is a partial area of ​​the target page of the first user terminal, and the first display area and the second display area have the same aspect ratio but different areas; determining first target location information of target content located in the second display area in the target page of the first user terminal, and sending the first target location information to the second user terminal, so that the second user terminal displays the target content in the first display area based on the first target location information, Among them, the display area frame corresponding to the second display area is a draggable area frame. In response to the area adjustment operation of the display area frame, the first target position information is updated based on the current display position of the display area frame and sent to the second user terminal in real time. The first target position information is the normalized position coordinates and includes the normalized coordinates of at least one target positioning point, which is used to characterize the position of the second display area in the target content.

2. The method according to claim 1, characterized in that: The determining of first target position information of target content located in the second display area includes: Determine, according to the initial display strategy, initial display position information of the display area frame corresponding to the second display area in the target page; In response to the area adjustment operation on the display area frame, the display position of the display area frame is adjusted, and the first target position information of the adjusted display area frame is the first target position information of the target content.

3. The method according to claim 1, characterized in that The determining of first target position information of target content located in the second display area includes: Determine second target position information of at least one target positioning point in the second display area in the target page; The sending the first target location information to the second user terminal includes: The second target position information of the target positioning point of the second display area in the target page is sent to the second user terminal, so that the second user terminal displays the target content in the first display area based on the second target position information, the relative position relationship between the target positioning point and the second display area, and the first size.

4. The method according to claim 3, characterized in that The first target position information of the target positioning point includes the normalized position coordinates; The determining second target position information of at least one target positioning point in the second display area in the target page includes: Based on the positioning point coordinates of each target positioning point in the target page and the third size of the display area corresponding to the target page, the normalized position coordinates of each target positioning point are determined.

5. The method according to claim 1, characterized in that: The method further comprises: Adding a mask to other areas of the target page of the first user terminal except the second display area; or, A first mask is added to the target page of the first user terminal, and a second mask is superimposed in the second display area.

6. A page display method, characterized in that: Applied to the second user terminal, including: Sending a first size of a first display area of ​​the second user terminal to the first user terminal, wherein the first size includes a length-to-width ratio of the first display area; Receiving first target position information of target content in a second display area determined by the first user terminal based on the first size, wherein the second size of the second display area is determined based on the first size, the second display area is a partial area of ​​the target page of the first user terminal, and the first display area and the second display area have the same aspect ratio but different areas; Determine the target content located in the second display area based on the first target location information, and display the target content in the second display area, Among them, the first target position information is updated in real time based on the area adjustment operation of the display area frame corresponding to the second display area, the display area frame is a draggable area frame, and the first target position information is the normalized position coordinates and includes the normalized coordinates of at least one target positioning point, which is used to characterize the position of the second display area in the target content.

7. The method according to claim 6, characterized in that The receiving first target position information of target content in the second display area determined by the first user terminal based on the first size includes: Receiving second target position information of a target positioning point in the second display area in the target page; The determining the target content located in the second display area based on the first target position information includes: Based on the second target position information of the target positioning point, the first size, and the relative position relationship between the target positioning point and the display area frame corresponding to the second display area, the target content in the second display area is determined.

8. The method according to claim 6 or 7, characterized in that: The determining the target content located in the second display area based on the first target position information includes: Receiving the initial display content of the target page displayed by the second user terminal sent by the server; Based on the first target position information, target content in the initial display content is determined.

9. A page display device, characterized in that: Applied to the first user terminal, including: An acquisition module, configured to acquire a first size of a first display area of ​​a second user terminal, wherein the first size includes a length-to-width ratio of the first display area; A first determining module is used to determine a second size of a second display area based on the first size; the second size is the size of the content displayed by the first user terminal and synchronously displayed by the second user terminal, the second display area is a partial area of ​​a target page of the first user terminal, and the first display area and the second display area have the same aspect ratio but different areas; a second determination module, configured to determine first target location information of target content located in the second display area in the target page of the first user terminal, and send the first target location information to the second user terminal, so that the second user terminal displays the target content in the first display area based on the first target location information; Among them, the display area frame corresponding to the second display area is a draggable area frame. In response to the area adjustment operation of the display area frame, the first target position information is updated based on the current display position of the display area frame and sent to the second user terminal in real time. The first target position information is the normalized position coordinates and includes the normalized coordinates of at least one target positioning point, which is used to characterize the position of the second display area in the target content.

10. A page display device, characterized in that: Applied to the second user terminal, including: A sending module, configured to send a first size of a first display area of ​​the second user terminal to the first user terminal, wherein the first size includes a length-to-width ratio of the first display area; A receiving module, configured to receive first target position information of target content in a second display area determined by the first user terminal based on the first size, wherein the second size of the second display area is determined based on the first size, the second display area is a partial area of ​​the target page of the first user terminal, and the first display area and the second display area have the same aspect ratio but different areas; a display module, configured to determine target content located in the second display area based on the first target location information, and display the target content in the second display area, Among them, the first target position information is updated in real time based on the area adjustment operation of the display area frame corresponding to the second display area, the display area frame is a draggable area frame, and the first target position information is the normalized position coordinates and includes the normalized coordinates of at least one target positioning point, which is used to characterize the position of the second display area in the target content.

11. A computer device, characterized in that: include: A processor, a memory and a bus, wherein the memory stores machine-readable instructions executable by the processor, and when the computer device is running, the processor and the memory communicate via the bus, and when the machine-readable instructions are executed by the processor, the steps of the page display method according to any one of claims 1 to 5 are performed; Alternatively, execute the steps of the page display method as described in any one of claims 6 to 8.

12. A computer-readable storage medium, characterized in that: The computer readable storage medium stores a computer program, and the computer program is executed by a processor to perform the steps of the page display method according to any one of claims 1 to 5; Alternatively, execute the steps of the page display method as described in any one of claims 6 to 8.

Images