A video playing method, device, equipment and storage medium

Abstract

Embodiments of the present application provide a video playing method and device, equipment and storage medium, and relate to the technical field of computer, which comprises: displaying a video picture in a first region of a display interface, in response to a cutting operation on the video picture, cutting at least one video content from the video picture to obtain a video content of interest to a user, and then displaying the at least one video content after magnification in a second region of the display interface. In this way, the blank region in the display interface is well utilized, the waste of display space is avoided, the user can watch the video content after magnification and of interest, the problem of user inconvenience in watching video content caused by too small video picture is solved, and the video watching experience of the user is improved.

Description

TECHNICAL FIELD

[0001] Embodiments of the present application relate to the technical field of computer, and particularly relate to a video playing method, device, apparatus and storage medium. BACKGROUND

[0002] With the development of Internet technology and smart devices, video applications are more and more favored by users. Video, because of the integration of images, texts, sounds and other elements, brings users a better viewing experience and interactive experience, and thus gradually becomes the mainstream expression way of the Internet.

[0003] However, in some video playing forms under the related art, the display interface only displays video pictures in part of the area, and other areas are blank, which not only wastes the space of the display interface, but also causes the video pictures to be too small, bringing inconvenience to the video watching process. SUMMARY

[0004] Embodiments of the present application provide a video playing method, device, apparatus and storage medium, for improving the utilization rate of the space in the display interface and improving the convenience of users watching video.

[0005] In one aspect, the present application provides a video playing method, comprising:

[0006] displaying a video picture in a first area of a display interface;

[0007] in response to a cutting operation on the video picture, cutting at least one video content from the video picture;

[0008] displaying the at least one video content after magnification in a second area of the display interface.

[0009] In one aspect, the present application provides a video playing device, comprising:

[0010] a display module, configured to display a video picture in a first area of a display interface;

[0011] a cutting module, configured to, in response to a cutting operation on the video picture, cut at least one video content from the video picture;

[0012] the display module is further configured to display the at least one video content after magnification in a second area of the display interface.

[0013] Optionally, the display interface comprises a vertical screen display interface and a horizontal screen display interface, the vertical screen display interface is a display interface when a terminal device is in a vertical screen state, and the horizontal screen display interface is a display interface when the terminal device is in a horizontal screen state.

[0014] Optionally, the display module is specifically configured to:

[0015] display the at least one video content in the second region of the display interface according to a boundary shape of the second region; or

[0016] display the at least one video content in the second region of the display interface according to a preset magnification ratio.

[0017] Optionally, the display module further comprises an adjustment module.

[0018] The adjustment module is specifically configured to:

[0019] after displaying the at least one video content in the second region of the display interface, adjust a first display attribute of the at least one video content in the display interface in response to a display attribute adjustment operation on the at least one video content, wherein the first display attribute comprises a display position and / or a display size of the at least one video content.

[0020] Optionally, the display module further comprises an adjustment module.

[0021] The adjustment module is specifically configured to:

[0022] after displaying the at least one video content in the second region of the display interface, synchronously adjust a first display attribute of the at least one video content in the display interface and a second display attribute of the video picture in the display interface in response to a layout adjustment operation on the display interface, wherein the first display attribute comprises a display position and / or a display size of the at least one video content, and the second display attribute comprises a display position and / or a display size of the video picture.

[0023] Optionally, the adjustment module is specifically configured to:

[0024] display at least one recommended layout template in the display interface, each of the at least one recommended layout template corresponding to a template identifier, wherein the at least one recommended layout template is determined according to a number of the at least one video content.

[0025] synchronously adjust a first display attribute of the at least one video content in the display interface and a second display attribute of the video picture in the display interface according to a selected target layout template in response to a selection operation on each of the displayed template identifiers.

[0026] Optionally, the adjustment module is specifically configured to:

[0027] According to the target layout template, the display size of each of the at least one video content and the video picture is adjusted respectively, and the adjusted at least one video content and the video picture are filled into the corresponding display area in the display interface respectively.

[0028] Optionally, the intercepting module is specifically configured to:

[0029] In response to the intercepting operation on the video picture, at least one intercepting range in the video picture is obtained.

[0030] Based on the at least one intercepting range, the at least one video content is intercepted from the video picture.

[0031] Optionally, the intercepting module is specifically configured to:

[0032] For the at least one intercepting range, the following steps are performed respectively:

[0033] intercepting the content in the video picture within one intercepting range as one video content; or

[0034] intercepting at least one object in the video picture within one intercepting range and meeting a preset condition of completeness as one video content.

[0035] Optionally, the intercepting module is further configured to:

[0036] In response to the intercepting operation on the video picture, after intercepting the at least one video content from the video picture, filling a preset content in the at least one intercepting range after intercepting the corresponding video content; or

[0037] reserving the original video content in the at least one intercepting range after intercepting the corresponding video content.

[0038] In an aspect, an embodiment of the present application provides a computer device, which comprises a memory, a processor and a computer program stored in the memory and executable on the processor, and the processor implements the steps of the video playing method when executing the program.

[0039] In an aspect, an embodiment of the present application provides a computer readable storage medium, which stores a computer program executable by a computer device, and when the program is executed on the computer device, the computer device executes the steps of the video playing method.

[0040] On one hand, embodiments of this application provide a computer program product, which includes a computer program stored on a computer-readable storage medium. The computer program includes program instructions, which, when executed by a computer, cause the computer to perform the steps of the video playback method described above.

[0041] In this embodiment, a video frame is displayed in a first area of ​​the display interface. In response to a cropping operation on the video frame, at least one piece of video content is cropped from the video frame to obtain video content of interest to the user. Then, at least one piece of video content is displayed in a magnified form in a second area of ​​the display interface. This not only makes good use of the blank area in the display interface and avoids wasting display space, but also allows users to watch magnified and interesting video content, solving the problem of inconvenience for users to watch video content due to the small size of the video frame, thereby improving the user's video viewing experience. Attached Figure Description

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

[0043] Figure 1 This is a schematic diagram of a system architecture applicable to an embodiment of this application;

[0044] Figure 2 A flowchart illustrating a video playback method provided in an embodiment of this application;

[0045] Figure 3a A schematic diagram of a landscape display interface provided in an embodiment of this application;

[0046] Figure 3b A schematic diagram of a portrait-oriented display interface provided in an embodiment of this application;

[0047] Figure 4a A schematic diagram of a portrait-oriented display interface provided in an embodiment of this application;

[0048] Figure 4b A schematic diagram of a landscape display interface provided in an embodiment of this application;

[0049] Figure 4c A schematic diagram of a landscape display interface provided in an embodiment of this application;

[0050] Figure 5 A schematic diagram of a portrait-oriented display interface provided in an embodiment of this application;

[0051] Figure 6 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0052] Figure 7 A schematic diagram of a method for intercepting video content provided by an embodiment of the present application;

[0053] Figure 8 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0054] Figure 9 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0055] Figure 10 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0056] Figure 11 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0057] Figure 12 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0058] Figure 13 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0059] Figure 14 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0060] Figure 15 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0061] Figure 16 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0062] Figure 17 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0063] Figure 18 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0064] Figure 19 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0065] Figure 20 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0066] Figure 21 A schematic diagram of a vertical screen display interface provided by an embodiment of the present application;

[0067] Figure 22 A layout template library provided by the embodiment of the application;

[0068] Figure 23 A vertical screen display interface provided by the embodiment of the application;

[0069] Figure 24 A vertical screen display interface provided by the embodiment of the application;

[0070] Figure 25 A vertical screen display interface provided by the embodiment of the application;

[0071] Figure 26 A vertical screen display interface provided by the embodiment of the application;

[0072] Figure 27 A vertical screen display interface provided by the embodiment of the application;

[0073] Figure 28 A vertical screen display interface provided by the embodiment of the application;

[0074] Figure 29 A vertical screen display interface provided by the embodiment of the application;

[0075] Figure 30 A structure schematic diagram of a video playing device provided by the embodiment of the application;

[0076] Figure 31 A structure schematic diagram of a computer device provided by the embodiment of the application. DETAILED DESCRIPTION

[0077] In order to make the objectives, technical solutions and beneficial effects of the present application clearer, the present application will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and should not be used to limit the present application.

[0078] In order to facilitate understanding, the terms involved in the embodiments of the present application are explained below.

[0079] Client, refers to the server corresponding to the program, which provides local service for the client. In addition to some applications that only run locally, it is generally installed on a common client and needs to run with the server. After the development of the Internet, the commonly used client includes web page browsers used in the World Wide Web, e-mail clients when sending and receiving e-mails, and instant messaging client software, etc. For this kind of application program, there needs to be a corresponding server and service program in the network to provide corresponding services, such as database services, e-mail services, etc. Therefore, a specific communication connection needs to be established between the client and the server to ensure the normal operation of the application program. In the embodiments of the present application, the client can include the clients of various video applications, such as the clients corresponding to live broadcast applications, short video applications, video media applications, video conference applications, etc.

[0080] Video live broadcast refers to a technology of collecting data of a broadcaster through a certain device, processing a series of processes such as video encoding and compression into a video stream that can be watched and transmitted, and outputting to a viewer client.

[0081] Live broadcast room refers to a virtual space (or virtual room), and the host client and the viewer client can display the live broadcast room interface. The viewer can watch the live broadcast content of the host through the live broadcast room interface displayed by the viewer client, and can also interact with the host through voice or text. The host can display the live broadcast content through the live broadcast room interface of the host client.

[0082] The design idea of the embodiments of the present application will be introduced below.

[0083] With the development of Internet technology and smart devices, video applications are more and more popular with users. Video integrates images, text, sound and other elements, providing users with a good viewing experience and interactive experience, and thus gradually becoming the mainstream expression method of the Internet.

[0084] However, in some video playing forms under the related technology, the display interface only displays the video picture in part of the area, and the other areas are blank. Moreover, sometimes the user is only interested in a person or element in the video picture, and the presence of other people also occupies the screen space, which not only wastes the space of the display interface, but also causes the video picture to be too small, bringing inconvenience to the video watching process.

[0085] Therefore, in the embodiments of the present application, a video playing method includes:

[0086] The video picture is displayed in a first area of the display interface. In response to a clipping operation on the video picture, at least one video content is clipped from the video picture, and the at least one video content after being enlarged is displayed in a second area of the display interface.

[0087] In the embodiments of the present application, the first region in the display interface displays a video picture, at least one video content is cut from the video picture in response to a cutting operation on the video picture, the video content of interest of the user is obtained, and then the at least one video content after magnification is displayed in the second region in the display interface. In this way, not only is the blank area in the display interface well utilized, avoiding the waste of display space, but also the user can watch the video content after magnification and of interest, solving the problem of inconvenience of the user in watching the video content due to the too small video picture, and further improving the video watching experience of the user.

[0088] In actual application, the video playing method in the embodiments of the present application can be applied to any video playing scene such as a live broadcast scene, a short video playing scene, a video on demand scene, and a video conference scene.

[0089] Reference Figure 1 which is a system architecture diagram applicable to the embodiments of the present application, and the system architecture at least includes a terminal device 101 and a server 102.

[0090] The video application is pre-installed in the terminal device 101, wherein the video application includes a client application, a web application, an applet application, etc. The video application can be a live broadcast application, a short video application, a video media application, a video conference application, etc., and the terminal device 101 can be a smart phone, a tablet computer, a notebook computer, a desktop computer, a smart speaker, a smart watch, a smart vehicle device, etc., but is not limited thereto.

[0091] The server 102 is a background server of the video application. The server 102 can be a stand-alone physical server, a server cluster or a distributed system composed of multiple physical servers, or a cloud server providing cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content distribution networks (CDN), and big data and artificial intelligence platforms, etc. basic cloud computing services. The terminal device 101 and the server 102 can be directly or indirectly connected through wired or wireless communication, which is not limited in the present application.

[0092] The video playing method in the embodiments of the present application can be executed by the terminal device 101 or by the terminal device 101 and the server 102 in interaction.

[0093] When the terminal device 101 executes the video playing method in the embodiments of the present application, the following steps are included:

[0094] The terminal device 101 displays a video picture in a first region in a display interface. The terminal device 101 responds to a clipping operation on the video picture, clips at least one video content from the video picture, and then displays the at least one video content zoomed in in a second region in the display interface. The video playing method in the embodiment of the present application not only makes good use of the blank area in the display interface, avoids the waste of display space, but also enables the user to watch the video content zoomed in and of interest, solves the problem that the user cannot conveniently watch the video content due to the too small video picture, and further improves the user's video watching experience.

[0095] Based on Figure 1 The embodiment of the present application provides a flow of a video playing method, as shown in the system architecture diagram, the flow of the method is executed by a computer device, which can be a terminal device 101 as shown in the system architecture diagram, and includes the following steps: Figure 2 Figure 1 The terminal device 101 displays a video picture in a first region in a display interface.

[0096] Step S201, displaying a video picture in a first region in a display interface.

[0097] Specifically, the display interface can be a horizontal screen display interface or a vertical screen display interface, wherein the horizontal screen display interface is a display interface displayed by the terminal device in a horizontal screen state, and the vertical screen display interface is a display interface displayed by the terminal device in a vertical screen state.

[0098] In response to a trigger operation, a video picture is displayed in a first region in a display interface, wherein the trigger operation can be an operation of switching from a horizontal screen display interface to a vertical screen display interface, or an operation of switching from a vertical screen display interface to a horizontal screen display interface, or an operation of clicking or double-clicking a video identifier.

[0099] The video picture includes at least a horizontal screen video picture and a vertical screen video picture, wherein the horizontal screen video picture is a video picture displayed in full screen by the terminal device in a horizontal screen state, and the vertical screen video picture is a video picture displayed in full screen by the terminal device in a vertical screen state. The display interface and the video picture are different for different video applications. For example, in a live broadcast application, the display interface is a live broadcast room interface, and the video picture is a live broadcast picture. In a short video application, the display interface is a short video playing interface, and the video picture is a short video picture.

[0100] The first region in the display interface is a partial region in the display interface, and the position, shape and size of the first region can be set according to actual conditions. In addition to displaying the video picture, the first region can also be used to display bullet screen, special effects and the like.

[0101] When the video picture is displayed in the first region in the display interface, it can be a display form of displaying the video picture in a partial region in the display interface at will.​

[0102] For example, see Figure 3a A schematic diagram of a horizontal screen display interface provided by an embodiment of the present application, which displays a horizontal screen live broadcast picture and a barrage sent by an audience on the horizontal screen display interface.

[0103] In response to an operation of switching from the horizontal screen display interface to a vertical screen display interface, the vertical screen display interface is displayed, see Figure 3b A schematic diagram of a vertical screen display interface provided by an embodiment of the present application, which includes a first area 301, and the first area 301 includes a live broadcast picture after switching and a barrage sent by an audience.

[0104] For example, see Figure 4a A schematic diagram of a vertical screen display interface provided by an embodiment of the present application, which displays a vertical screen live broadcast picture, a barrage sent by an audience, and a virtual gift special effect on the vertical screen display interface.

[0105] In response to an operation of switching from the vertical screen display interface to the horizontal screen display interface, the horizontal screen display interface is displayed, see Figure 4b A schematic diagram of a horizontal screen display interface provided by an embodiment of the present application, which includes a first area 401, and the first area 401 includes a vertical screen live broadcast picture after switching, a barrage sent by an audience, and a virtual gift special effect.

[0106] For example, in response to an operation of clicking a video play button, the horizontal screen display interface is displayed, see Figure 4c A schematic diagram of a horizontal screen display interface provided by an embodiment of the present application, which includes a first area 402, and the first area 402 includes a live broadcast picture and a barrage sent by an audience.

[0107] Step S202, in response to a video picture intercepting operation, intercepting at least one video content from the video picture.

[0108] Specifically, the video picture intercepting operation can be one or more of the following: a sliding operation, a clicking operation, a double-clicking operation, a long-pressing operation, etc. The video content can be content in a specified range in the video picture, or a certain object in the video picture, and the object can be a person or an object. In specific application scenarios, the video content can be live broadcast content, short video content, video conference content, etc.

[0109] Step S203, displaying the at least one video content after zooming in on the second area of the display interface.

[0110] Specifically, the second region in the display interface is a partial region in the display interface, and the position, shape and size of the second region can be set according to actual conditions. The second region can be a blank region, or can be used to display comment information, barrage information, special effects and other content in addition to the video picture.

[0111] After the at least one video content is intercepted from the video picture, the at least one video content can be enlarged according to a preset rule and displayed at a preset position of the second region. Alternatively, after the zoom-in operation or the movement operation of the user is monitored, the at least one video content can be enlarged based on the zoom-in operation of the user, and then moved to a corresponding position of the second region according to the monitored movement operation.

[0112] Taking a live broadcast scenario as an example, referring to Figure 5 , a schematic diagram of a vertical screen display interface provided in the embodiment of the present application is shown, which includes a first region 501 and a second region 502. The first region 501 includes a live broadcast picture and a barrage sent by a spectator, and the second region 502 is a blank region. The vertical screen display interface further includes a "cut" button.

[0113] The spectator clicks the "cut" button and performs an intercepting operation on the live broadcast picture. The terminal device intercepts live broadcast content 503 and live broadcast content 504 from the live broadcast picture in response to the intercepting operation on the live broadcast picture. Then, the enlarged live broadcast content 503 and live broadcast content 504 are displayed in the second region 502, as shown in Figure 6 .

[0114] If the spectator clicks the "default map" button shown in Figure 6 , the vertical screen live broadcast room interface will return to the live broadcast room interface shown in Figure 5 . The spectator can also click the "cut" button shown in Figure 6 to continue cutting the live broadcast picture.

[0115] In the embodiment of the present application, the video picture is displayed in the first region of the display interface, at least one video content is intercepted from the video picture in response to an intercepting operation on the video picture, the video content of interest to the user is obtained, and then the enlarged at least one video content is displayed in the second region of the display interface. In this way, not only is the blank region in the display interface well utilized, but also the waste of display space is avoided. Meanwhile, the user can watch the enlarged and interesting video content, the problem of inconvenience of the user in watching the video content caused by the small size of the video picture is solved, and the video watching experience of the user is improved.

[0116] Optionally, in the step S202, in response to the clipping operation on the video picture, at least one clipping range in the video picture is obtained, and then at least one video content is clipped from the video picture based on the at least one clipping range.

[0117] Specifically, each clipping range corresponds to one or more video contents, and the clipping range can be a preset shape such as a rectangle, a circle, a square, or a custom shape. The clipping operation can be one or more of the following: a sliding operation, a clicking operation, a double-clicking operation, a long-pressing operation, and the like.

[0118] In a possible implementation, the clipping operation is a sliding operation, and after the terminal device starts the cutting process, the user gesture is detected in real time. When it is detected that the user's finger starts to slide on the screen, the finger trajectory coordinates are recorded in real time. Then, all the pixel points in the finger trajectory coordinate region (i.e., the clipping range) are determined according to the finger trajectory coordinates, and the pixel point data in the finger trajectory coordinate region are recorded, wherein the pixel point data includes pixel point coordinates and pixel point color values, and the finger trajectory is a closed loop.

[0119] The terminal device establishes a new layer, and maps the pixel point data in the finger trajectory coordinate region to the new layer in real time, to obtain the video content clipped from the video picture.

[0120] Optionally, the terminal device establishes a new layer consistent with the video picture, and then sets the region transparency in the finger trajectory coordinate region to 1 and the region transparency outside the finger trajectory coordinate region to 0, so as to ensure that the new layer only displays the video content in the finger trajectory coordinate region, thereby realizing the cutting of the video picture.

[0121] Taking a live broadcast scenario as an example, referring to FIG. 1, a vertical screen display interface provided by an embodiment of the present application is shown, which includes a first region 501 and a second region 502. The first region 501 includes a live broadcast picture and a barrage sent by an audience, and the second region 502 is a blank region. The vertical screen display interface further includes a "cutting" button. Figure 5 In the vertical screen display interface shown in FIG. 1, the terminal device performs a cutting operation on the live broadcast picture to obtain a live broadcast content, and the process includes the following steps, as shown in FIG. 2.

[0122] Figure 5 Figure 7

[0123] ​​​When the audience clicks the "cut" button, the terminal device starts the cutting process. The terminal device detects the user gesture in real time, and when it detects that the audience's finger starts to slide on the screen, the finger trajectory coordinates are recorded in real time. According to the finger trajectory coordinates, all pixel points in the interception range 505 and the interception range 506 are determined, and the pixel point data in the interception range 505 and the interception range 506 is recorded, including pixel point coordinates and pixel point color values.

[0124] At this time, the terminal device displays the interception range 505 and the interception range 506 in the first area 501 of the display interface, and displays a "confirm" button, as shown in Figure 8 .

[0125] When the audience clicks the "confirm" button, the terminal device establishes a new layer, and then sets the transparency of the area in the interception range 505 and the interception range 506 to 1, and sets the transparency of the area outside the interception range 505 and the interception range 506 to 0, to obtain the live content 503 and the live content 504. Then, the terminal device displays the enlarged live content 503 and the live content 504 in the second area 502, as shown in Figure 6 .

[0126] In another possible implementation, the interception operation is a double-click operation. After the terminal device starts the cutting process, it detects the user gesture in real time. When it detects that the user or the host's finger double-clicks on the screen, it records the position coordinates of the finger double-click. Then, taking the position coordinates of the finger double-click as the center, the pixel point coordinates and pixel point color values of all pixel points in the preset range (i.e., the interception range) are determined.

[0127] The terminal device establishes a new layer, and maps the pixel point coordinates and pixel point color values of all pixel points in the preset range to the new layer in real time, to obtain the video content intercepted from the video picture.

[0128] Optionally, the terminal device establishes a new layer consistent with the video picture, sets the transparency of the area in the preset range to 1, and sets the transparency of the area outside the preset range to 0, so as to ensure that the new layer only displays the video content in the preset range, thereby realizing the cutting of the video picture.

[0129] For example, in a live streaming scenario, referring to Figure 5 , which is a schematic diagram of a vertical screen display interface provided by an embodiment of the present application. The vertical screen display interface includes a first area 501 and a second area 502. The first area 501 includes a live picture and a barrage sent by an audience. The second area 502 is a blank area. The vertical screen display interface further includes a "cut" button.

[0130] The audience clicks the "cut" button, and the terminal device starts the cutting process. The terminal device detects the user gesture in real time, and when detecting that the audience's finger double-clicks on the screen, the position coordinates of the finger double-click are recorded. Then, the pixel point coordinates and pixel point color values of all pixel points in a preset rectangular range (i.e., the range of cutting) are determined with the position coordinates of the finger double-click as the center.

[0131] At this time, the terminal device displays the cutting range 507 in the first area 501 of the display interface, and displays a "confirm" button, as shown in Figure 9 .

[0132] The audience clicks the "confirm" button, and the terminal device establishes a new layer, sets the transparency of the area in the cutting range 507 to 1, sets the transparency of the area outside the cutting range 507 to 0, and obtains the live content 508. Then, the terminal device displays the enlarged live content 508 in the second area 502, as shown in Figure 10 .

[0133] It should be noted that the cutting operation is not limited to the above two, but can also be other operations, which will not be described here.

[0134] In the embodiments of the present application, in response to the cutting operation on the video picture, at least one cutting range in the video picture is obtained, and then at least one video content is cut from the video picture based on the at least one cutting range, thereby providing different users with a variety of screenshot choices, so that users can cut different video contents according to their own interests, and the second area of the display interface is enlarged and displayed, so that users can clearly watch the video content of interest, thereby improving the video watching experience of users.

[0135] Optionally, for each cutting range described above, the content located in one cutting range in the video picture can be cut as one video content; at least one object located in one cutting range in the video picture and meeting a preset condition in terms of completeness can also be cut as one video content; and at least one object located in one cutting range in the video picture and meeting a preset condition in terms of completeness can also be cut as at least one video content.

[0136] For example, referring to Figure 11 , a schematic diagram of a portrait display interface provided by the embodiments of the present application is shown, the portrait display interface includes a first area 501 and a second area 502, the first area 501 includes a live picture and a barrage sent by an audience, the second area 502 is a blank area, and the portrait display interface further includes a "cut" button. In response to the cutting operation on the live picture, the terminal device obtains a cutting range 1101 in the live picture.

[0137] A possible implementation is to take the content in the interception range 1101 as the live content 1102, and then display the zoomed-in live content 1102 in the second area, as shown in Figure 12

[0138] A possible implementation is that the interception range 1101 includes object A, object B and object C, and then the object A, object B and object C in the interception range 1101 are subjected to integrity identification. Since the integrity of object A is the highest, object A is taken as the live content 1103, and then the zoomed-in live content 1103 is displayed in the second area, as shown in Figure 13

[0139] A possible implementation is that the interception range 1101 includes object A, object B and object C, and then the object A, object B and object C in the interception range 1101 are subjected to integrity identification. Since the integrity of object A and object B are both greater than the preset threshold, and the integrity of object C is less than the preset threshold, object A is taken as the live content 1103, and object B is taken as the live content 1104, and then the zoomed-in live content 1103 and live content 1104 are respectively displayed in the second area, as shown in Figure 14

[0140] It should be noted that the implementation of obtaining video content from the interception range of the video picture is not limited to the above several implementations, but can also be other manners, which will not be described here.

[0141] In the embodiment of the application, the terminal device obtains the interception range in the video picture in response to the interception operation on the video picture, and then subjects the video content in the interception range to integrity identification to obtain the video content with high integrity. Therefore, when the video content is displayed in the second area of the display interface, the user can clearly see the video content of interest and integrity, thereby improving the video viewing experience of the user.

[0142] Optionally, after the at least one video content is intercepted from the video picture in response to the interception operation on the video picture, the preset content can be filled in the at least one interception range after the corresponding video content is intercepted, wherein the preset content can be an image of a preset color, an image intercepted from the video picture, etc.; or the original video content can be retained in the at least one interception range after the corresponding video content is intercepted; or in the at least one interception range after the corresponding video content is intercepted, part of the interception ranges retain the original video content, and the other interception ranges are filled with the preset content.

[0143] For example, referring to Figure 8 ​​​A schematic diagram of a vertical screen display interface provided by an embodiment of the present application, which includes a first region 501 and a second region 502. The first region 501 includes a live picture and a barrage sent by an audience. The second region 502 is a blank region. The terminal device obtains a first range 505 and a second range 506 in the live picture in response to a clipping operation on the live picture.

[0144] In a possible implementation, the content in the first range 505 is taken as live content 503, and the content in the second range 506 is taken as live content 504. The enlarged live content 503 and live content 504 are then displayed in the second region of the display interface. The original content in the first range 505 and the second range 506 in the first region is filled with a preset pattern. The display interface after filling the preset pattern is as shown in FIG. 5C. Figure 15

[0145] In a possible implementation, the content in the first range 505 is taken as live content 503, and the content in the second range 506 is taken as live content 504. The enlarged live content 503 and live content 504 are then displayed in the second region of the display interface. The original content in the first range 505 and the second range 506 in the first region is filled with a preset pattern. The display interface after filling the preset pattern is as shown in FIG. 5C. Figure 16

[0146] In a possible implementation, the content in the first range 505 is taken as live content 503, and the content in the second range 506 is taken as live content 504. The enlarged live content 503 and live content 504 are then displayed in the second region of the display interface. The original content in the first range 505 and the second range 506 in the first region is filled with a preset pattern. The display interface after filling the preset pattern is as shown in FIG. 5C. Figure 17

[0147] It should be noted that the processing manner in the at least one range after the video content is clipped is not limited to the above-mentioned manners, but can also be other manners, which will not be described herein.

[0148] In the embodiment of the present application, after the terminal device clips at least one video content from the clipping range in response to the clipping operation on the video picture, the terminal device fills the clipping range with a preset content or retains the original content in the clipping range, thereby ensuring the integrity of the display interface as a whole.

[0149] Optionally, when the enlarged at least one video content is displayed in the second region of the display interface in step S203, the embodiment of the present application provides at least the following implementation manners:

[0150] ​​​In the second area in the display interface, the at least one video content is displayed in an enlarged manner according to the boundary shape of the second area.

[0151] Specifically, the entire second area is filled with the at least one video content, so that the boundary shape of the filled at least one video content is the same as and overlaps the boundary shape of the second area. During the filling process, the boundary of the video content can be cropped, or the video content can be expanded according to a preset rule.

[0152] For example, referring to Figure 18 A schematic diagram of a vertical screen display interface provided in an embodiment of the present application includes a first area 501 and a second area 502. The first area 501 includes a live picture and a barrage sent by an audience. The second area 502 includes live content that is cropped from the first area 501 and enlarged. The cropped live content fills the entire second area 502. In addition, the vertical screen display interface further includes a "cut" button and a "default map" button.

[0153] In the second area in the display interface, the at least one video content is displayed in an enlarged manner according to the boundary shape of the second area, so that the blank area in the display interface is fully utilized, and the waste of display space is avoided.

[0154] In the second area in the display interface, the at least one video content is displayed in an enlarged manner according to the boundary shape of the second area, so that the blank area in the display interface is fully utilized, and the waste of display space is avoided.

[0155] Specifically, the preset ratio can be set according to actual conditions. When the at least one video content is displayed in an enlarged manner according to the preset ratio, it can be set that the at least one video content is located in the second area and the at least one video content does not overlap. It can also be set that the video content is located in the second area and the at least one video content partially overlaps. It can also be set that all or part of the at least one video content is cropped or filled before being displayed, and the present application does not make a specific limitation in this regard.

[0156] For example, referring to Figure 19 A schematic diagram of a vertical screen display interface provided in an embodiment of the present application includes a first area 501 and a second area 502. The first area 501 includes a live picture and a barrage sent by an audience. The second area 502 includes live content that is cropped from the first area 501 and enlarged. The cropped live content fills the entire second area 502. In addition, the vertical screen display interface further includes a "cut" button and a "default map" button.

[0157] In this embodiment, at least one video content enlarged according to a preset ratio is displayed in the second area of ​​the display interface. This makes good use of the blank area in the display interface, avoids wasting display space, and allows users to watch enlarged and interesting video content, thereby improving the user's video viewing experience.

[0158] Optionally, after displaying at least one enlarged video content in the second area of ​​the display interface, embodiments of this application provide at least the following methods to adjust the display attributes of the video content and video image:

[0159] Implementation Method 1: After displaying at least one enlarged video content in the second area of ​​the display interface, in response to an operation to adjust the display attributes of the at least one video content, the first display attribute of the at least one video content in the display interface is adjusted, wherein the first display attribute includes the display position and / or display size of the at least one video content.

[0160] Specifically, the display attribute adjustment operation can be a pre-defined user gesture. This operation triggers adjustments to the display position and / or size of the video content in the second area, or to the display position and / or size of the video content across the entire display interface. For example, when a user gesture is detected as a move operation, the video content moves with the gesture; when a user gesture is detected as a zoom operation, the video content zooms in; and when a user gesture is detected as a zoom out, the video content zooms out.

[0161] In addition to adjusting the first display attribute of at least one video content in the display interface, in this embodiment of the application, the second display attribute of the video screen in the display interface can also be adjusted in response to the display attribute adjustment operation of the video screen, wherein the second display attribute includes the display position and / or display size of the video screen.

[0162] For example, in Figure 16 Based on the displayed interface, when the terminal device detects a user gesture to zoom in on live content 503, it zooms in on live content 503 accordingly; when the terminal device detects a user gesture to zoom out on live content 504, it zooms out on live content 503 accordingly. When the terminal device detects a user gesture to zoom out on the live screen, it zooms out on the live screen accordingly, displaying the adjusted interface as shown below. Figure 20 As shown.

[0163] For example, in Figure 16When the terminal device monitors that the user gesture for the live content 503 is a moving operation, the live content 503 is moved to the position of the live content 504 following the user gesture; when the terminal device monitors that the user gesture for the live content 504 is a moving operation, the live content 504 is moved to the position of the live content 503 following the user gesture, and the display interface after the attribute adjustment is shown as Figure 21

[0164] In the embodiments of the present application, in response to the display attribute adjustment operation for the video content and the video picture, the display attribute of the video content and the video picture in the display interface is adjusted, so that the user can customize the layout of the display interface according to personal preferences, and the video content preferred by the user is displayed in a better display position in the display interface, thereby improving the video watching experience of the user.

[0165] In the second region of the live room interface, at least one video content after being enlarged is displayed, and in response to a layout adjustment operation for the display interface, the first display attribute of the at least one video content in the display interface and the second display attribute of the video picture in the display interface are adjusted synchronously, wherein the first display attribute includes the display position and / or the display size of the at least one video content, and the second display attribute includes the display position and / or the display size of the video picture.

[0166] Specifically, the layout adjustment operation can be a pre-set user gesture, and the layout adjustment operation is used to trigger the synchronous adjustment of the display position and / or the display size of the video content and the video picture in the entire display interface.

[0167] In the embodiments of the present application, the terminal device adjusts the layout of the entire display interface in response to the layout adjustment operation, so that the user can globally adjust the display interface according to personal preferences, and the video content of interest is enlarged and displayed in a better position in the display interface, while the content of no interest is reduced and displayed in a poor display position, thereby improving the video watching experience of the user.

[0168] Optionally, when the layout of the display interface is adjusted, the display interface layout can be adjusted manually, or the display interface can be automatically adjusted by a layout template.

[0169] The following will be described in detail by automatically adjusting the display interface by a layout template:

[0170] ​The display interface displays template identifiers corresponding to the at least one recommended layout template. The at least one recommended layout template is determined according to the number of the at least one video content. In response to a selection operation on the displayed template identifiers, the first display attribute of the at least one video content and the second display attribute of the video picture in the display interface are adjusted synchronously according to the selected target layout template.

[0171] Specifically, the template identifier of the recommended layout template can be the name, thumbnail, or the like of the recommended layout template. A layout template library is pre-set, and the layout template library includes a plurality of layout templates, each of which corresponds to at least one layout template style. Different types of layout templates correspond to different numbers of pictures.

[0172] For example, referring to Figure 22 A schematic diagram of a layout template library is provided for the embodiments of the present application. In the layout template library, when the number of pictures is 2, the corresponding layout template divides the display interface into two parts, and the layout template corresponds to two layout template styles. When the number of pictures is 3, the corresponding layout template divides the display interface into three parts, and the layout template corresponds to three layout template styles. Similarly, until the number of pictures is n, where n is a positive integer.

[0173] The terminal device responds to a capture operation on the live picture to capture at least one video content from the video picture. Then, based on the at least one video content and the video picture, the number of pictures is determined. Based on the number of pictures, at least one recommended layout template is obtained from the layout template library. Finally, the display interface displays template identifiers corresponding to the at least one recommended layout template.

[0174] For example, in Figure 16 In the displayed display interface, the total number of pictures of the live content and the live picture is 3, and the layout template corresponding to the three layout template styles in the layout template library when the number of pictures is 3 is used as the recommended layout template. Then, the display interface displays template thumbnails corresponding to the three recommended layout templates, as shown in Figure 23 .

[0175] In the embodiments of the present application, the display interface is automatically adjusted by the layout template, which not only displays the video content of interest of the user in a better position in the display interface, but also improves the efficiency of adjusting the display interface.

[0176] Optionally, in response to a selection operation on the displayed template identifiers, a target layout template is selected from the at least one recommended layout template. Then, the display size of the at least one video content and the video picture corresponding to the target layout template is adjusted respectively, and the adjusted at least one video content and video picture are filled into the corresponding display area in the display interface.

[0177] Specifically, the display area corresponding to at least one video content and video frame in the target layout template can be pre-set, or it can be set in the target layout template when the user selects the target layout template.

[0178] When the adjusted video content is filled into the corresponding display area of ​​the display interface, if the video content exceeds the corresponding display area, the video content will be cropped. If, after filling the corresponding display area of ​​the display interface with the video content, the display area still includes blank areas, then preset content will be filled into the blank areas of the display area.

[0179] Similarly, when the adjusted video frame is filled into the corresponding display area of ​​the display interface, if the video frame exceeds the corresponding display area, the video frame will be cropped. If the display area still includes blank areas after the video frame is filled into the corresponding display area, preset content will be filled into the blank areas of the display area.

[0180] For example, in Figure 23 Based on the displayed interface, the terminal device responds to the selection operation of the three template identifiers. If the first template identifier is selected, the recommended layout template corresponding to the first template identifier is used as the target layout template. Then, according to the target layout template, the display sizes of live content 503 and live content 504 are adjusted, and the adjusted live content 503, live content 504, and the live screen are filled into the corresponding display areas of the display interface. The resulting display interface is as follows. Figure 24 As shown.

[0181] Optionally, according to the target layout template, the display size of at least one video content and video frame is adjusted respectively, and the adjusted at least one video content and video frame are filled into the corresponding display area in the display interface. Then, in response to user operation, the display area corresponding to at least one video content and video frame can be adjusted, or the display attributes of the displayed video content or video frame can be adjusted in a display area.

[0182] In practice, video content or video frames can be dragged from one display area to another. Alternatively, video content or video frames can be zoomed in or out within a display area, or moved within a display area.

[0183] For example, in Figure 24On the basis of the display interface displayed, in response to a user operation, the live content 503 is dragged to the display area originally corresponding to the live content 504, the live content 504 is dragged to the display area originally corresponding to the live content 503, and the adjusted display interface is as shown in Figure 25 .

[0184] In the embodiments of the present application, the display interface is automatically adjusted by the layout template, and after the automatic adjustment, the display position and / or display size of each video content in the target layout template are supported to be adjusted, so that the user can adjust the display properties of each video content in the target layout template according to needs, thereby bringing convenience to the user watching the video content.

[0185] In order to better explain the embodiments of the present application, the flow of a video playing method provided by the embodiments of the present application is introduced below in combination with a live streaming scenario, and the flow of the method is executed by a terminal device.

[0186] Referring to Figure 26 , which is a schematic diagram of a live streaming room interface provided by the embodiments of the present application, the live streaming room interface includes a live streaming area 2601 and a blank area 2602, the live streaming area 2601 includes a live streaming picture, and the vertical screen live streaming room interface further includes a "cut" button.

[0187] The audience clicks the "cut" button, and the terminal device starts a cutting flow. The audience's finger slides on the screen, and the terminal device detects the user gesture in real time. When it is detected that the audience's finger starts to slide on the screen, the finger trajectory coordinates are recorded in real time. According to the finger trajectory coordinates, all pixel points in the cutting range 2603 and the cutting range 2604 are determined, and the pixel point data in the cutting range 2603 and the cutting range 2604 are recorded, specifically including pixel point coordinates and pixel point color values. At this time, the terminal device displays the cutting range 2603 and the cutting range 2604 in the live streaming area 2601 of the live streaming room interface, and displays a "confirm" button, as shown in Figure 27 .

[0188] The audience clicks the "confirm" button, and the terminal device establishes a new layer, sets the transparency of the area in the cutting range 2603 and the cutting range 2604 to 1, sets the transparency of the area outside the cutting range 2603 and the cutting range 2604 to 0, and obtains live content 2605 and live content 2606. Referring to Figure 28 , the enlarged live content 2605 and the live content 2606 are displayed in the second area 2602, and the preset content is filled in the cutting range 2603 and the cutting range 2604. Since the total number of live streaming pictures and live streaming pictures is 3, the three layout templates corresponding to the three layout template styles in the layout template library when the number of pictures is 3 are taken as recommended layout templates, and then the template thumbnails respectively corresponding to the three recommended layout templates are displayed in the live streaming room interface.

[0189] Referring to Figure 29 , the audience clicks the first template thumbnail in the three recommended layout templates, and selects the first recommended layout template as the target layout template from the three recommended layout templates. Then, according to the target layout template, the display size of the live content 2605 and the live content 2606 is adjusted, and the adjusted live content 2605, live content 2606 and live picture are respectively filled into the corresponding display area in the live room interface.

[0190] In the embodiment of the application, the live picture is captured by detecting the user gesture, the live content interested by the user is obtained, and then the captured live content is customized and laid out based on the user operation, and the live content interested by the user is enlarged and displayed in a better display position on the screen. In this way, not only the space of the live room interface is fully utilized, but also the user can conveniently watch the live content interested by the user, thereby improving the live watching experience of the user.

[0191] Based on the same technical concept, the embodiment of the application provides a structural schematic diagram of a video playing device, as shown in Figure 30 , the device 3000 comprises:

[0192] The display module 3001 is configured to display a video picture in a first area of a display interface.

[0193] The capture module 3002 is configured to capture at least one video content from the video picture in response to a capture operation on the video picture.

[0194] The display module 3001 is further configured to display the at least one video content after enlargement in a second area of the display interface.

[0195] Optionally, the display interface comprises a vertical screen display interface and a horizontal screen display interface, the vertical screen display interface is a display interface when the terminal device is in a vertical screen state, and the horizontal screen display interface is a display interface when the terminal device is in a horizontal screen state.

[0196] Optionally, the display module 3001 is specifically configured to:

[0197] In the second area of the display interface, the at least one video content after enlargement is displayed according to the boundary shape of the second area; or,

[0198] In the second area of the display interface, the at least one video content after enlargement according to a preset ratio is displayed.

[0199] Optionally, the device further comprises an adjustment module 3003.

[0200] The adjusting module 3003 is specifically configured to:

[0201] After the at least one video content is displayed in the second area of the display interface in an enlarged manner, in response to a display attribute adjustment operation on the at least one video content, a first display attribute of the at least one video content in the display interface is adjusted, wherein the first display attribute includes a display position and / or a display size of the at least one video content.

[0202] Optionally, the display device further includes an adjusting module 3003.

[0203] The adjusting module 3003 is specifically configured to:

[0204] After the at least one video content is displayed in the second area of the display interface in an enlarged manner, in response to a layout adjustment operation on the display interface, a first display attribute of the at least one video content in the display interface and a second display attribute of the video picture in the display interface are synchronously adjusted, wherein the first display attribute includes a display position and / or a display size of the at least one video content, and the second display attribute includes a display position and / or a display size of the video picture.

[0205] Optionally, the adjusting module 3003 is specifically configured to:

[0206] In the display interface, at least one recommended layout template is displayed, each of the at least one recommended layout template corresponding to a template identifier, and the at least one recommended layout template is determined according to a number of the at least one video content.

[0207] In response to a selection operation on each of the displayed template identifiers, the first display attribute of the at least one video content in the display interface and the second display attribute of the video picture in the display interface are synchronously adjusted according to a selected target layout template.

[0208] Optionally, the adjusting module 3003 is specifically configured to:

[0209] According to the target layout template, a display size of each of the at least one video content and the video picture is adjusted respectively, and the at least one video content and the video picture after the adjustment are respectively filled into corresponding display areas in the display interface.

[0210] Optionally, the intercepting module 3002 is specifically configured to:

[0211] In response to an intercepting operation on the video picture, at least one intercepting range in the video picture is obtained.

[0212] extract the at least one video content from the video picture based on the at least one clipping range.

[0213] Optionally, the clipping module 3002 is specifically used for:

[0214] The following steps are performed respectively for the at least one clipping range:

[0215] extracting, as a video content, the content in the video picture located in one clipping range; or

[0216] extracting, as a video content, at least one object in the video picture located in one clipping range and meeting a preset condition of completeness.

[0217] Optionally, the clipping module 3002 is further used for:

[0218] filling a preset content in the at least one clipping range after the corresponding video content is extracted, in response to the clipping operation on the video picture; or

[0219] keeping the original video content in the at least one clipping range after the corresponding video content is extracted.

[0220] In the embodiments of the present application, a user gesture is detected to perform a screenshot operation on a video picture, to obtain video content of interest of the user, and then the extracted video content is customized and laid out based on a user operation, so as to display the video content of interest of the user in a better display position on the screen, which not only makes full use of the space of the display interface, but also facilitates the user to watch the video content of interest, thereby improving the video watching experience of the user.

[0221] Based on the same technical concept, the embodiments of the present application provide a computer device, as shown in Figure 31 The computer device includes at least one processor 3101 and a memory 3102 connected with the at least one processor. In the embodiments of the present application, the specific connection medium between the processor 3101 and the memory 3102 is not limited, Figure 31 for example, the processor 3101 and the memory 3102 are connected through a bus. The bus can be divided into an address bus, a data bus, a control bus, etc.

[0222] In the embodiments of the present application, the memory 3102 stores instructions executable by the at least one processor 3101, and the at least one processor 3101 can execute the steps of the video playing method by executing the instructions stored in the memory 3102.

[0223] The processor 3101 is the control center of the computer device, can connect various parts of the computer device by using various interfaces and lines, and realize video playing by running or executing instructions stored in the memory 3102 and calling data stored in the memory 3102. Optionally, the processor 3101 can include one or more processing units, and the processor 3101 can integrate an application processor and a modem processor, where the application processor mainly processes an operating system, a user interface, and an application program, and the modem processor mainly processes wireless communication. It can be understood that the above-mentioned modem processor can also not be integrated into the processor 3101. In some embodiments, the processor 3101 and the memory 3102 can be implemented on the same chip, and in some embodiments, they can also be respectively implemented on independent chips.

[0224] The processor 3101 can be a general-purpose processor, for example, a central processing unit (CPU), a digital signal processor, an application specific integrated circuit (ASIC), a field programmable gate array or other programmable logic device, a discrete gate or transistor logic device, a discrete hardware component, and can implement or execute the methods, steps and logic block diagrams disclosed in the embodiments of the present application. The general-purpose processor can be a microprocessor or any conventional processor. The steps of the method disclosed in combination with the embodiments of the present application can be directly embodied as hardware processor execution or executed by a combination of hardware and software modules in the processor.

[0225] The memory 3102, as a non-volatile computer readable storage medium, can be used to store non-volatile software programs, non-volatile computer executable programs and modules. The memory 3102 can include at least one type of storage medium, for example, can include flash memory, hard disk, multimedia card, card type memory, random access memory (RAM), static random access memory (SRAM), programmable read-only memory (PROM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), magnetic storage, magnetic disk, optical disk, etc. The memory 3102 is any other medium capable of carrying or storing desired program codes in the form of instructions or data structures and capable of being accessed by a computer, but is not limited thereto. The memory 3102 in the embodiments of the present application can also be a circuit or any other device capable of realizing a storage function, used to store program instructions and / or data.

[0226] Based on the same inventive concept, the embodiments of the present application provide a computer readable storage medium storing a computer program executable by a computer device, which, when executed on the computer device, causes the computer device to perform the steps of the video playing method.

[0227] Based on the same inventive concept, the embodiments of the present application provide a computer program product, which comprises a computer program stored on a computer readable storage medium, and the computer program comprises program instructions, which, when executed by a computer, cause the computer to perform the steps of the video playing method.

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

[0229] The embodiments of methods, devices (systems), and computer program products of the application can be described in reference to flowchart illustrations and / or block diagrams of the flowchart and / or block diagrams of the methods, devices (systems), and computer program products according to embodiments of the application. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart illustrations and / or block diagrams of the flowchart and / or block diagrams of the methods, devices (systems), and computer program products. Figure 1 one or more functions specified in the flowchart and / or block diagrams of the flowchart and / or block diagrams of the methods, devices (systems), and computer program products. Figure 1 one or more functions specified in the flowchart and / or block diagrams of the flowchart and / or block diagrams of the methods, devices (systems), and computer program products.

[0230] These computer program instructions can also be stored in a computer- readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instructions which implement the flowchart and / or block diagrams of the flowchart and / or block diagrams of the methods, devices (systems), and computer program products. Figure 1 one or more functions specified in the flowchart and / or block diagrams of the flowchart and / or block diagrams of the methods, devices (systems), and computer program products. Figure 1 one or more functions specified in the flowchart and / or block diagrams of the flowchart and / or block diagrams of the methods, devices (systems), and computer program products.

[0231] These computer program instructions can also be loaded into a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the flowchart and / or block diagrams of the flowchart and / or block diagrams of the methods, devices (systems), and computer program products. Figure 1 one or more functions specified in the flowchart and / or block diagrams of the flowchart and / or block diagrams of the methods, devices (systems), and computer program products. Figure 1 one or more functions specified in the flowchart and / or block diagrams of the flowchart and / or block diagrams of the methods, devices (systems), and computer program products.

[0232] While the preferred embodiments of the application have been described, additional variations and modifications can be made to the embodiments by those of skill in the art once they have the benefit of the present disclosure. Therefore, the appended claims are intended to encompass within their scope all such variations and modifications as are within the scope of the application. What is claimed is:

[0233] Obviously, numerous modifications and variations of the present application are possible in light of the above teachings. It is therefore to be understood that within the scope of the appended claims and their equivalents, the application can be practiced otherwise than as specifically described.

Claims

1. A video playback method, characterized in that, include: Displaying a landscape video frame on a landscape display interface, wherein the landscape video frame is a video frame displayed in full screen when the terminal device is in landscape mode; In response to the operation of switching from the landscape display interface to the portrait display interface, the portrait display interface is displayed, the portrait display interface including a first area and a second area; The first area displays a landscape video image, the portrait display interface is the display interface when the terminal device is in portrait mode, and the second area is a blank area. The cutting process is initiated, and when the user's finger is detected sliding on the screen, the coordinates of the finger trajectory are recorded; At least one interception range is determined based on the finger trajectory coordinates, and the pixel data within the interception range is recorded; The pixel data within the cropping range is mapped onto a new layer to obtain at least one video content cropped from the landscape video frame. The at least one video content is magnified based on the detected zoom-in operation of the user; According to the detected movement operation, the at least one enlarged video content is moved to the corresponding position in the second area of ​​the vertical screen display interface; The at least one video content is displayed in magnified form in the second area of ​​the vertical screen display interface.

2. The method as described in claim 1, characterized in that, The display of at least one enlarged video content in the second area of ​​the portrait display interface includes: In the second area of ​​the vertical display interface, the at least one video content is displayed in magnified form according to the boundary shape of the second area.

3. The method as described in claim 1, characterized in that, After displaying the at least one enlarged video content in the second area of ​​the portrait display interface, the method further includes: In response to a display attribute adjustment operation for the at least one video content, the first display attribute of the at least one video content in the portrait display interface is adjusted, wherein the first display attribute includes the display position and / or display size of the at least one video content.

4. The method as described in claim 1, characterized in that, After displaying the at least one enlarged video content in the second area of ​​the portrait display interface, the method further includes: In response to a layout adjustment operation on the portrait display interface, the first display attribute of the at least one video content in the portrait display interface and the second display attribute of the landscape video image in the portrait display interface are adjusted simultaneously. The first display attribute includes the display position and / or display size of the at least one video content, and the second display attribute includes the display position and / or display size of the landscape video image.

5. The method as described in claim 4, characterized in that, The step of simultaneously adjusting the first display attribute of the at least one video content in the portrait display interface and the second display attribute of the landscape video image in the portrait display interface in response to the layout adjustment operation for the portrait display interface includes: The vertical screen display interface displays template identifiers corresponding to at least one recommended layout template, wherein the at least one recommended layout template is determined based on the number of at least one video content. In response to the selection operation of each template identifier for display, the first display attribute of the at least one video content in the portrait display interface and the second display attribute of the landscape video image in the portrait display interface are adjusted synchronously according to the selected target layout template.

6. The method as described in claim 5, characterized in that, The step of synchronously adjusting the first display attribute of the at least one video content in the portrait display interface and the second display attribute of the landscape video image in the portrait display interface according to the selected target layout template includes: According to the target layout template, adjust the display size of the at least one video content and the landscape video frame respectively, and fill the corresponding display area in the portrait display interface with the adjusted at least one video content and the landscape video frame respectively.

7. The method as described in claim 1, characterized in that, Also includes: For each of the at least one intercepted range, perform the following steps: At least one object within a certain capture range and whose completeness meets preset conditions is captured from the landscape video frame and used as video content.

8. The method as described in claim 1, characterized in that, Also includes: Fill the at least one cropped area after cropping the corresponding video content with preset content; or, The original video content is retained within at least one cropping range after the corresponding video content is cropped.

9. A video playback device, characterized in that, include: The display module is used to display a landscape video on a landscape display interface. The landscape video is a video that is displayed in full screen when the terminal device is in landscape mode. In response to the operation of switching from the landscape display interface to the portrait display interface, the portrait display interface is displayed, which includes a first area and a second area; the landscape video image is displayed in the first area, and the portrait display interface is the display interface when the terminal device is in portrait mode, while the second area is a blank area; The interception module is used to initiate the cutting process. When it detects that a user's finger is sliding on the screen, it records the coordinates of the finger trajectory; it determines at least one interception range based on the finger trajectory coordinates, and records the pixel data within the interception range. The pixel data within the cropping range is mapped onto a new layer to obtain at least one video content cropped from the landscape video frame. Based on the detected zoom-in operation of the user, the at least one video content is zoomed in; according to the detected movement operation, the zoomed-in at least one video content is moved to the corresponding position in the second area of ​​the portrait display interface; The display module is also used to display the at least one enlarged video content in the second area of ​​the vertical screen display interface.

10. A computer device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that, When the processor executes the program, it implements the steps of the method according to any one of claims 1 to 8.

11. A computer-readable storage medium, characterized in that, It stores a computer program executable by a computer device, which, when run on the computer device, causes the computer device to perform the steps of the method according to any one of claims 1 to 8.

12. A computer program product, characterized in that, The computer program product includes a computer program stored on a computer-readable storage medium, the computer program including program instructions that, when executed by a computer, cause the computer to perform the steps of the method according to any one of claims 1-8.

Images