Information display method and device

Abstract

The application discloses an information display method, comprising: displaying a first live video playing picture in a first picture scale; and in response to a first picture adjustment operation, displaying a second live video playing picture in the first picture scale, wherein the picture content of the second live video playing picture is obtained by cutting the picture content of the first live video playing picture. By using the scheme, the video watching experience of a user can be improved.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to an information display method and apparatus. Background Technology

[0002] With the development of computer and network technologies, users can watch videos through applications.

[0003] Currently, the video viewing experience is not very good, therefore, there is an urgent need for a solution to address the above problems. Summary of the Invention

[0004] To solve, or at least partially solve, the above-mentioned technical problems, this application provides an information display method and apparatus.

[0005] In a first aspect, embodiments of this application provide an information display method, the method comprising:

[0006] The first live video playback screen is displayed in first-view ratio;

[0007] In response to the first screen adjustment operation, the second live video playback screen is displayed in the proportion of the first screen. The content of the second live video playback screen is obtained by cropping the content of the first live video playback screen.

[0008] Optionally, the content of the first live video playback screen includes the content of a first area and the content of a second area, and the content of the second live video playback screen includes the content of the second area; the content of the second live video playback screen is obtained by cropping the content of the first area of ​​the first live video playback screen.

[0009] Optionally, the first boundary of the first live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the first live video playback screen in the first direction corresponds to the second position of the player area in the first direction. The content of the first area screen includes the first boundary area corresponding to the first boundary and / or the second boundary area corresponding to the second boundary. Displaying the second live video playback screen at the first screen ratio includes:

[0010] The second live video playback screen is displayed. The first boundary of the second live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the second live video playback screen in the first direction corresponds to the second position of the player area in the first direction.

[0011] Optionally, the first boundary of the second live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the second live video playback screen in the first direction corresponds to the second position of the player area in the first direction, which is achieved in the following way:

[0012] The content of the second area is stretched along the first direction, so that the first boundary of the second live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the second live video playback screen in the first direction corresponds to the second position of the player area in the first direction.

[0013] Optionally, the method further includes:

[0014] In response to a second screen adjustment operation triggered on the second live video playback screen, the adjusted second live video playback screen is displayed. The second screen adjustment operation is either a screen zoom-in operation or a screen zoom-out operation.

[0015] In response to a screen restoration operation triggered by the adjusted second live video playback screen, the second live video playback screen is displayed at the first screen ratio.

[0016] Optionally, in response to a screen restoration operation triggered for the adjusted second live video playback screen, the second live video playback screen is displayed at the first screen ratio, including:

[0017] In response to the screen restoration operation, the pre-cached first screen ratio is obtained, and the second live video playback screen is displayed in the first screen ratio.

[0018] Optionally, displaying the first live video playback screen at a first aspect ratio includes:

[0019] In landscape mode, the first live video playback screen is displayed in the first aspect ratio.

[0020] Secondly, embodiments of this application provide an information display device, the device comprising:

[0021] The first display unit is used to display the first live video playback screen at a first screen ratio.

[0022] The second display unit is used to respond to the first screen adjustment operation and display the second live video playback screen at the first screen ratio. The content of the second live video playback screen is obtained by cropping the content of the first live video playback screen.

[0023] Optionally, the content of the first live video playback screen includes the content of a first area and the content of a second area, and the content of the second live video playback screen includes the content of the second area; the content of the second live video playback screen is obtained by cropping the content of the first area of ​​the first live video playback screen.

[0024] Optionally, the first boundary of the first live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the first live video playback screen in the first direction corresponds to the second position of the player area in the first direction. The content of the first area screen includes the first boundary area corresponding to the first boundary and / or the second boundary area corresponding to the second boundary. The second display unit is used for:

[0025] The second live video playback screen is displayed. The first boundary of the second live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the second live video playback screen in the first direction corresponds to the second position of the player area in the first direction.

[0026] Optionally, the first boundary of the second live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the second live video playback screen in the first direction corresponds to the second position of the player area in the first direction, which is achieved in the following way:

[0027] The content of the second area is stretched along the first direction, so that the first boundary of the second live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the second live video playback screen in the first direction corresponds to the second position of the player area in the first direction.

[0028] Optionally, the device further includes:

[0029] The third display unit is used to respond to a second screen adjustment operation triggered for the second live video playback screen and display the adjusted second live video playback screen. The second screen adjustment operation is either a screen zoom-in operation or a screen zoom-out operation.

[0030] The fourth display unit is used to respond to a screen restoration operation triggered by the adjusted second live video playback screen and display the second live video playback screen at the first screen ratio.

[0031] Optionally, the fourth display unit is used for:

[0032] In response to the screen restoration operation, the pre-cached first screen ratio is obtained, and the second live video playback screen is displayed in the first screen ratio.

[0033] Optionally, the first display unit is used for:

[0034] In landscape mode, the first live video playback screen is displayed in the first aspect ratio.

[0035] Thirdly, embodiments of this application provide an apparatus, the apparatus including a processor and a memory;

[0036] The processor is configured to execute instructions stored in the memory to cause the device to perform the method described in any of the first aspects above.

[0037] Fourthly, embodiments of this application provide a computer-readable storage medium including instructions that instruct a device to perform the method described in any of the first aspects above.

[0038] Fifthly, embodiments of this application provide a computer program product that, when run on a computer, causes the computer to perform the method described in any of the first aspects above.

[0039] Compared with the prior art, the embodiments of this application have the following advantages:

[0040] This application provides an information display method, which includes: displaying a first live video playback screen at a first aspect ratio; and, in response to a first aspect ratio adjustment operation, displaying a second live video playback screen at the first aspect ratio, wherein the content of the second live video playback screen is obtained by cropping the content of the first live video playback screen. Therefore, using this solution, users can trigger a first aspect ratio adjustment operation to crop the content of the first live video playback screen, while maintaining the aspect ratio of the second live video playback screen at the first aspect ratio. This allows users to efficiently obtain video content information and improves their video viewing experience. Attached Figure Description

[0041] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments recorded in this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0042] Figure 1A flowchart illustrating an information display method provided in an embodiment of this application;

[0043] Figure 2a A schematic diagram of a first live video playback screen provided in an embodiment of this application;

[0044] Figure 2b A schematic diagram of a second live video playback screen provided in an embodiment of this application;

[0045] Figure 2c A schematic diagram of yet another first live video playback screen provided in an embodiment of this application;

[0046] Figure 2d A schematic diagram of yet another second live video playback screen provided in an embodiment of this application;

[0047] Figure 3 This is a schematic diagram of the structure of an information display device provided in an embodiment of this application. Detailed Implementation

[0048] To enable those skilled in the art to better understand the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present application, and not all embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative effort are within the scope of protection of the present application.

[0049] The various non-limiting embodiments of this application will now be described in detail with reference to the accompanying drawings.

[0050] Exemplary methods

[0051] See Figure 1 This figure is a flowchart illustrating an information display method provided in an embodiment of this application. The information display method provided in this embodiment can be applied to a client, which can run on a terminal device. As an example, the method may include the following steps: S101-S102.

[0052] S101: Display the first live video playback screen in the first-view ratio.

[0053] S102: In response to the first screen adjustment operation, the second live video playback screen is displayed at the first screen ratio, and the screen content of the second live video playback screen is obtained by cropping the screen content of the first live video playback screen.

[0054] This application does not specifically limit the content of the first live video playback screen. In one example, the content of the first live video playback screen may include game live streaming.

[0055] In one example, the client can display the first live video playback screen in landscape mode.

[0056] This application does not specifically limit the first screen ratio, and the first screen ratio can be determined according to the actual situation.

[0057] Users can trigger a first screen adjustment operation on the first live video playback screen. This first screen adjustment operation can be triggered by corresponding controls or gestures, and this application embodiment does not make specific limitations.

[0058] In this embodiment of the application, the client can respond to the first screen adjustment operation by cropping the first live video playback screen and displaying the cropped second live video playback screen at the first screen ratio.

[0059] In this embodiment, the first live video playback screen may include content from a first area and content from a second area. In one example, the content from the second area includes key elements of the live video, including but not limited to: the subject being explained, the broadcaster's image, and interactive controls. The content from the first area may be non-key elements, i.e., content other than the aforementioned key elements. For example, the content from the first area may be an advertisement, and the content from the second area may be a game live video, with the first area displaying the advertisement. In this case, the content from the second live video playback screen may include the content from the second area, and the content from the second live video playback screen may be obtained by cropping the content from the first area.

[0060] In one example, after receiving the first screen adjustment operation, the client determines that the content of the first area screen is a non-critical element. Therefore, the client can crop the content of the first area screen to obtain the content of the second area screen, and further obtain the second live video playback screen based on the content of the second area screen.

[0061] In another example, the client can determine the content of the first area of ​​the screen based on the screen cropping configuration information, thereby cropping the content of the first area of ​​the screen to obtain the content of the second area of ​​the screen, and further obtaining the second live video playback screen based on the content of the second area of ​​the screen.

[0062] In one example, the first boundary of the first live video playback screen in a first direction corresponds to the first position of the player area in the first direction, and the second boundary of the first live video playback screen in the first direction corresponds to the second position of the player area in the first direction. The first direction can be a direction from the first boundary to the second boundary, or a direction from the second boundary to the first boundary. In this case, the content of the first area includes the first boundary area corresponding to the first boundary and / or the second boundary area corresponding to the second boundary. Correspondingly, the first boundary of the second live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the second live video playback screen in the first direction corresponds to the second position of the player area in the first direction. In other words, after cropping the content of the first area, the size of the displayed content of the second area is the same as the size of the first live video playback screen, allowing users to more intuitively view the key elements in the first live video screen without being disturbed by other content.

[0063] In one example, after cropping the content of the first area of ​​the screen, the client can stretch the content of the cropped second area of ​​the screen, so that the size of the stretched second live video screen is the same as the size of the first live video playback screen. In a specific example, the client can determine the screen stretching direction as a first direction based on the position of the first area of ​​the screen content in the first live video playback screen, and further stretch the content of the second area of ​​the screen based on the first direction, so that the first boundary of the second live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the second live video playback screen in the first direction corresponds to the second position of the player area in the first direction.

[0064] In one example, the first direction can be a horizontal direction, the first boundary of the first live video playback screen in the first direction can be the left boundary of the first live video playback screen, and the second boundary of the first live video playback screen in the first direction can be the right boundary of the first live video playback screen. Correspondingly, the first boundary area can be the left side of the first live video playback screen, and the second boundary area can be the right side of the first live video playback screen. In this case, after cropping the left and / or right side of the first live video playback screen, the client can stretch the content of the cropped second area horizontally, so that the left boundary of the second live video playback screen corresponds to the aforementioned first position, and the right boundary of the second live video playback screen corresponds to the aforementioned second position.

[0065] In another example, the first direction can be a vertical direction, the first boundary of the first live video playback screen in the first direction can be the upper boundary of the first live video playback screen, and the second boundary of the first live video playback screen in the first direction can be the lower boundary of the first live video playback screen. Correspondingly, the first boundary region can be the top region of the first live video playback screen, and the second boundary region can be the bottom region of the first live video playback screen. In this case, after cropping the top and / or bottom regions of the first live video playback screen, the client can stretch the content of the cropped second region in the vertical direction, so that the left boundary of the second live video playback screen corresponds to the aforementioned first position, and the right boundary of the second live video playback screen corresponds to the aforementioned second position.

[0066] Regarding the first and second positions, this application does not specifically limit them. In one example, if the first direction is horizontal, the first position may be the location of the left boundary of the player area, and the second position may be the location of the right boundary of the player area. In another example, if the first direction is vertical, the first position may be the location of the upper boundary of the player area, and the second position may be the location of the lower boundary of the player area.

[0067] For a specific example, see Figure 2a To understand, Figure 2a This is a schematic diagram of a first live video playback screen provided in an embodiment of this application. Figure 2a As shown, 210 is the player area, and 220 is the first live video playback screen. The upper boundary of the first live video playback screen 220 is aligned with the upper boundary of the player area 210, and the lower boundary of the first live video playback screen 220 is aligned with the lower boundary of the player area 210. The first area content 221 of the first live video playback screen 220 is located at the top of the first live video playback screen 220. Therefore, after cropping the first live video playback screen 220, the second live video playback screen displayed on the client can be as follows: Figure 2b As shown, the upper boundary of the second live video playback screen 230 is aligned with the upper boundary of the player area 210, and the lower boundary of the second live video playback screen 230 is aligned with the lower boundary of the player area 210. Figure 2a and Figure 2b In the image, the content included in the first area 221 is represented by “***”, and the content included in the second area 222 is represented by “XXX”.

[0068] In yet another specific example, see [link to example]. Figure 2c To understand, Figure 2c This is a schematic diagram of a first live video playback screen provided in an embodiment of this application. Figure 2c As shown, 210 is the player area, and 240 is the first live video playback screen. The left edge of the first live video playback screen 240 is aligned with the first position 250 of the player area 210, and the right edge of the first live video playback screen 240 is aligned with the second position 260 of the player area 210. The first area content 241 of the first live video playback screen 240 is located in the left area of ​​the first live video playback screen 220. Therefore, after cropping the first live video playback screen 240, the second live video playback screen displayed on the client can be as follows: Figure 2d As shown, the left edge of the second live video playback screen 270 is aligned with the first position 250 of the player area 210, and the right edge of the second live video playback screen 270 is aligned with the second position 260 of the player area 210.

[0069] exist Figure 2c and Figure 2d In the image, the content included in the first area 241 is represented by “***”, and the content included in the second area 242 is represented by “XXX”.

[0070] Figures 2a to 2d This is shown only for the purpose of facilitating understanding of the solution and does not constitute a limitation on the embodiments of this application.

[0071] After the client displays the second live video playback screen, to further enhance the viewing experience, the second live video playback screen can also support zooming in or out. In a specific example, the user can trigger a second screen adjustment operation on the second live video playback screen, which is either a zoom-in or zoom-out operation. Accordingly, the client can respond to the second screen adjustment operation and display the adjusted second live video playback screen. In one example, the user can perform the second screen adjustment operation once or multiple times consecutively; this application embodiment does not impose specific limitations.

[0072] In one example, considering that after performing the second screen adjustment operation, the user may want the aspect ratio of the second live video playback screen to return to the original first screen aspect ratio, in one example, after the client displays the adjusted second live video playback screen, the user can trigger a screen restoration operation on the adjusted second live video playback screen. The user can trigger the screen restoration operation through corresponding gestures or interactive controls; this application embodiment does not impose specific limitations. Accordingly, the client can respond to the screen restoration operation and display the second live video playback screen in the first screen aspect ratio. In this way, the user can trigger the screen restoration operation to allow the client to quickly restore the aspect ratio of the second live video playback screen to the first screen aspect ratio.

[0073] In one example, the client may cache the first aspect ratio. For instance, after receiving the first aspect ratio adjustment operation, the client caches the first aspect ratio. In this case, after receiving the aspect ratio restoration operation, the client can retrieve the cached first aspect ratio and display the second live video playback screen in the first aspect ratio, thereby achieving the effect of quickly restoring the aspect ratio of the second live video playback screen to the first aspect ratio.

[0074] In one example, both zooming in and zooming out can be triggered with two fingers. In this case, the client can determine the zoom-in or zoom-out operation through the application programming interface (API) provided by the operating system. In a specific example, if the API determines that the number of touches is two, and the distance between the two fingers continuously increases, then the user's two-finger trigger operation can be identified as a zoom-in operation. In another specific example, if the API determines that the number of touches is two, and the distance between the two fingers continuously decreases, then the user's two-finger trigger operation can be identified as a zoom-out operation.

[0075] Exemplary device

[0076] Based on the methods provided in the above embodiments, this application also provides an apparatus, which will be described below with reference to the accompanying drawings.

[0077] See Figure 3 The figure is a schematic diagram of the structure of an information display device provided in an embodiment of this application. Figure 3 The information display device 300 shown may include a first display unit 301 and a second display unit 302.

[0078] The first display unit 301 is used to display the first live video playback screen at a first screen ratio;

[0079] The second display unit 302 is used to respond to the first screen adjustment operation and display the second live video playback screen at the first screen ratio. The screen content of the second live video playback screen is obtained by cropping the screen content of the first live video playback screen.

[0080] Optionally, the content of the first live video playback screen includes the content of a first area and the content of a second area, and the content of the second live video playback screen includes the content of the second area; the content of the second live video playback screen is obtained by cropping the content of the first area of ​​the first live video playback screen.

[0081] Optionally, the first boundary of the first live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the first live video playback screen in the first direction corresponds to the second position of the player area in the first direction. The content of the first area screen includes the first boundary area corresponding to the first boundary and / or the second boundary area corresponding to the second boundary. The second display unit 302 is used for:

[0082] The second live video playback screen is displayed. The first boundary of the second live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the second live video playback screen in the first direction corresponds to the second position of the player area in the first direction.

[0083] Optionally, the first boundary of the second live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the second live video playback screen in the first direction corresponds to the second position of the player area in the first direction, which is achieved in the following way:

[0084] The content of the second area is stretched along the first direction, so that the first boundary of the second live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the second live video playback screen in the first direction corresponds to the second position of the player area in the first direction.

[0085] Optionally, the device further includes:

[0086] The third display unit is used to respond to a second screen adjustment operation triggered for the second live video playback screen and display the adjusted second live video playback screen. The second screen adjustment operation is either a screen zoom-in operation or a screen zoom-out operation.

[0087] The fourth display unit is used to respond to a screen restoration operation triggered by the adjusted second live video playback screen and display the second live video playback screen at the first screen ratio.

[0088] Optionally, the fourth display unit is used for:

[0089] In response to the screen restoration operation, the pre-cached first screen ratio is obtained, and the second live video playback screen is displayed in the first screen ratio.

[0090] Optionally, the first display unit 301 is used for:

[0091] In landscape mode, the first live video playback screen is displayed in the first aspect ratio.

[0092] Since the device 300 is a device corresponding to the information display method provided in the above method embodiments, the specific implementation of each unit of the device 300 is based on the same concept as in the above method embodiments. Therefore, the specific implementation of each unit of the device 300 can be referred to the relevant descriptions in the above method embodiments, and will not be repeated here.

[0093] This application also provides a device, which includes a processor and a memory;

[0094] The processor is used to execute instructions stored in the memory so that the device performs the information display method described in any of the above method embodiments.

[0095] This application provides a computer-readable storage medium including instructions that instruct a device to perform the information display method described in any of the above method embodiments.

[0096] This application provides a computer program product that, when run on a computer, causes the computer to execute the information display method described in any of the above method embodiments.

[0097] Other embodiments of this application will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of this application that follow the general principles of this application and include common knowledge or customary techniques in the art not disclosed herein. The specification and examples are to be considered exemplary only, and the true scope and spirit of this application are indicated by the claims.

[0098] It should be understood that this application is not limited to the precise structure described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this application is limited only by the appended claims.

[0099] The above description is only a preferred embodiment of this application and is not intended to limit this application. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of this application should be included within the protection scope of this application.

Claims

1. An information display method, characterized in that, The method includes: The first live video playback screen is displayed in a first screen ratio. The content of the first live video playback screen includes the content of a first area screen and the content of a second area screen. The content of the second area screen includes the key elements of the live video, and the content of the first area screen includes the non-key elements of the live video. The key elements include: the subject being explained, the host's screen, and interactive controls. In response to the first screen adjustment operation, the second live video playback screen is displayed in the proportion of the first screen. The content of the second live video playback screen is obtained by cropping the content of the first area screen. The content of the second live video playback screen includes the content of the second area screen but does not include the content of the first area screen.

2. The method according to claim 1, characterized in that, The first boundary of the first live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the first live video playback screen in the first direction corresponds to the second position of the player area in the first direction. The content of the first area includes the first boundary area corresponding to the first boundary and / or the second boundary area corresponding to the second boundary. Displaying the second live video playback screen at the first screen ratio includes: The second live video playback screen is displayed. The first boundary of the second live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the second live video playback screen in the first direction corresponds to the second position of the player area in the first direction.

3. The method according to claim 2, characterized in that, The second live video playback screen's first boundary in the first direction corresponds to the player area's first position in the first direction, and the second live video playback screen's second boundary in the first direction corresponds to the player area's second position in the first direction, which is achieved in the following manner: The content of the second area is stretched along the first direction, so that the first boundary of the second live video playback screen in the first direction corresponds to the first position of the player area in the first direction, and the second boundary of the second live video playback screen in the first direction corresponds to the second position of the player area in the first direction.

4. The method according to claim 1, characterized in that, The method further includes: In response to a second screen adjustment operation triggered on the second live video playback screen, the adjusted second live video playback screen is displayed. The second screen adjustment operation is either a screen zoom-in operation or a screen zoom-out operation. In response to a screen restoration operation triggered by the adjusted second live video playback screen, the second live video playback screen is displayed at the first screen ratio.

5. The method according to claim 4, characterized in that, In response to a screen restoration operation triggered by the adjusted second live video playback screen, the second live video playback screen is displayed at the first screen aspect ratio, including: In response to the screen restoration operation, the pre-cached first screen ratio is obtained, and the second live video playback screen is displayed in the first screen ratio.

6. The method according to claim 1, characterized in that, The display of the first live video playback screen at a first aspect ratio includes: In landscape mode, the first live video playback screen is displayed in the first aspect ratio.

7. An information display device, characterized in that, The device includes: The first display unit is used to display the first live video playback screen at a first screen ratio. The content of the first live video playback screen includes the content of a first area screen and the content of a second area screen. The content of the second area screen includes the key elements of the live video, and the content of the first area screen includes the non-key elements of the live video. The key elements include: the subject being explained, the host's screen, and interactive controls. The second display unit is used to respond to the first screen adjustment operation and display the second live video playback screen at the first screen ratio. The screen content of the second live video playback screen is obtained by cropping the screen content of the first area. The screen content of the second live video playback screen includes the screen content of the second area but does not include the screen content of the first area.

8. An information display device, characterized in that, The information display device includes a processor and a memory; The processor is configured to execute instructions stored in the memory to cause the information display device to perform the method as described in any one of claims 1 to 6.

9. A computer-readable storage medium, characterized in that, Includes instructions that instruct the device to perform the method as described in any one of claims 1 to 6.

Images