WO2022142735A1

WO2022142735A1 - Video display method and apparatus

Info

Publication number: WO2022142735A1
Application number: PCT/CN2021/129038
Authority: WO
Inventors: 周静; 陈锐
Original assignee: 北京达佳互联信息技术有限公司
Priority date: 2020-12-31
Filing date: 2021-11-05
Publication date: 2022-07-07
Also published as: CN112866815A; CN112866815B

Abstract

A video display method and apparatus, and a storage medium, relating to the technical field of video processing. In the method, a video playback area and a comment area are displayed on a created single list and, in response to a sliding command, the display ratio occupied by the video playback area and the comment area on a display page is adjusted on the basis of the moving distance.

Description

Video display method and device

CROSS-REFERENCE TO RELATED APPLICATIONS

This application is based on the Chinese patent application with the application number of 202011619624.3 and the applicant filed on December 31, 2020, and claims the priority of the Chinese patent application. The entire content of the Chinese patent application is incorporated herein by reference.

technical field

The present application relates to the technical field of video processing, and in particular, to a video display method, device, and storage medium.

Background technique

With the rapid development of network technology, various video players also appear. During the video playback, users can make comments and perform other interactive operations in the comment area. For short video playback, the video zoomable playback function is one of the mainstream ways to play short videos at present.

With the increase of the screen size of mobile phones, video zoom playback can ensure that users watch the comments of the video while watching the video, thereby increasing the user's interaction rate in the video playback software and increasing the playback time.

However, in the related art, to implement the zoomable video playback function, two vertical lists are usually nested. Therefore, when a user's gesture instruction is received, there will be a conflict in handling events.

SUMMARY OF THE INVENTION

According to a first aspect of the embodiments of the present application, a video display method is provided, comprising: in response to a viewing instruction, displaying a scrollable list on a display interface; wherein the scrollable list includes a video play area and a comment area; The control instruction controls the movement of the scrollable list, and determines the moving distance of the scrollable list; Adjustment.

In a possible implementation manner, the displaying the scrollable list on the display interface includes: in response to the height of the video playing area being smaller than the height of the display interface, displaying the video playing on the display interface area and the comment area; or in response to the height of the video playing area not being less than the height of the display interface, displaying the video playing area on the display interface.

In a possible implementation manner, the displaying the video playing area on the display interface includes: determining that the video playing area is in the scrollable list according to the height of the upper margin of the scrollable list position; wherein, the height of the upper margin of the scrollable list is the height of the video playback area; based on the position of the video playback area in the scrollable list, determine the video playback area in the display interface position on the display interface; display the video play area on the display interface based on the position of the video play area on the display interface.

In a possible implementation manner, the height of the video playing area is determined by: determining the actual aspect ratio of the video that needs to be played in the video playing area; determining the video based on the width of the display interface The width of the video is determined, and the height of the video on the display interface is determined according to the actual aspect ratio of the video; the height of the video play area is determined based on the height of the video in the display interface.

In a possible implementation manner, the adjusting the display proportions occupied by the video playback area and the comment area in the display interface according to the moving distance includes: determining according to the moving distance The update height and update distance of the video playback area; wherein, the update height is the height of the video playback area on the display interface; the update distance is the top of the scrollable list and the top of the display interface. distance; determine the update position of the video play area in the scrollable list according to the update distance and the update height; determine the update position of the video play area in the scrollable list The position of the video playing area on the display interface; the comment area is displayed on the remaining part of the display interface.

In a possible implementation manner, determining the update height of the video playing area according to the moving distance includes: determining a corrected height based on the difference between the height of the video playing area and the moving distance; The corrected height does not exceed the preset minimum height of the video playback area, and it is determined that the updated height of the video playback area is the corrected height; in response to the corrected height exceeding the preset minimum height of the video playback area, determine The update height of the video playing area is the preset minimum height.

In a possible implementation manner, the determining the update position of the video playback area in the scrollable list according to the update distance and the update height includes: according to the update height and the need The actual aspect ratio of the video played in the video playback area is determined, and the update width of the video playback area is determined; according to the update height and the update width, the area of the video playback area is determined; according to the video playback area The area and the update distance are determined to determine the update position of the video playback area in the scrollable list.

According to a second aspect of the embodiments of the present application, there is provided a video display device, comprising: a display unit configured to display a scrollable list on a display interface in response to a viewing instruction; wherein the scrollable list includes a video playing area and a comment area; a scrolling unit, configured to control the scrollable list to move in response to a control instruction, and determine a moving distance of the scrollable list; an adjustment unit, configured to adjust the video to the video according to the moving distance The display proportions occupied by the play area and the comment area in the display interface are adjusted.

In a possible implementation manner, the display unit is configured to: in response to the height of the video play area being smaller than the height of the display interface, display the video play area and the comment area on the display interface; Or in response to the height of the video play area being not less than the height of the display interface, the video play area is displayed on the display interface.

In a possible implementation manner, the display unit is configured to: determine the position of the video playing area in the scrollable list according to the height of the upper margin of the scrollable list; wherein, the upper side of the scrollable list is The height from the distance is the height of the video playback area; based on the position of the video playback area in the scrollable list, determine the position of the video playback area on the display interface; The position on the display interface where the video playing area is displayed on the display interface.

In a possible implementation manner, the apparatus further includes: a first determination unit configured to determine the actual aspect ratio of the video to be played in the video playback area; a second determination unit configured to be based on The width of the display interface is used to determine the width of the video, and according to the actual aspect ratio of the video, the height of the video in the display interface is determined; the third determining unit is configured to be based on the video in the display interface. The height of the display interface is used to determine the height of the video playing area.

In a possible implementation manner, the adjustment unit includes: a first determination subunit, configured to determine, according to the moving distance, an update height and an update distance of the video playback area; wherein the update height is the the height of the video playback area on the display interface; the update distance is the distance between the top of the scrollable list and the top of the display interface; the second determination subunit is configured to be based on the update distance and the update height , determine the update position of the video play area in the scrollable list; the third determination subunit is configured to determine the video play area according to the update position of the video play area in the scrollable list At the position of the display interface; a display unit configured to display the comment area on the remaining portion of the display interface.

In a possible implementation manner, the first determination subunit is configured to: determine a corrected height based on the difference between the height of the video playing area and the moving distance; in response to the corrected height not exceeding the video playback the preset minimum height of the area, determine that the update height of the video playback area is the corrected height; in response to the corrected height exceeding the preset minimum height of the video playback area, determine that the update height of the video playback area is The preset minimum height.

In a possible implementation manner, the second determination subunit is configured to: determine the update width of the video playback area according to the ratio of the update height to the actual width and height of the video to be played in the video playback area ; According to the update height and the update width, determine the area of the video playback area; According to the area of the video playback area and the update distance, determine the update of the video playback area in the scrollable list Location.

According to a third aspect of the embodiments of the present application, there is provided an electronic device, comprising: a processor; a memory for storing instructions executable by the processor; wherein the processor is configured to execute the instructions to achieve A video display method.

According to a fourth aspect of the embodiments of the present application, a storage medium is provided, when instructions in the storage medium are executed by a processor of an electronic device, the electronic device can execute a video display method.

According to a fifth aspect of the embodiments of the present application, there is provided a computer program product, comprising at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores data that can be processed by the at least one processor The instructions are executed by the processor, and the instructions are executed by the at least one processor, so that the at least one processor can execute the video display method provided by the embodiment of the present application.

By displaying the video play area and the comment area on the created single list, and in response to the sliding instruction, the display proportions of the video play area and the comment area on the display page are adjusted according to the moving distance. In this way, the video zoom function is implemented through a single list, which can effectively avoid the conflict of processing events caused by the nesting of double lists.

Other features and advantages of the present application will be set forth in the description which follows, and, in part, will be apparent from the description, or may be learned by practice of the present application. The objectives and other advantages of the application may be realized and attained by the structure particularly pointed out in the written description, claims, and drawings.

Description of drawings

The drawings described herein are used to provide further understanding of the present application and constitute a part of the present application. The schematic embodiments and descriptions of the present application are used to explain the present application and do not constitute an improper limitation of the present application. In the attached image:

Fig. 1 is the display schematic diagram of the related art display video;

Fig. 2 is the display schematic diagram of the related art sliding video;

3 is a schematic flowchart of a video display method in an embodiment of the present application;

4 is a schematic diagram of a scrollable list in an embodiment of the present application;

5 is a schematic diagram of a first video in an embodiment of the present application when it is not zoomed;

6 is a schematic diagram of the second type of video in an embodiment of the present application when it is not scaled;

7 is a schematic diagram of displaying a sliding video in an embodiment of the present application;

FIG. 8 is a schematic structural diagram of a video display device according to an embodiment of the application;

FIG. 9 is a schematic structural diagram of a terminal device in an embodiment of the present application.

Detailed ways

Embodiments of the present application provide an audio clustering method, device, and storage medium. In order to better understand the technical solutions provided by the embodiments of the present application, the basic principles of the solutions are briefly described here.

It should be noted that the terms "first", "second", etc. in the description and claims of the present application and the above drawings are used to distinguish similar objects, and are not necessarily used to describe a specific sequence or sequence. It is to be understood that data so used may be interchanged under appropriate circumstances so that the embodiments of the application described herein can be practiced in sequences other than those illustrated or described herein. The implementations described in the illustrative examples below are not intended to represent all implementations consistent with this application. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present application as recited in the appended claims.

The technical solutions provided by the embodiments of the present application are described below with reference to the accompanying drawings.

With the rapid development of network technology, various video players also appear. During the video playback, users can make comments and perform other interactive operations in the comment area. For short video playback, the video zoomable playback function is one of the mainstream ways to play short videos at present. With the increase of the screen size of mobile phones, video zoom playback can ensure that users watch the comments of the video while watching the video, thereby increasing the user's interaction rate in the video playback software and increasing the playback time. However, in the related art, to implement the zoomable video playback function, two vertical lists are usually nested. Therefore, when a user's gesture instruction is received, a conflict of processing events may occur.

As shown in FIG. 1 , it is a display scheme for displaying video in the related art. Among them, two vertical lists are nested on the display interface, the parent list occupying the entire display page is used to display the video being played; the child list occupying part of the display page is used to display the comment area. When implementing the zoomable video playback function according to the above solution, if a gesture command, such as sliding, is performed on the overlapping part of the parent list and the child list, it may cause a gesture conflict, that is, it is impossible to confirm which list the user wants to process.

As shown in Figure 2, if the user swipes up the part of the sublist, (because the parent list contains sublists, the parent list and sublist overlap) the system cannot confirm which list the user wants to process during processing. For the sublist For example, the swipe up gesture means to swipe the comment area to display other comments; for the parent list, the swipe up gesture means to change other videos.

In view of this, the present application provides a video display method, by displaying the video play area and the comment area on the created single list, and in response to the sliding instruction, the video play area and the comment area are displayed on the display page according to the moving distance. The proportion of the display is adjusted. In this way, the video zoom function is implemented through a single list, which can effectively avoid the conflict of processing events caused by the nesting of double lists.

The embodiments of the present application will be described below with reference to the accompanying drawings. It should be understood that the embodiments described herein are only used to illustrate and explain the present application, but not to limit the present application. The embodiments in and features in the embodiments can be combined with each other.

The audio clustering transfer method provided by the embodiment of the present application will be further explained below. As shown in Figure 3, the following steps are included.

In step S31, in response to the viewing instruction, a scrollable list is displayed on the display interface; wherein the scrollable list includes a video play area and a comment area.

In this embodiment of the present application, the scrollable list is pre-created, and the size of the scrollable list is larger than the size of the display page. As shown in Figure 4, it is a schematic diagram of a scrollable list. Among them, 401 represents a display interface, and 402 represents a scrollable list.

When the user opens a video, by default the top level of the scrollable list is displayed on top of the display interface.

In this embodiment of the present application, the scrollable list includes a video playing area and a commenting area. Since there are multiple cells in the scrollable list, each comment of the user is corresponding to a cell, so that the comment area is determined based on the area formed by the cells in which the comment exists.

In the scrollable list, an area is divided, and the video is added as a subview to the scrollable list, and the area where the video is displayed is used as the video playback area.

In the embodiment of the present application, since the aspect ratio when shooting the video is not the same as the aspect ratio of the terminal device where the user watches the video, the height of the video playback area can be determined according to the actual aspect ratio of the video, which can be implemented as Steps A1-A3.

In step A1, the actual aspect ratio of the video to be played in the video playing area is determined.

In this embodiment of the present application, the playback video is pre-configured, and the playback video can be obtained through big data. The aspect ratio of the played video may be determined, or may be based on the aspect ratio of the video uploaded by the user. For example, if the aspect ratio of the mobile phone of some users is 16:9, the video shot is also 16:9.

In step A2, the width of the video is determined based on the width of the display interface, and the height of the video on the display interface is determined according to the actual aspect ratio of the video.

In order to maximize the display of the playing video on the display interface, the width of the playing video can be determined according to the width of the viewing user's mobile phone display page, and the height can be determined according to the actual aspect ratio of the playing video.

In step A3, the height of the video playing area is determined based on the height of the video on the display interface.

In this way, the height of the video playback area is determined according to the actual aspect ratio of the played video and the display interface, so that the display of the played video on the display interface can be maximized.

In the embodiment of the present application, since the screen sizes of the terminal devices of the users are not the same, the content displayed by each user when watching the video is not the same. When a user watches a video through a terminal device, the displayed content is determined according to the height of the video playing area and the height of the display interface of the user terminal device, which may be specifically implemented as follows.

In response to the height of the video play area being smaller than the height of the display interface, the video play area and the comment area are displayed on the display interface.

As shown in FIG. 5 , it is a schematic diagram when the video is not zoomed. Among them, the upper part of the display page is the video playback area, and the lower part is the comment area.

In response to the height of the video play area being not less than the height of the display interface, the video play area is displayed on the display interface.

As shown in Figure 6, the video playback area just occupies the entire display page. At this time, the comment area is not displayed, and the user needs to swipe down the screen to display the comment area.

In order to allow the user to have a better experience and to be able to swipe up more easily, an upward arrow may be displayed on the display page to instruct the user to swipe up.

It should be noted that when the video playback area is larger than the display page, the video playback area can be displayed on the display page, but the user needs to swipe up to view the complete video; Enables the video to be fully displayed on the display interface.

In this way, different display schemes are displayed according to different display pages of users, so that the video playing area can be completely displayed on the display page.

In this embodiment of the present application, the video play area displayed on the display page is determined according to the position of the video play area on the scrollable list, and the specific implementation may be as follows.

The position of the video play area in the scrollable list is determined according to the height of the top margin of the scrollable list; wherein, the height of the top margin of the scrollable list is the height of the video play area.

Based on the position of the video play area in the scrollable list, the position of the video play area on the display interface is determined.

Based on the position of the video playing area on the display interface, the video playing area is displayed on the display interface.

Since the top level of the scrollable list is displayed at the top of the display interface by default when the user opens the video, in order to make the display page more in line with the user's viewing logic, in the initial display state, the video playback area can be located at the top of the scrollable list. The comment area is below the video playback area. This way, the user can display the video directly when the video is opened.

The margin is the blank space outside the scrollable list cells. The top margin is the empty space above the scrollable list. In this way, setting the margin above the list and adding the video play area as a subview to the scrollable list can keep the video play area displayed on the upper part of the display page in the initial state, which is more in line with the user's viewing logic.

In step S32, in response to the control instruction, the scrollable list is controlled to move, and the moving distance of the scrollable list is determined.

In this embodiment of the present application, the scrollable list will move with the user's sliding, and after the user stops, the distance between the top of the scrollable list and the top of the display page is calculated, and the distance is taken as the moving distance.

Of course, the scrollable list can also move a corresponding distance according to the sliding distance after the user stops sliding.

In step S33, according to the moving distance, the display proportions of the video playback area and the comment area in the display interface are adjusted.

After the moving distance is determined, the playing video can be zoomed according to the moving distance, which can be specifically implemented as steps B1-B4.

In step B1, the update height and update distance of the video playback area are determined according to the moving distance; wherein, the update height is the height of the video playback area on the display interface; the update distance is the The distance between the top of the scrollable list and the top of the display interface.

In the embodiment of the present application, the video playback area has a preset minimum height on the display page, and the update height is determined according to the relationship between the scrolling distance and the preset minimum height, which can be specifically implemented as follows.

A corrected height is determined based on the difference between the height of the video playing area and the moving distance.

In response to the corrected height not exceeding the preset minimum height of the video playing area, determining that the updated height of the video playing area is the corrected height.

In this embodiment of the present application, when the moving distance does not exceed the preset minimum height, the sum of the moving distance and the updated height is the height of the original video playback area. For example, the height of the original video playback area is 10, after scrolling, the moving distance is 4, then the update height is 6.

In response to the corrected height exceeding the preset minimum height of the video playing area, determining that the updated height of the video playing area is the preset minimum height.

When the moving distance exceeds the preset minimum height, in order to ensure that the video playback area can play the complete video relatively clearly, the update height of the video playback area is determined based on the preset minimum height.

In this way, whether the video playback area continues to shrink is determined according to the preset minimum height, thereby ensuring that the video playback area can be displayed on the display interface relatively clearly.

Step B2: Determine the update position of the video playback area in the scrollable list according to the update distance and the update height.

The update position of the video playing area includes the area of the video playing area and the area on the display interface.

In this embodiment of the present application, after the update distance and the update height are determined, the update position of the video playback area in the scrollable list can be determined. Specifically, it can be implemented as follows.

The updated width of the video playing area is determined according to the ratio of the updated height to the actual width and height of the video to be played in the video playing area.

The area of the video playing area is determined according to the update height and the update width.

According to the area of the video play area and the update distance, the update position of the video play area in the scrollable list is determined.

In step B3, the position of the video play area on the display interface is determined according to the updated position of the video play area in the scrollable list.

In step B4, the comment area is displayed on the remaining part of the display interface.

In this way, adjusting the video play area and the comment area according to the user's sliding of the scrollable list can effectively avoid the conflict of processing events caused by the nesting of double lists.

In this embodiment of the present application, if the user slides down, since the top of the slidable list is already at the top of the displayed page, after the user slides down, the video playback area and the comment area remain unchanged.

If the user swipes up, the scrollable list will scroll up with the user's swiping. At this time, in order to display the video completely, the area of the video playback area and the position in the scrollable list will be reduced. Therefore, on the display page, the area of the video playback area will be reduced, and the comment area will fill the empty part at the bottom of the display page.

As shown in Figure 7, it is a schematic diagram of a sliding video, in which the left side is the display interface in the initial state. After the user slides up, the proportion of the video playback area becomes smaller, and the proportion of the comment area becomes larger.

As the user swipes, the playback video is zoomed, so that the user can still watch the complete video while watching the comments, thereby improving the user's viewing experience. In this way, by implementing the zoom function with a single list, the conflict of processing events caused by the nesting of double lists can be effectively avoided.

The present application also provides a video display device. As shown in FIG. 8 , a schematic diagram of a video display device provided by the present application is shown. The apparatus includes: a display unit 801, configured to display a scrollable list on a display interface in response to a viewing instruction; wherein the scrollable list includes a video playing area and a comment area; and a scrolling unit 802, configured to respond to control instruction to control the movement of the scrollable list, and determine the moving distance of the scrollable list; the adjustment unit 803 is configured to, according to the moving distance, adjust the video playback area and the comment area on the display interface The proportion of the display is adjusted.

In a possible implementation manner, the display unit 801 is configured to: in response to the height of the video play area being smaller than the height of the display interface, display the video play area and the comment area on the display interface ; or in response to the height of the video play area being not less than the height of the display interface, displaying the video play area on the display interface.

In a possible implementation manner, the display unit 801 is configured to: determine the position of the video playing area in the scrollable list according to the height of the upper margin of the scrollable list; wherein, the scrollable list The height of the top margin is the height of the video play area; based on the position of the video play area in the scrollable list, determine the position of the video play area on the display interface; based on the video play area At the position on the display interface, the video playing area is displayed on the display interface.

In a possible implementation manner, the adjustment unit 803 includes: a first determination subunit, configured to determine the update height and update distance of the video playback area according to the moving distance; wherein the update height is the the height of the video playback area on the display interface; the update distance is the distance between the top of the scrollable list and the top of the display interface; the second determination subunit is configured to be based on the update distance and the update distance height, to determine the update position of the video play area in the scrollable list; a third determination subunit, configured to determine the video play area according to the update position of the video play area in the scrollable list The location of the area on the display interface. The display unit 801 is configured to display the comment area on the rest of the display interface.

Based on the same technical concept, an embodiment of the present application further provides a terminal device 900. Referring to FIG. 9, the terminal device 900 is used to implement the methods described in the above-mentioned method embodiments. For example, to implement the embodiment shown in FIG. 3, the terminal The device 900 may include a memory 901 , a processor 902 , an input unit 903 and a display panel 904 .

The memory 901 is used to store computer programs executed by the processor 902 . The memory 901 may mainly include a stored program area and a stored data area, wherein the stored program area may store an operating system, an application program required for at least one function, and the like; The processor 902 may be a central processing unit (central processing unit, CPU), or a digital processing unit or the like. The input unit 903 can be used to obtain the user instruction input by the user. The display panel 904 is used to display the information input by the user or the information provided to the user. In this embodiment of the present application, the display panel 904 is mainly used to display the display interface of each application program in the terminal device and the control entities displayed in each display interface . In an embodiment of the present disclosure, the display panel 904 may be configured in the form of a liquid crystal display (LCD) or an OLED (organic light-emitting diode, organic light-emitting diode), or the like.

The specific connection medium between the memory 901 , the processor 902 , the input unit 903 , and the display panel 904 is not limited in the embodiments of the present application. In this embodiment of the present application, the memory 901, the processor 902, the input unit 903, and the display panel 904 are connected through a bus 905 in FIG. 9. The bus 905 is represented by a thick line in FIG. 9. The connection between other components is only It is a schematic illustration and is not intended to be limiting. The bus 905 can be divided into an address bus, a data bus, a control bus, and the like. For ease of presentation, only one thick line is used in FIG. 9, but it does not mean that there is only one bus or one type of bus.

The memory 901 may be a volatile memory (volatile memory), such as random-access memory (RAM); the memory 901 may also be a non-volatile memory (non-volatile memory), such as read-only memory, flash memory A flash memory, hard disk drive (HDD) or solid-state drive (SSD), or memory 901 is a device that can be used to carry or store desired program code in the form of instructions or data structures and can be accessed by Any other medium accessed by the computer, but not limited to this. The memory 901 may be a combination of the above-described memories.

The processor 902, configured to implement the embodiment shown in FIG. 3, includes: the processor 902, configured to invoke the computer program stored in the memory 901 to execute the embodiment shown in FIG. 3. FIG.

Embodiments of the present application further provide a computer-readable storage medium, which stores computer-executable instructions to be executed by the above-mentioned processor, and includes a program to be executed by the above-mentioned processor.

In some possible implementations, various aspects of a video display method provided by the present application can also be implemented in the form of a program product, which includes program code, and when the program product runs on a terminal device, the program code is used for The terminal device is caused to execute the steps in a video display method according to various exemplary embodiments of the present application described above in this specification. For example, the terminal device may implement the embodiment shown in FIG. 3 .

The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. The readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or a combination of any of the above. More specific examples (non-exhaustive list) of readable storage media include: electrical connections with one or more wires, portable disks, hard disks, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, portable compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

The program product for a video display of embodiments of the present application may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be executed on a computing device. However, the program product of the present application is not limited thereto, and in this document, a readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.

A readable signal medium may include a propagated data signal in baseband or as part of a carrier wave, carrying readable program code therein. Such propagated data signals may take a variety of forms including, but not limited to, electromagnetic signals, optical signals, or any suitable combination of the foregoing. A readable signal medium can also be any readable medium, other than a readable storage medium, that can transmit, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device.

Program code embodied on a readable medium may be transmitted using any suitable medium including, but not limited to, wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.

Program code for performing the operations of the present application may be written in any combination of one or more programming languages, including entity-oriented programming languages—such as Java, C++, etc., as well as conventional procedural programming Language - such as the "C" language or similar programming language. The program code may execute entirely on the user computing device, partly on the user device, as a stand-alone software package, partly on the user computing device and partly on a remote computing device, or entirely on the remote computing device or server execute on. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any kind of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computing device (eg, using an Internet service) provider to connect via the Internet).

It should be noted that although several units or sub-units of the apparatus are mentioned in the above detailed description, this division is merely exemplary and not mandatory. Indeed, according to embodiments of the present application, the features and functions of two or more units described above may be embodied in one unit. Conversely, the features and functions of one unit described above may be further subdivided to be embodied by multiple units.

Furthermore, although the operations of the methods of the present application are depicted in the figures in a particular order, this does not require or imply that the operations must be performed in the particular order, or that all illustrated operations must be performed to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps may be combined to be performed as one step, and/or one step may be decomposed into multiple steps to be performed.

As will be appreciated by those skilled in the art, the embodiments of the present application may be provided as a method, a system, or a computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) having computer-usable program code embodied therein.

The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the present application. It will be understood that each flow and/or block in the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a general purpose computer, special purpose computer, embedded processor or processor of other programmable video display device to produce a machine such that the instructions executed by the processor of the computer or other programmable video display device produce Means for implementing the functions specified in a flow or flow of a flowchart and/or a block or blocks of a block diagram.

These computer program instructions may also be stored in a computer-readable memory capable of directing a computer or other programmable video display device to function in a particular manner, such that the instructions stored in the computer-readable memory result in an article of manufacture comprising instruction means, the instructions The apparatus implements the functions specified in the flow or flow of the flowcharts and/or the block or blocks of the block diagrams.

These computer program instructions can also be loaded onto a computer or other programmable video display device to cause a series of operational steps to be performed on the computer or other programmable device to produce a computer-implemented process such that The instructions provide steps for implementing the functions specified in the flow or blocks of the flowcharts and/or the block or blocks of the block diagrams.

Although embodiments of the present application have been described, additional changes and modifications to these embodiments may occur to those skilled in the art once the basic inventive concepts are known. Therefore, the appended claims are intended to be construed to include the embodiments and all changes and modifications that fall within the scope of the present application.

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

Claims

A video display method, wherein the method comprises:

In response to the viewing instruction, a scrollable list is displayed on the display interface; wherein, the scrollable list includes a video playback area and a comment area;

In response to the control instruction, controlling the scrollable list to move, and determining the moving distance of the scrollable list;

According to the moving distance, the display proportions of the video playback area and the comment area in the display interface are adjusted.
The method of claim 1, wherein the displaying a scrollable list on the display interface comprises:

In response to the height of the video play area being less than the height of the display interface, displaying the video play area and the comment area on the display interface; or

In response to the height of the video play area being not less than the height of the display interface, the video play area is displayed on the display interface.
The method according to claim 2, wherein the displaying the video playing area on the display interface comprises:

Determine the position of the video playback area in the scrollable list according to the height of the upper margin of the scrollable list; wherein, the height of the upper margin of the scrollable list is the height of the video playback area;

determining the position of the video play area on the display interface based on the position of the video play area in the scrollable list;

Based on the position of the video playing area on the display interface, the video playing area is displayed on the display interface.
The method according to claim 2 or 3, wherein the height of the video playing area is determined by:

determining the actual aspect ratio of the video to be played in the video playback area;

Determine the width of the video based on the width of the display interface, and determine the height of the video on the display interface according to the actual aspect ratio of the video;

Based on the height of the video on the display interface, the height of the video playing area is determined.
The method according to claim 1, wherein, according to the moving distance, adjusting the display proportions occupied by the video playback area and the comment area in the display interface, comprising:

According to the moving distance, determine the update height and update distance of the video playback area; wherein, the update height is the height of the video playback area on the display interface; the update distance is the top of the scrollable list the distance from the top of the display interface;

According to the update distance and the update height, determine the update position of the video playback area in the scrollable list;

Determine the position of the video playback region on the display interface according to the updated position of the video playback region in the scrollable list;

The comment area is displayed on the remainder of the display interface.
The method according to claim 5, wherein determining the update height of the video playing area according to the moving distance comprises:

Determine the corrected height based on the difference between the height of the video playing area and the moving distance;

In response to the corrected height not exceeding a preset minimum height of the video playback area, determining the corrected height based on the updated height of the video playback area;

In response to the modified height exceeding a preset minimum height of the video play area, the preset minimum height is determined based on the updated height of the video play area.
The method according to claim 5, wherein the determining the update position of the video playback area in the scrollable list according to the update distance and the update height comprises:

Determine the update width of the video playback area according to the update height and the actual aspect ratio of the video to be played in the video playback area;

Determine the area of the video playback area according to the update height and the update width;

According to the area of the video play area and the update distance, the update position of the video play area in the scrollable list is determined.
A video display device, wherein the device comprises:

a display unit, configured to display a scrollable list on the display interface in response to the viewing instruction; wherein the scrollable list includes a video play area and a comment area;

a scrolling unit, configured to control the scrollable list to move in response to a control instruction, and determine a moving distance of the scrollable list;

The adjustment unit is configured to adjust the display proportions occupied by the video playing area and the comment area in the display interface according to the moving distance.
The apparatus of claim 8, wherein the display unit is configured to:

In response to the height of the video play area being less than the height of the display interface, displaying the video play area and the comment area on the display interface; or

In response to the height of the video play area being not less than the height of the display interface, the video play area is displayed on the display interface.
The apparatus of claim 9, wherein the display unit is configured to:

Determine the position of the video playback area in the scrollable list according to the height of the upper margin of the scrollable list; wherein, the height of the upper margin of the scrollable list is the height of the video playback area;

determining the position of the video play area on the display interface based on the position of the video play area in the scrollable list;

Based on the position of the video playing area on the display interface, the video playing area is displayed on the display interface.
The apparatus of claim 9 or 10, wherein the apparatus further comprises:

a first determining unit, configured to determine the actual aspect ratio of the video to be played in the video playing area;

a second determining unit, configured to determine the width of the video based on the width of the display interface, and determine the height of the video on the display interface according to the actual aspect ratio of the video;

The third determining unit is configured to determine the height of the video playing area based on the height of the video on the display interface.
The apparatus of claim 8, wherein the adjustment unit comprises:

a first determination subunit, configured to determine an update height and an update distance of the video playback area according to the moving distance; wherein, the update height is the height of the video playback area on the display interface; the The update distance is the distance between the top of the scrollable list and the top of the display interface;

a second determination subunit, configured to determine the update position of the video playback area in the scrollable list according to the update distance and the update height;

a third determining subunit, configured to determine the position of the video playing area on the display interface according to the updated position of the video playing area in the scrollable list;

Wherein, the display unit is configured to display the comment area on the remaining part of the display interface.
The apparatus according to claim 12, wherein the first determination subunit is configured to:

Determine the corrected height based on the difference between the height of the video playback area and the moving distance;

In response to the corrected height not exceeding the preset minimum height of the video playing area, determining that the updated height of the video playing area is the corrected height;

In response to the corrected height exceeding the preset minimum height of the video playing area, determining that the updated height of the video playing area is the preset minimum height.
The apparatus according to claim 12, wherein the second determination subunit is configured to:

Determine the update width of the video playback area according to the update height and the actual aspect ratio of the video to be played in the video playback area;

Determine the area of the video playback area according to the update height and the update width;

According to the area of the video play area and the update distance, the update position of the video play area in the scrollable list is determined.
An electronic device comprising:

processor;

a memory for storing the processor-executable instructions;

wherein the processor is configured to execute the instructions to implement the following processes:

In response to the viewing instruction, a scrollable list is displayed on the display interface; wherein, the scrollable list includes a video playback area and a comment area;

In response to the control instruction, controlling the scrollable list to move, and determining the moving distance of the scrollable list;

According to the moving distance, the display proportions of the video playback area and the comment area in the display interface are adjusted.
A storage medium, wherein, when the instructions in the storage medium are executed by a processor of an electronic device, the electronic device is enabled to perform the following processing:

In response to the viewing instruction, a scrollable list is displayed on the display interface; wherein, the scrollable list includes a video playback area and a comment area;

In response to the control instruction, controlling the scrollable list to move, and determining the moving distance of the scrollable list;

According to the moving distance, the display proportions of the video playback area and the comment area in the display interface are adjusted.
A computer program product, comprising a computer program, characterized in that, when the computer program/instruction is executed by a processor, the following processes are implemented:

In response to the viewing instruction, a scrollable list is displayed on the display interface; wherein, the scrollable list includes a video playback area and a comment area;

In response to the control instruction, controlling the scrollable list to move, and determining the moving distance of the scrollable list;

According to the moving distance, the display proportions of the video playback area and the comment area in the display interface are adjusted.