Video playback method, device, electronic device and storage medium

Abstract

The present disclosure relates to a video playback method, device, electronic device and storage medium, the method comprising: displaying a current video on a preset page, the current video is displayed in landscape and full screen on the preset page, in response to a setting data display instruction, displaying setting data in a first area of ​​the preset page, the setting data being data for setting video features of the current video, adjusting the current video to be displayed in a second area of ​​the preset page, and there is no overlapping area between the first area and the second area. The embodiment of the present application ensures the normal and undisturbed display of the setting data through the non-overlapping first area and the second area, and also ensures the normal playback of the current video without being interrupted or interfered by other factors.

Description

Technical Field

[0001] The present disclosure relates to the field of Internet technology, and in particular to a video playback method, device, electronic device and storage medium. Background Art

[0002] With the rapid development of the current mobile Internet, the dissemination of information based on mobile terminals has become more and more mature. Generally, information can be disseminated through various browsers or applications embedded in the terminal.

[0003] Video is a medium for information exchange and interaction in today's society. In order to provide viewers with a good viewing experience, video-related settings are becoming more and more user-friendly. However, when watching a video, if you need to call up some information, you usually need to pause the video display or display it on top of the video. Figure 1 1 is a schematic diagram of a current video on a page according to an exemplary embodiment. The page includes a play area 100 and an information display area 101. The play area 100 plays the video, and the information display area 101 is used to display related information. Figure 1 As shown, the information display area 101 is located on the upper layer of the playback area 100, which will block a portion of the video image, affecting the video viewing, thereby bringing some bad viewing experience to the user. Summary of the invention

[0004] The present disclosure provides a video playback method, device, electronic device and storage medium. The technical solution of the present disclosure is as follows:

[0005] According to a first aspect of an embodiment of the present disclosure, a video playback method is provided, including:

[0006] Display the current video on the preset page; the current video is displayed in full screen and in landscape mode on the preset page;

[0007] In response to the setting data display instruction, the setting data is displayed in the first area of ​​the preset page; the setting data is data for setting video features of the current video;

[0008] The current video is adjusted to be displayed in the second area of ​​the preset page; there is no overlapping area between the first area and the second area.

[0009] In some possible embodiments, in response to the setting data display instruction, displaying the setting data in the first area of ​​the preset page includes:

[0010] In response to the setting data display instruction, determining a target display area required for the setting data corresponding to the setting data display instruction;

[0011] Determining a first area matching the target display area in a preset page;

[0012] The setting data are displayed in the first area.

[0013] In some possible embodiments, in response to the setting data display instruction, determining a target display area required for setting data corresponding to the setting data display instruction includes:

[0014] In response to the setting data display instruction, determining the number of setting data corresponding to the setting data display instruction and the display range of each setting data;

[0015] Get the display area template set;

[0016] A target display area is determined from the display area template set based on the number of setting data and the display range of each setting data.

[0017] In some possible embodiments, displaying setting data in the first area of ​​a preset page includes:

[0018] In the first area of ​​the preset page, setting data is displayed in the form of a mask or a panel.

[0019] In some possible embodiments, adjusting the current video to be displayed in the second area of ​​the preset page includes:

[0020] Get the video display ratio set;

[0021] Determining a remaining area of ​​the preset page based on the first area;

[0022] Determine the area corresponding to each display ratio in the video display ratio set based on two adjacent sides of the remaining area;

[0023] Determine a second area based on the area corresponding to each display ratio;

[0024] Play the current video in the second area.

[0025] In some possible embodiments, adjusting the current video to be displayed in the second area of ​​the preset page includes:

[0026] Determine an area of ​​the preset page excluding the first area as the second area;

[0027] Play the current video in the second area.

[0028] In some possible embodiments, playing the current video in the second area includes:

[0029] The current video is reduced from the original area in the preset page to the second area for playback according to the preset reduction rule.

[0030] In some possible embodiments, the current video is reduced from the original area in the preset page to the second area for playing according to the preset reduction rule, including:

[0031] Determine the distance between each of the four original edges included in the original area and the target edge corresponding to each original edge; the second area includes four target edges corresponding to the four original edges one by one;

[0032] Get the adjustment time from the original area to the second area;

[0033] Determine the adjustment speed of the four original edges corresponding to each other according to the distance between each original edge and the target edge corresponding to each original edge, and the adjustment time;

[0034] Based on the one-to-one corresponding adjustment speed of the four original edges, the video screen of the current video is reduced along with the original area to the second area for playback;

[0035] During the adjustment of the video screen of the current video, the current video continues to play.

[0036] In some possible embodiments, the setting data includes one or more of image quality setting data, play speed setting data, volume setting data, and video episode number setting data.

[0037] In some possible embodiments, the method further includes:

[0038] In response to a setting instruction based on target setting data in the setting data, determining a change feature corresponding to the setting instruction and change feature data corresponding to the change feature;

[0039] Obtain the target resource of the current video; match the data of the change characteristics of the target resource with the change characteristic data;

[0040] The target resource replaces the original resource of the current video for playback; the data of the non-changing features in the original resource is the same as the data of the non-changing features in the target resource.

[0041] In some possible embodiments, the method further includes:

[0042] In response to the interactive data display instruction, interactive data is displayed in the third area of ​​the preset page; the interactive data is data for interacting with the current video;

[0043] The current video is adjusted to be displayed in the fourth area of ​​the preset page; there is no overlapping area between the third area and the fourth area.

[0044] In some possible embodiments, when the interactive data is video sharing data, in response to the interactive data display instruction, displaying the interactive data in the third area of ​​the preset page includes:

[0045] In response to the interactive data display instruction, a plurality of to-be-shared device identifiers, a sharing information input box and a sharing confirmation component are displayed in a third area of ​​the preset page;

[0046] In response to the sharing information input instruction, displaying the sharing information corresponding to the sharing information input instruction in the sharing information input box;

[0047] In response to the device determination instruction, displaying a sharing mark on a target device identifier among the multiple device identifiers to be shared;

[0048] In response to a sharing instruction triggered by a sharing confirmation component, sharing data is sent to a target device corresponding to a target device identifier; the sharing data includes sharing information and a sharing timestamp; the sharing timestamp indicates that when the target device starts playing the current video, it locates the video frame corresponding to the sharing timestamp and starts playing.

[0049] According to a second aspect of an embodiment of the present disclosure, a video playback device is provided, including:

[0050] The first display module is configured to display the current video on a preset page; the current video is displayed horizontally and in full screen on the preset page;

[0051] The second display module is configured to execute a setting data display instruction in response to which the setting data is displayed, and display the setting data in the first area of ​​the preset page; the setting data is data for setting video features of the current video;

[0052] The third display module is configured to adjust the current video to the second area display of the preset page; there is no overlapping area between the first area and the second area.

[0053] In some possible embodiments, the second display module is configured to execute:

[0054] In response to the setting data display instruction, determining a target display area required for the setting data corresponding to the setting data display instruction;

[0055] Determining a first area matching the target display area in a preset page;

[0056] The setting data are displayed in the first area.

[0057] In some possible embodiments, the second display module is configured to execute:

[0058] In response to the setting data display instruction, determining the number of setting data corresponding to the setting data display instruction and the display range of each setting data;

[0059] Get the display area template set;

[0060] A target display area is determined from the display area template set based on the number of setting data and the display range of each setting data.

[0061] In some possible embodiments, the second display module is configured to execute:

[0062] In the first area of ​​the preset page, setting data is displayed in the form of a mask or a panel.

[0063] In some possible embodiments, the third display module is configured to execute:

[0064] Get the video display ratio set;

[0065] Determining a remaining area of ​​the preset page based on the first area;

[0066] Determine the area corresponding to each display ratio in the video display ratio set based on two adjacent sides of the remaining area;

[0067] Determine a second area based on the area corresponding to each display ratio;

[0068] Play the current video in the second area.

[0069] In some possible embodiments, the third display module is configured to execute:

[0070] Determine an area of ​​the preset page excluding the first area as the second area;

[0071] Play the current video in the second area.

[0072] In some possible embodiments, the third display module is configured to execute:

[0073] The current video is reduced from the original area in the preset page to the second area for playback according to the preset reduction rule.

[0074] In some possible embodiments, the third display module is configured to execute:

[0075] Determine the distance between each of the four original edges included in the original area and the target edge corresponding to each original edge; the second area includes four target edges corresponding to the four original edges one by one;

[0076] Get the adjustment time from the original area to the second area;

[0077] Determine the adjustment speed of the four original edges corresponding to each other according to the distance between each original edge and the target edge corresponding to each original edge, and the adjustment time;

[0078] Based on the one-to-one corresponding adjustment speed of the four original edges, the video screen of the current video is reduced along with the original area to the second area for playback;

[0079] During the adjustment of the video screen of the current video, the current video continues to play.

[0080] In some possible embodiments, the setting data includes one or more of image quality setting data, play speed setting data, volume setting data, and video episode number setting data.

[0081] In some possible embodiments, the apparatus further includes a video processing module configured to execute:

[0082] In response to a setting instruction based on target setting data in the setting data, determining a change feature corresponding to the setting instruction and change feature data corresponding to the change feature;

[0083] Obtain the target resource of the current video; match the data of the change characteristics of the target resource with the change characteristic data;

[0084] The target resource replaces the original resource of the current video for playback; the data of the non-changing features in the original resource is the same as the data of the non-changing features in the target resource.

[0085] In some possible embodiments, the device further includes:

[0086] A fourth display module is configured to execute in response to the interactive data display instruction, and display interactive data in the third area of ​​the preset page; the interactive data is data for interacting with the current video;

[0087] The fifth display module is configured to adjust the current video to the fourth area display of the preset page; there is no overlapping area between the third area and the fourth area.

[0088] In some possible embodiments, when the interactive data is video sharing data, the fourth display module is configured to execute:

[0089] In response to the interactive data display instruction, a plurality of to-be-shared device identifiers, a sharing information input box and a sharing confirmation component are displayed in a third area of ​​the preset page;

[0090] In response to the sharing information input instruction, displaying the sharing information corresponding to the sharing information input instruction in the sharing information input box;

[0091] In response to the device determination instruction, displaying a sharing mark on a target device identifier among the multiple device identifiers to be shared;

[0092] In response to a sharing instruction triggered by a sharing confirmation component, sharing data is sent to a target device corresponding to a target device identifier; the sharing data includes sharing information and a sharing timestamp; the sharing timestamp indicates that when the target device starts playing the current video, it locates the video frame corresponding to the sharing timestamp and starts playing.

[0093] According to a third aspect of an embodiment of the present disclosure, there is provided an electronic device, comprising: a processor; and a memory for storing processor-executable instructions; wherein the processor is configured to execute instructions to implement a method as described in any one of the first aspects above.

[0094] According to a fourth aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided. When instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute any one of the methods in the first aspect of the embodiment of the present disclosure.

[0095] According to the fifth aspect of an embodiment of the present disclosure, a computer program product is provided, the computer program product comprising a computer program, the computer program being stored in a readable storage medium, at least one processor of a computer device reading and executing the computer program from the readable storage medium, so that the computer device performs any one of the methods in the first aspect of the embodiment of the present disclosure.

[0096] The technical solution provided by the embodiments of the present disclosure brings at least the following beneficial effects:

[0097] The current video is displayed on a preset page, and the current video is displayed in full screen and in landscape mode on the preset page. In response to a setting data display instruction, setting data is displayed in the first area of ​​the preset page, and the setting data is data for setting video features of the current video. The current video is adjusted to be displayed in the second area of ​​the preset page, and there is no overlapping area between the first area and the second area. The embodiment of the present application ensures the normal and undisturbed display of the setting data and the normal playback of the current video through the non-overlapping first area and the second area, and will not be interrupted or interfered by other factors.

[0098] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0099] In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the following briefly introduces the drawings required for use in the description of the embodiments. Obviously, the drawings described below are only some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0100] Figure 1is a schematic diagram of a current video on a page according to an exemplary embodiment;

[0101] Figure 2 is a schematic diagram of an application environment according to an exemplary embodiment;

[0102] Figure 3 is a flow chart of a video playing method according to an exemplary embodiment;

[0103] Figure 4 is a schematic diagram of a current video on a preset page according to an exemplary embodiment Figure 1 ;

[0104] Figure 5 is a schematic diagram of a current video on a preset page according to an exemplary embodiment Figure 2 ;

[0105] Figure 6 is a flow chart showing a method of setting data display according to an exemplary embodiment;

[0106] Figure 7 is a flow chart showing a method of determining a target display area according to an exemplary embodiment;

[0107] Figure 8 is a schematic diagram showing a display setting data range according to an exemplary embodiment;

[0108] Fig. 9 is a schematic diagram showing a display area template according to an exemplary embodiment;

[0109] Fig.10 is a schematic diagram showing a display setting data display according to an exemplary embodiment;

[0110] Fig.11 is a schematic diagram showing a display setting data display according to an exemplary embodiment;

[0111] Fig.12 is a flow chart showing a method of determining a second area according to an exemplary embodiment;

[0112] Fig.13 is a flow chart showing a method of adjusting a playback screen according to an exemplary embodiment;

[0113] Fig.14 is a schematic diagram of an adjustment process according to an exemplary embodiment;

[0114] Fig.15 is a schematic diagram showing a first area display according to an exemplary embodiment;

[0115] Fig.16 is a schematic diagram showing transaction data of a first area according to an exemplary embodiment;

[0116] Fig.17 is a block diagram of a video playback device according to an exemplary embodiment;

[0117] Fig.18 It is a block diagram of an electronic device for video playback according to an exemplary embodiment. DETAILED DESCRIPTION

[0118] The following will be combined with the drawings in the embodiments of the present invention to clearly and completely describe the technical solutions in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of the present invention.

[0119] It should be noted that the terms "first", "second", etc. in the specification and claims of the present disclosure and the above-mentioned drawings are used to distinguish similar first objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.

[0120] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for display, data for analysis, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties.

[0121] See also Figure 2 , Figure 2 is a schematic diagram of an application environment of a video playback method according to an exemplary embodiment. Figure 2 As shown, the application environment may include a server 011 and a client 012 .

[0122] In some possible embodiments, the server 011 may include an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms. The operating system running on the server may include but is not limited to Android, IOS, Linux, Windows, Unix, etc.

[0123] In some possible embodiments, the client 012 may include but is not limited to a smartphone, a desktop computer, a tablet computer, a laptop computer, a smart speaker, a digital assistant, an augmented reality (AR) / virtual reality (VR) device, a smart wearable device, etc. It may also be software running on the client, such as an application, a small program, etc. Optionally, the operating system running on the client may include but is not limited to Android system, IOS system, Linux, Windows, Unix, etc.

[0124] In some possible embodiments, the client 012 can display the current video on a preset page, the current video is displayed in landscape and full screen on the preset page, and in response to the setting data display instruction, the setting data is displayed in the first area of ​​the preset page, the setting data is data for setting video features of the current video, and the current video is adjusted to be displayed in the second area of ​​the preset page, and there is no overlapping area between the first area and the second area. The embodiment of the present application ensures the normal and undisturbed display of the setting data through the non-overlapping first area and the second area, and also ensures the normal playback of the current video without being interrupted or interfered by other factors.

[0125] In an exemplary embodiment, the databases corresponding to the client and the server can both be node devices in the blockchain system, and can share the acquired and generated information with other node devices in the blockchain system, thereby realizing information sharing among multiple node devices. Multiple node devices in the blockchain system can be configured with the same blockchain, which is composed of multiple blocks, and the adjacent blocks have an association relationship, so that when the data in any block is tampered, it can be detected by the next block, thereby preventing the data in the blockchain from being tampered with, and ensuring the security and reliability of the data in the blockchain.

[0126] Figure 3 is a flowchart of a video playing method according to an exemplary embodiment. Figure 3As shown, the video playback method can be applied to a client, such as a mobile client, including a smart phone or an IPAD, or a desktop computer and the like. The flowchart includes the following steps:

[0127] In step S301, the current video is displayed on a preset page; the current video is displayed in full screen and in landscape orientation on the preset page.

[0128] In an embodiment of the present application, the client can display the current video on a preset page, wherein the current video can be displayed in landscape and full screen on the preset page.

[0129] In an optional embodiment, when the client detects a startup instruction of the application or webpage where the current video is located, the application or webpage where the current video is located can be opened. Optionally, the current video can be displayed on the homepage of the application or webpage. Optionally, if the current video is not displayed on the homepage of the application or webpage, the client can search for the current video based on the video search instruction and enter the page where the current video is displayed. Alternatively, if the current video is not displayed on the homepage of the application or webpage, the client can switch from the homepage to the page where the current video is located in response to the page switching instruction.

[0130] In an optional embodiment, when the client detects an instruction to play the current video, such as when the user clicks on the area corresponding to the current video on the page where the current video is located, the client can open a preset page and play the current video on the preset page.

[0131] Figure 4 Schematic diagram of a current video on a preset page according to an exemplary embodiment Figure 1 ,like Figure 4 As shown, including the current video displayed on the preset page 400.

[0132] In the embodiment of the present application, when the client displays the current video based on the horizontal screen display instruction, it can be displayed in horizontal and full screen on the preset page. Optionally, the current video full screen display means, for example Figure 4 As shown, the preset page is completely filled. Optionally, based on the different sizes of different client screens, the size of the preset page on the client is also different. However, in order to make the user's experience of watching the video better, the current video on the preset page can be displayed according to a preset ratio, such as a horizontal and vertical ratio of 16:9. Based on this, the client can determine the display area of ​​the current video according to the preset ratio and the size of the preset page. Figure 5 Schematic diagram of a current video on a preset page according to an exemplary embodiment Figure 2 ,like Figure 5As shown, it includes a display area 500 for displaying the current video and black areas 501 on both sides of the preset page remaining after the display area 500 is removed. Figure 5 The playing mode of the current video shown may also be called full-screen playing (due to the limitation of the preset ratio).

[0133] In an optional embodiment in which the client can determine the display area of ​​the current video according to a preset ratio and a preset page size, the client can first obtain a certain directional data in the preset ratio and the preset page size, such as the longitudinal data, and determine the required transverse data based on the preset ratio and the longitudinal data. If the transverse data in the preset page size is equal to the required transverse data, the client will spread the current video over the entire preset page; if the transverse data in the preset page size is larger than the required transverse data, the client can spread the current video over the longitudinal direction of the preset page, such as Figure 4 As shown, the center of the current video is aligned with the center of the preset page for rendering according to the required horizontal data, leaving black areas on both sides; if the horizontal data in the size of the preset page is smaller than the required horizontal data, the client can determine the required vertical data based on the preset ratio and horizontal data, and determine the display area for rendering the current video on the preset page in the same way.

[0134] In an optional embodiment, the client may determine the display area of ​​the current video based on a preset ratio, such as a 16:9 aspect ratio, and black areas are left on both sides, the top, and the bottom of the display area.

[0135] In an optional embodiment, if Figure 5 The four corners of the display area 500 shown may be right angles. Optionally, the four corners of the display area may also be rounded.

[0136] In step S303, in response to the setting data display instruction, setting data is displayed in the first area of ​​the preset page; the setting data is data for setting video features for the current video.

[0137] In the implementation of the present application, the client can respond to the setting data display instruction to display the setting data in the first area of ​​the preset page, wherein the setting data is data for setting video features for the current video.

[0138] In the embodiment of the present application, the setting data may include one or more of picture quality setting data, playback speed setting data, volume setting data, and video set number setting data. Of course, in addition to the setting data exemplified above, the embodiment of the present application may also include other data related to the video feature setting of the current video. The setting data exemplified above does not limit the content of the present application.

[0139] Correspondingly, the data display setting instructions in the embodiment of the present application may be one or more corresponding data display instructions including picture quality setting data, playback speed setting data, volume setting data, and video episode setting data.

[0140] Optionally, the data display instruction may be generated based on a click trigger within a preset range on a preset page, such as a click operation on the lower right corner, a click operation on the upper right corner, or a click operation on the lower left corner. Optionally, the data display instruction may be generated based on a sliding operation on a preset direction on a preset page, such as a sliding operation from top to bottom or a sliding operation from bottom to top. Optionally, the data display instruction may be generated based on a touch operation of a preset component (such as a virtual component on a preset page or a physical component on the client). Optionally, the data display instruction may be generated based on the implementation of a preset posture of the client, such as flipping the client to the left or flipping the client to the right. Optionally, the data display instruction may be generated based on the input of a preset voice.

[0141] The following takes the virtual component on the preset page as an example to explain how the client responds to the setting data display instruction and displays the setting data in the first area of ​​the preset page.

[0142] In an optional embodiment, each setting data (image quality setting data, playback speed setting data, volume setting data or video episode setting data) may have a corresponding virtual component on the preset page. Optionally, the virtual component may be displayed in real time on the preset page. Optionally, in order not to affect the viewing of the current video, the virtual component may be hidden, and when the client detects a display instruction of the virtual component, the virtual component may be displayed on the preset page.

[0143] In another optional embodiment, several setting data or all setting data may correspond to the same virtual component on a preset page. Optionally, the virtual component may be displayed on the preset page in real time. Optionally, in order not to affect the viewing of the current video, the virtual component may be hidden, and when the client detects a display instruction of the virtual component, the virtual component may be displayed on the preset page.

[0144] Figure 6 is a flowchart showing a method of setting data display according to an exemplary embodiment. Figure 6 As shown, including:

[0145] In step S601, in response to a setting data display instruction, a target display area required for setting data corresponding to the setting data display instruction is determined.

[0146] In the embodiment of the present application, the client may determine a target display area required for the setting data corresponding to the setting data display instruction in response to the setting data display instruction triggered by the virtual component.

[0147] Figure 7 is a flow chart showing a method of determining a target display area according to an exemplary embodiment. Figure 7 As shown, including:

[0148] In step S701 , in response to a setting data display instruction, the number of setting data corresponding to the setting data display instruction and the display range of each setting data are determined.

[0149] In the embodiment of the present application, the client can respond to the setting data display instruction and determine the number of setting data corresponding to the setting data display instruction and the display range of each setting data.

[0150] The following is an example of setting data display instruction corresponding to image quality setting data and playback speed setting data. Specifically, the client responds to the setting data display instruction and determines that the setting data corresponding to the setting data display instruction are the two setting data of image quality setting data and playback speed setting data.

[0151] In an optional embodiment, the client may determine a display range of each setting data, where the display range is a range of length and width occupied by all sub-data included in the setting data. Figure 8 is a schematic diagram showing a display setting data range according to an exemplary embodiment. Figure 8 As shown, one of the different setting data may correspond to multiple display ranges. For example, the display range of the image quality setting data includes a display range with a width of a1 and a length of b1 and a display range with a width of a2 and a length of b2. For example, the display range of the playback speed setting data includes a display range with a width of c1 and a length of d1 and a display range with a width of c2 and a length of d2. Figure 8 The display ranges of different setting data shown are some possible implementations, and other display ranges may also exist. In the embodiment of the present application, the display range of a certain setting data may have different display ranges on different clients, for example, a display range with a width of a1 and a length of b1 on a client with a screen size of A may have a display range with a width of a11 and a length of b11, while a display range with a screen size of B may have a display range with a width of a12 and a length of b12. Optionally, the display range may be determined based on the screen size.

[0152] Optionally, the client may determine, in response to the setting data display instruction, the number of setting data corresponding to the setting data display instruction and different display ranges of each setting data.

[0153] In step S703, a display area template set is obtained.

[0154] In an optional embodiment, the client may obtain multiple display areas from a display area template library of the server. In another optional embodiment, the client may obtain a template set including multiple display areas from a storage area of ​​the client.

[0155] Fig. 9 is a schematic diagram showing a display area template according to an exemplary embodiment. Fig. 9 As shown, the example includes 6 display areas, wherein each display area includes multiple display sub-areas, for example, the display area of ​​the first row and the first column includes four display sub-areas, and each display sub-area can match a display range of setting data. Optionally, the display area in the display area template can be as follows Fig. 9 As shown, it is a rectangular shape, and it can also be a non-rectangular shape presented in the last display, such as a pentagon, a triangle, etc.

[0156] In step S705 , a target display area is determined from the display area template set based on the number of setting data and the display range of each setting data.

[0157] In the embodiment of the present application, the client may determine the target display area from the display area template set based on the number of setting data and the display range of each setting data.

[0158] Combination Figure 8 and Fig. 9 To explain, the device can Figure 8 The display range with a width of a1 and a length of b1 is determined as the display range of the image quality setting data, and the display range with a width of c1 and a length of d1 is determined as the display range of the playback speed setting data. The two determined display ranges are adapted to different display areas in the display area template to determine the adapted target display area, such as Fig. 9 The display area in the first row and third column in can be the target display area.

[0159] In step S603, a first area matching the target display area is determined in a preset page.

[0160] In an embodiment of the present application, the client may determine a first area matching the target display area in a preset page, wherein, considering that the target display area may be a non-rectangular shape, the first area may be greater than or equal to the target display area.

[0161] In step S605 , the setting data is displayed in the first area.

[0162] In the embodiment of the present application, the client can display the setting data in the first area. Fig.10 and Fig.11 is a schematic diagram showing a display setting data display according to an exemplary embodiment. Fig.10 As shown, the preset page includes a first area 1001 and a second area 1002, and setting data (including image quality setting data and playback speed setting data) can be displayed in the first area. Fig.11 As shown, the preset page includes a first area 1011 and a second area 1012, and the setting data (including image quality setting data and playback speed setting data) can be displayed in the first area. That is, the first area can be displayed on the left side of the screen and can also be displayed on the right side of the screen.

[0163] In the embodiment of the present application, the client can display the setting data in the first area of ​​the preset page in the form of a mask or a panel.

[0164] When the client displays the setting data in the first area in the form of a mask, the user can see the information of the layer below the first area through the first area, such as the audience's barrage information. When the client displays the setting data in the first area in the form of a panel, the user cannot see the information of the layer below the first area through the first area.

[0165] In step S305, the current video is adjusted to be displayed in the second area of ​​the preset page; there is no overlapping area between the first area and the second area.

[0166] In order to make the device end respond to the setting data display instruction, after displaying the setting data in the first area of ​​the preset page, it does not interfere with the playback of the current video, that is, does not block the current video, such as Fig.10 As shown, the device can adjust the current video to a preset page and play it in a second area where there is no overlapping area with the first area.

[0167] There are many ways to implement the second region, and some possible implementations are mainly introduced below.

[0168] In an optional implementation, the device can determine the remaining area on the preset page after removing the first area as the second area, render the current video to fill the entire second area, and play it. This method can make full use of the remaining area, so that the zoomed current video is presented to the audience as much as possible.

[0169] However, in order to provide users with a better experience in watching videos, the reduced video image can be presented in the remaining area at a reasonable ratio. Fig.12 is a flow chart showing a method of determining a second area according to an exemplary embodiment. Fig.12 As shown, including:

[0170] In step S1201, a video display ratio set is obtained.

[0171] In an embodiment of the present application, the device side can obtain a video display ratio set from a storage area of ​​a server or a device side. Optionally, the video display ratio set may include a video display ratio, such as a horizontal and vertical ratio of 16:9. Optionally, the video display ratio set may include multiple video display ratios, such as a horizontal and vertical ratio of 16:9 or 4:3.

[0172] In step S1203 , a remaining area of ​​the preset page is determined based on the first area.

[0173] In the embodiment of the present application, the device can determine the remaining area on the preset page after removing the first area as the remaining area, wherein the first area is a rectangle, and the length of one side in the first area is equal to the length or width of the preset page.

[0174] In step S1205 , the area corresponding to each display ratio in the video display ratio set is determined based on two adjacent sides of the remaining area.

[0175] In the embodiment of the present application, since the first area is a rectangle, and there is a side in the first area whose length is equal to the length or width of the preset page, the remaining area is also a rectangle. Based on this, the device end can determine the area corresponding to each display ratio according to the length of the two adjacent sides of each display ratio and the remaining area in the video display ratio set. For example, if the length of the two adjacent sides of the remaining area is 480 pixels (width) * 330 (pixel length), the area corresponding to the aspect ratio of 16:9 is 480 pixels (width) * 270 pixels (length), and the area corresponding to the aspect ratio of 4:3 is 440 (width) pixels * 330 (length) pixels.

[0176] In step S1207, a second area is determined based on the area corresponding to each display ratio.

[0177] Optionally, the device can select the second area based on the area of ​​the area corresponding to each display ratio. For example, the area corresponding to 480 pixels (width) * 270 pixels (length) is 129600, and the area corresponding to 440 (width) pixels * 330 (length) pixels is 145200. The device can determine the area with the largest area as the second area.

[0178] In step S1209, the current video is played in the second area.

[0179] In this way, the device can play the current video in the second area.

[0180] In an optional embodiment of adjusting the current video to be displayed in the second area of ​​a preset page, the client can shrink the current video from the original area in the preset page to the second area for playback according to a preset shrinking rule. Fig.13 is a flowchart of adjusting a playback screen according to an exemplary embodiment. Fig.13 As shown, including:

[0181] In step S1301, the distance between each of the four original edges included in the original area and the target edge corresponding to each original edge is determined; the second area includes four target edges corresponding to the four original edges one by one.

[0182] Fig.14 is a schematic diagram of an adjustment process according to an exemplary embodiment. Fig.14 As shown, the original area of ​​the current video on the preset page has four original edges 1401, 1402, 1403, and 1404 before adjustment, and the second area of ​​the current video on the preset page has four target edges 1411, 1412, 1413, and 1414 after the area adjustment. In the embodiment of the present application, the client can determine the distance between each of the four original edges included in the original area and the target edge corresponding to each original edge. Specifically, since the original edge 1401 corresponds to the target edge 1411, the original edge 1402 corresponds to the target edge 1412, the original edge 1403 corresponds to the target edge 1413, and the original edge 1404 corresponds to the target edge 1414, the client can determine the distance between the two according to the horizontal pixel position of the original edge 1401 and the horizontal pixel position of the target edge 1411, determine the distance between the two according to the horizontal pixel position of the original edge 1402 and the horizontal pixel position of the target edge 1412, determine the distance between the two according to the vertical pixel position of the original edge 1403 and the vertical pixel position of the target edge 1413, and determine the distance between the two according to the vertical pixel position of the original edge 1404 and the vertical pixel position of the target edge 1414. In this way, the client obtains the distances between the four corresponding edges.

[0183] In step S1303, the adjustment time from the original area to the second area is obtained.

[0184] In an optional embodiment, the client may obtain the adjustment time from the original area to the second area based on a configuration parameter, wherein the configuration parameter includes the adjustment time from the original area to the second area.

[0185] In step S1305, the adjustment speeds of the four original edges corresponding to each other are determined according to the distance between each original edge and the target edge corresponding to each original edge, and the adjustment time.

[0186] In the embodiment of the present application, the client can determine the adjustment speed of the four original edges one by one according to the distance between each original edge and the target edge corresponding to each original edge and the quotient of the adjustment time, and the range of the adjustment speed is the number of pixels per second.

[0187] In step S1307, based on the one-to-one corresponding adjustment speeds of the four original edges, the video frame of the current video is played as the original area is reduced to the second area; wherein, during the adjustment of the video frame of the current video, the current video continues to play.

[0188] Then, the client can gradually and smoothly play the video image of the current video as the original area is reduced to the second area based on the one-to-one adjustment speed of the four original edges. Optionally, during the adjustment of the video image of the current video, the current video continues to play.

[0189] The embodiment of the present application can adjust the current video from the original area to the second area smoothly and evenly through the above method, so that the user will not feel the adjustment process as much as possible, and the user's viewing experience will not be disturbed.

[0190] In an optional embodiment, the device end may identify a preset object in the current video and determine a first pixel where the preset object is located, where the first pixel is a pixel on a video frame in the current video. Subsequently, the device end may delete a second pixel on the video frame, where the second pixel is a pixel on the video frame in the current video that has no association with the first pixel.

[0191] The device can proportionally magnify and display the third pixel on the video frame based on the second area, where the third pixel is the remaining pixel after the second pixel is deleted from the video frame; the third pixel includes the first pixel. In this way, although the device reduces the video screen based on the presentation of the setting data, the preset object can be magnified in the second area by cutting off the pixels in the video screen that are not related to the preset object.

[0192] For example, the current video is actually a video of a host telling a story in the center of the screen. When the current video screen is reduced, if the device determines the preset object as the host, the device can cut out other pixels that are not related to the host, such as the blank pixels on both sides and above the host. In this way, the pixels related to the host can be expanded and rendered to fill the entire second area. In this way, the display of the set data is satisfied, and at the same time, the reduction of the key information in the current video can be suppressed in a certain presentation, thereby improving the audience's viewing experience.

[0193] In another optional embodiment, since the setting data corresponding to the setting data display instruction may be small in number, for example, only one, and the display range of the setting data is small, the device end can display it in the form of a mask in a preset area of ​​a preset page without reducing the video screen of the current video, that is, the current video is still played in full screen.

[0194] In an optional embodiment, when the current video is adjusted to the second area for playback and the setting data is displayed in the first area, the client can respond to the setting instruction based on the target setting data in the setting data, determine the change feature corresponding to the setting instruction and the change feature data corresponding to the change feature, and obtain the target resource of the current video; the change feature data of the target resource matches the change feature data, and the target resource replaces the original resource of the current video for playback; the non-changing feature data in the original resource is the same as the non-changing feature data in the target resource.

[0195] The following is an explanation of the playback speed setting data. When the target setting data is the data corresponding to the double speed, when the user clicks on the data corresponding to the double speed, the client can respond to the setting instruction based on the target setting data in the setting data, determine that the change feature corresponding to the setting instruction is the playback speed, and the change feature data corresponding to the change feature is the data corresponding to the double speed. Subsequently, the client can obtain the target resource with a playback speed of double speed from the server provided by the video or from the cache area of ​​the client, and replace the original resource (such as a resource at one speed) with the target resource for playback. Among them, the target resource and the original resource have different playback speeds, and other setting features can be the same, such as image quality, volume, etc.

[0196] Optionally, if there is data with a linkage relationship with target setting data in other setting data, the client needs to determine the change feature and the change feature data corresponding to the change feature, and also determine the linkage change feature and the linkage change feature data corresponding to the linkage change feature, and then determine the target resource that is adapted to both the change feature data corresponding to the change feature and the linkage change feature data corresponding to the linkage change feature for replacement playback. In an embodiment of the present application, the device side can display the interactive data in the third area of ​​the preset page in response to the interactive data display instruction; the interactive data is data for interacting with the current video, and the current video is adjusted to the fourth area of ​​the preset page for display, wherein there is no overlapping area between the third area and the fourth area. How to determine the third area and the fourth area in the embodiment of the present application can refer to the above embodiment of determining the first area and the second area, which will not be repeated here.

[0197] The interactive data may be one or more of the current video sharing data, the audience's comment data on the current video, the screen projection data, and the small window floating data.

[0198] In an optional embodiment, the third area is the first area, and the fourth area is the second area, that is, the interaction data and the setting data may appear in one area. Fig.15 is a schematic diagram showing a first area display according to an exemplary embodiment. Fig.15 As shown, it includes setting data: picture quality setting data and playback speed setting data. It also includes interactive data, such as video sharing data, audience comment data and screen projection data on the current video, small window floating data, video collection data and screen projection data, etc.

[0199] Fig.16 is a schematic diagram showing a display of transaction data in a first area according to an exemplary embodiment. Fig.16 As shown, when the interactive data is video sharing data, the client can respond to the interactive data display instruction and display multiple device identifiers 1601 to be shared, a sharing information input box 1602 and a sharing confirmation component 1603 in the third area of ​​the preset page. Subsequently, in response to the sharing information input instruction, the sharing information corresponding to the sharing information input instruction can be displayed in the sharing information input box, such as the illustrated "the video is very good..." In a hurry, the client can respond to the device confirmation instruction to display a sharing mark on the target device identifier among the multiple device identifiers to be shared, and in response to the sharing instruction triggered by the sharing confirmation component, send sharing data to the target device corresponding to the target device identifier, wherein the sharing data includes sharing information and sharing timestamp; the sharing timestamp indicates that when the target device starts playing the current video, it locates to the video frame corresponding to the sharing timestamp to start playing.

[0200] In this case, the application can directly enable the sharing function through the sharing data in the interactive data of the video, share the video to the target device through the target device's identifier, and also include the reason why the video is recommended, such as "the video is very good" in the figure, to set a more specific recommendation reason. In addition, in a current video with a longer duration, the timestamp can be shared to the object to be shared to directly locate the video frame for playback, greatly improving the sharing efficiency.

[0201] Fig.17 is a block diagram of a video playback device according to an exemplary embodiment. The device has the function of implementing the data processing method in the above method embodiment, and the function can be implemented by hardware or by hardware executing corresponding software. Fig.12 , the device comprises:

[0202] The first display module 1701 is configured to display the current video on a preset page; the current video is displayed horizontally and in full screen on the preset page;

[0203] The second display module 1702 is configured to execute a display instruction for setting data and display setting data in a first area of ​​a preset page; the setting data is data for setting video features of a current video;

[0204] The third display module 1703 is configured to adjust the current video to display in the second area of ​​the preset page; there is no overlapping area between the first area and the second area.

[0205] In some possible embodiments, the second display module is configured to execute:

[0206] In response to the setting data display instruction, determining a target display area required for the setting data corresponding to the setting data display instruction;

[0207] Determining a first area matching the target display area in a preset page;

[0208] The setting data are displayed in the first area.

[0209] In some possible embodiments, the second display module is configured to execute:

[0210] In response to the setting data display instruction, determining the number of setting data corresponding to the setting data display instruction and the display range of each setting data;

[0211] Get the display area template set;

[0212] A target display area is determined from the display area template set based on the number of setting data and the display range of each setting data.

[0213] In some possible embodiments, the second display module is configured to execute:

[0214] In the first area of ​​the preset page, setting data is displayed in the form of a mask or a panel.

[0215] In some possible embodiments, the third display module is configured to execute:

[0216] Get the video display ratio set;

[0217] Determining a remaining area of ​​the preset page based on the first area;

[0218] Determine the area corresponding to each display ratio in the video display ratio set based on two adjacent sides of the remaining area;

[0219] Determine a second area based on the area corresponding to each display ratio;

[0220] Play the current video in the second area.

[0221] In some possible embodiments, the third display module is configured to execute:

[0222] Determine an area of ​​the preset page excluding the first area as the second area;

[0223] Play the current video in the second area.

[0224] In some possible embodiments, the third display module is configured to execute:

[0225] The current video is reduced from the original area in the preset page to the second area for playback according to the preset reduction rule.

[0226] In some possible embodiments, the third display module is configured to execute:

[0227] Determine the distance between each of the four original edges included in the original area and the target edge corresponding to each original edge; the second area includes four target edges corresponding to the four original edges one by one;

[0228] Get the adjustment time from the original area to the second area;

[0229] Determine the adjustment speed of the four original edges corresponding to each other according to the distance between each original edge and the target edge corresponding to each original edge, and the adjustment time;

[0230] Based on the one-to-one corresponding adjustment speed of the four original edges, the video screen of the current video is reduced along with the original area to the second area for playback;

[0231] During the adjustment of the video screen of the current video, the current video continues to play.

[0232] In some possible embodiments, the setting data includes one or more of picture quality setting data, playback speed setting data, volume setting data, video episode number setting data, and series continuous playback setting data.

[0233] In some possible embodiments, the apparatus further includes a video processing module configured to execute:

[0234] In response to a setting instruction based on target setting data in the setting data, determining a change feature corresponding to the setting instruction and change feature data corresponding to the change feature;

[0235] Obtain the target resource of the current video; match the data of the change characteristics of the target resource with the change characteristic data;

[0236] The target resource replaces the original resource of the current video for playback; the data of the non-changing features in the original resource is the same as the data of the non-changing features in the target resource.

[0237] In some possible embodiments, the device further includes:

[0238] A fourth display module is configured to execute in response to the interactive data display instruction, and display interactive data in the third area of ​​the preset page; the interactive data is data for interacting with the current video;

[0239] The fifth display module is configured to adjust the current video to the fourth area display of the preset page; there is no overlapping area between the third area and the fourth area.

[0240] In some possible embodiments, when the interactive data is video sharing data, the fourth display module is configured to execute:

[0241] In response to the interactive data display instruction, a plurality of to-be-shared device identifiers, a sharing information input box and a sharing confirmation component are displayed in a third area of ​​the preset page;

[0242] In response to the sharing information input instruction, displaying the sharing information corresponding to the sharing information input instruction in the sharing information input box;

[0243] In response to the device determination instruction, displaying a sharing mark on a target device identifier among the multiple device identifiers to be shared;

[0244] In response to a sharing instruction triggered by a sharing confirmation component, sharing data is sent to a target device corresponding to a target device identifier; the sharing data includes sharing information and a sharing timestamp; the sharing timestamp indicates that when the target device starts playing the current video, it locates the video frame corresponding to the sharing timestamp and starts playing.

[0245] It should be noted that the device provided in the above embodiment, when implementing its functions, is only illustrated by the division of the above functional modules. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above. In addition, the device and method embodiments provided in the above embodiment belong to the same concept, and the specific implementation process is detailed in the method embodiment, which will not be repeated here.

[0246] Fig.18 3000 is a block diagram of a device for video playback according to an exemplary embodiment. For example, the device 3000 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.

[0247] Reference Fig.18, the device 3000 may include one or more of the following components: a processing component 3002 , a memory 3004 , a power component 3006 , a multimedia component 3008 , an audio component 3010 , an input / output (I / O) interface 3012 , a sensor component 3014 , and a communication component 3016 .

[0248] The processing component 3002 generally controls the overall operation of the device 3000, such as operations associated with display, phone calls, data communications, camera operations, and recording operations. The processing component 3002 may include one or more processors 3020 to execute instructions to complete all or part of the steps of the above-mentioned method. In addition, the processing component 3002 may include one or more modules to facilitate the interaction between the processing component 3002 and other components. For example, the processing component 3002 may include a multimedia module to facilitate the interaction between the multimedia component 3008 and the processing component 3002.

[0249] The memory 3004 is configured to store various types of data to support operations on the device 3000. Examples of such data include instructions for any application or method operating on the device 3000, contact data, phone book data, messages, pictures, videos, etc. The memory 3004 can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk or optical disk.

[0250] The power supply component 3006 provides power to the various components of the device 3000. The power supply component 3006 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the device 3000.

[0251] The multimedia component 3008 includes a screen that provides an output interface between the device 3000 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundaries of the touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 3008 includes a front camera and / or a rear camera. When the device 3000 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera may receive external multimedia data. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.

[0252] The audio component 3010 is configured to output and / or input audio signals. For example, the audio component 3010 includes a microphone (MIC), and when the device 3000 is in an operating mode, such as a call mode, a recording mode, and a speech recognition mode, the microphone is configured to receive an external audio signal. The received audio signal can be further stored in the memory 3004 or sent via the communication component 3016. In some embodiments, the audio component 3010 also includes a speaker for outputting audio signals.

[0253] I / O interface 3012 provides an interface between processing component 3002 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include but are not limited to: home button, volume button, start button, and lock button.

[0254] The sensor assembly 3014 includes one or more sensors for providing various aspects of status assessment for the device 3000. For example, the sensor assembly 3014 can detect the open / closed state of the device 3000, the relative positioning of components, such as the display and keypad of the device 3000, and the sensor assembly 3014 can also detect changes in the position of the device 3000 or a component of the device 3000, the presence or absence of user contact with the device 3000, the orientation or acceleration / deceleration of the device 3000, and the temperature change of the device 3000. The sensor assembly 3014 may include a proximity sensor configured to detect the presence of a nearby object without any physical contact. The sensor assembly 3014 may also include an optical sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 3014 may also include an accelerometer, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

[0255] The communication component 3016 is configured to facilitate wired or wireless communication between the device 3000 and other devices. The device 3000 can access a wireless network based on a communication standard, such as WiFi, a carrier network (such as 2G, 3G, 4G or 5G), or a combination thereof. In an exemplary embodiment, the communication component 3016 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 3016 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.

[0256] In an exemplary embodiment, the apparatus 3000 may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors or other electronic components to perform the above method.

[0257] An embodiment of the present invention also provides a computer-readable storage medium, which can be set in an electronic device to store at least one instruction or at least one program related to implementing a video playback method. The at least one instruction or the at least one program is loaded and executed by the processor to implement the video playback method provided by the above method embodiment.

[0258] In an exemplary embodiment, a storage medium including instructions is also provided, such as a memory 3004 including instructions, and the instructions can be executed by the processor 3020 of the device 3000 to complete the above method. Optionally, the storage medium can be a non-transitory computer-readable storage medium, for example, the non-transitory computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0259] An embodiment of the present invention further provides a computer-readable storage medium. When instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute any method in the first aspect of the embodiment of the present disclosure.

[0260] An embodiment of the present invention further provides a computer program product, which includes a computer program, the computer program is stored in a readable storage medium, and at least one processor of a computer device reads and executes the computer program from the readable storage medium, so that the computer device performs any method in the first aspect of the embodiments of the present disclosure.

[0261] It should be noted that the sequence of the embodiments of the present invention described above is for description only and does not represent the advantages and disadvantages of the embodiments. The above describes specific embodiments of this specification. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recorded in the claims can be performed in an order different from that in the embodiments and still achieve the desired results. In addition, the processes depicted in the drawings do not necessarily require the specific order or continuous order shown to achieve the desired results. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0262] Each embodiment in this specification is described in a progressive manner, and the same or similar parts between the embodiments can be referred to each other, and each embodiment focuses on the differences from other embodiments. In particular, for the device embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred to the partial description of the method embodiment.

[0263] A person skilled in the art will understand that all or part of the steps to implement the above embodiments may be accomplished by hardware or by instructing related hardware through a program, and the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a disk or an optical disk, etc.

[0264] The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principle of the present invention should be included in the protection scope of the present invention.

Claims

1. A video playback method, characterized in that: include: Display the current video on the preset page; The current video is displayed in full screen and in landscape orientation on the preset page; In response to the setting data display instruction, displaying setting data in the first area of ​​the preset page; the setting data is data for setting video features of the current video; The first area is determined based on a display range of the setting data corresponding to the setting data display instruction; Adjusting the current video to be displayed in the second area of ​​the preset page; There is no overlapping area between the first area and the second area; The method further comprises: Identify a preset object in the current video and determine a first pixel where the preset object is located; the first pixel is a pixel on a video frame in the current video; Deleting a second pixel on the video frame; wherein the second pixel is a pixel on the video frame in the current video that has no association relationship with the first pixel; A third pixel on the video frame is proportionally enlarged and displayed based on the second area; wherein the third pixel is a remaining pixel after the second pixel is deleted from the video frame; and the third pixel includes the first pixel.

2. The video playback method according to claim 1, characterized in that: The step of displaying the setting data in the first area of ​​the preset page in response to the setting data display instruction comprises: In response to the setting data display instruction, determining a target display area required for the setting data corresponding to the setting data display instruction; Determining the first area matching the target display area in the preset page; The setting data is displayed in the first area.

3. The video playback method according to claim 2, characterized in that: In response to the setting data display instruction, determining a target display area required for the setting data corresponding to the setting data display instruction includes: In response to the setting data display instruction, determining the number of setting data corresponding to the setting data display instruction and the display range of each setting data; Get the display area template set; The target display area is determined from the display area template set based on the number of the setting data and the display range of each setting data.

4. The video playback method according to any one of claims 1 to 3, characterized in that: The displaying of setting data in the first area of ​​the preset page includes: In the first area of ​​the preset page, the setting data is displayed in the form of a mask or a panel.

5. The video playback method according to any one of claims 1 to 3, characterized in that: The step of adjusting the current video to be displayed in the second area of ​​the preset page includes: Get the video display ratio set; determining a remaining area of ​​the preset page based on the first area; Determine the area corresponding to each display ratio in the video display ratio set based on two adjacent sides of the remaining area; Determine the second area based on the area corresponding to each display ratio; The current video is played in the second area.

6. The video playback method according to any one of claims 1 to 3, characterized in that: The step of adjusting the current video to be displayed in the second area of ​​the preset page includes: Determine an area of ​​the preset page excluding the first area as the second area; The current video is played in the second area.

7. The video playback method according to claim 5 or 6, characterized in that: Playing the current video in the second area includes: The current video is reduced from the original area in the preset page to the second area for playback according to the preset reduction rule.

8. The video playback method according to claim 7, characterized in that: The step of reducing the current video from the original area in the preset page to the second area for playing according to a preset reduction rule includes: Determine the distance between each of the four original edges included in the original area and the target edge corresponding to each original edge; the second area includes four target edges corresponding to the four original edges one by one; Acquire adjustment time from the original area to the second area; Determine the one-to-one corresponding adjustment speed of the four original edges according to the distance between each original edge and the target edge corresponding to each original edge, and the adjustment time; Based on the one-to-one corresponding adjustment speeds of the four original edges, the video frame of the current video is reduced along with the original area to be played in the second area; Wherein, during the process of adjusting the video picture of the current video, the current video continues to be played.

9. The video playback method according to claim 1, characterized in that: The setting data includes one or more of picture quality setting data, play speed setting data, volume setting data, and video set number setting data.

10. The video playback method according to claim 9, characterized in that: The method further comprises: In response to a setting instruction based on target setting data in the setting data, determining a change feature corresponding to the setting instruction and change feature data corresponding to the change feature; Acquire the target resource of the current video; match the data of the change characteristic of the target resource with the change characteristic data; The target resource replaces the original resource of the current video for playback; the data of the non-changing features in the original resource is the same as the data of the non-changing features in the target resource.

11. The video playback method according to claim 1, characterized in that: The method further comprises: In response to the interactive data display instruction, displaying interactive data in the third area of ​​the preset page; the interactive data is data for interacting with the current video; The current video is adjusted to be displayed in the fourth area of ​​the preset page; there is no overlapping area between the third area and the fourth area.

12. The video playback method according to claim 11, characterized in that: When the interactive data is video sharing data, displaying the interactive data in the third area of ​​the preset page in response to the interactive data display instruction includes: In response to the interactive data display instruction, a plurality of to-be-shared device identifiers, a sharing information input box and a sharing confirmation component are displayed in a third area of ​​the preset page; In response to a sharing information input instruction, displaying sharing information corresponding to the sharing information input instruction in the sharing information input box; In response to the device determination instruction, displaying a sharing mark on a target device identifier among the multiple device identifiers to be shared; In response to a sharing instruction triggered by the sharing confirmation component, sharing data is sent to a target device corresponding to the target device identifier; the sharing data includes the sharing information and a sharing timestamp; the sharing timestamp indicates that when the target device starts playing the current video, it locates the video frame corresponding to the sharing timestamp and starts playing.

13. A video playback device, characterized in that: include: A first display module is configured to display the current video on a preset page; The current video is displayed in full screen and in landscape orientation on the preset page; A second display module is configured to execute a setting data display instruction in response to which the setting data is displayed, and to display setting data in the first area of ​​the preset page; the setting data is data for setting video features of the current video; The first area is determined based on a display range of the setting data corresponding to the setting data display instruction; A third display module is configured to adjust the current video to display in the second area of ​​the preset page; There is no overlapping area between the first area and the second area; The device also includes: Identify a preset object in the current video and determine a first pixel where the preset object is located; the first pixel is a pixel on a video frame in the current video; Deleting a second pixel on the video frame; wherein the second pixel is a pixel on the video frame in the current video that has no association relationship with the first pixel; A third pixel on the video frame is proportionally enlarged and displayed based on the second area; wherein the third pixel is a remaining pixel after the second pixel is deleted from the video frame; and the third pixel includes the first pixel.

14. An electronic device, characterized in that: include: processor; a memory for storing instructions executable by the processor; The processor is configured to execute the instructions to implement the video playback method as described in any one of claims 1 to 12.

15. A computer-readable storage medium, characterized in that: When the instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the video playback method as described in any one of claims 1 to 12.

Images